Escucha la radio
Personaliza wordpress con tu propio diseño. Aquí una guía fácil de seguir. No es necesario saber php ya que es muy sencillo de hacerlo.
1. Tienes tu diseño en index.html y un style.css, es necesario tener el style.css, si no sabes como hacer esto, ve a la sección de tutoriales en css y sigue los pasos.
2. Si tienes con otro nombre el style.css, debes cambiarlo por ese, ya que no leerá algún otro, y deberás agregar en la parte de arriba, lo siguiente:
Theme Name: Nombre del tema
Theme URI: http://radiopixel.org
Description: Descripción del tema
Version: 1.0
Author: Irina
*/
3. Cambia los datos con los tuyos, recuerda de tener cada dato en una línea y no juntarlos todos en una sola línea.
4. Vas a crear un nuevo folder para tu tema, y le pondras el nombre del tema e incluirás los siguientes archivos del folder de default que ya viene incluído cuando bajaste wordpress: comments.php, comments-popup.php, page.php, single.php y también pondrás en ese folder tu index.html y el style.css
5. Hecho esto, se va a separar el index.html en header.php, sidebar.php, index.php y footer.php.
6. Lo siguiente será un ejemplo de cada uno, y lo que debería de llevar ya que se necesitan códigos exactos para llamar a la base de datos de wordpress pero debes incluir y completar de acuerdo a como esta tu tema:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo(’html_type’); ?>; charset=<?php bloginfo(’charset’); ?>" />
<meta name="distribution" content="global" />
<meta name="robots" content="follow, all" />
<title>Titulo del Blog </title>
<meta name="generator" content="WordPress <?php bloginfo(’version’); ?>" />
<!– leave this for stats please –>
<style type="text/css" media="screen">
<!– @import url( <?php bloginfo(’stylesheet_url’); ?> ); –>
</style>
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo(’rss2_url’); ?>" />
<link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo(’rss_url’); ?>" />
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo(’atom_url’); ?>" />
<link rel="pingback" href="<?php bloginfo(’pingback_url’); ?>" />
<?php wp_get_archives(’type=monthly&format=link’); ?>
<?php //comments_popup_script(); // off by default ?>
<?php wp_head(); ?>
</head>
<body>
- <a href="#">Link</a>
- <a href="#">Link</a>
- <a href="#">Link</a>
<?php get_header(); ?>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div class="post" id="post-<?php the_ID(); ?>">
<?php the_title(); ?>
Fecha: <?php the_date(); ?>, <?php the_time(’g:i a’); ?>
Categorias: <?php the_category(’, ‘) ?>
<?php comments_popup_link(__(’Hay 0 Comentarios. Quieres comentar?’), __(’Hay 1 Comentario. Quieres comentar?’), __(’Hay % Comentarios. Quieres comentar?’)); ?>
<?php the_content(__(’(Read the rest.)’)); ?>
<?php comments_template(); // Get wp-comments.php template ?>
<?php endwhile; else: ?>
<?php _e(’Lo sentimos, no se encontró lo que buscaba.’); ?><?php endif; ?>
<center><?php posts_nav_link(’ — ‘, __(’« Posts Anteriores’), __(’Próximos Posts »’)); ?></center>
</div>
<?php get_footer(); ?>
<?php get_sidebar(); ?>
</body>
</html>
7. Después de haber hecho esto, guarda cada uno con ese nombre y borra el index.html, ya que no será necesario.
8. Sube todo al folder de wordpress en wp-content/themes/nombredeltema.
9. Ve a tu panel de control y escoge ese tema. Y ya tienes un estilo nuevo.