Micaela 17 de abril de 2009 a las 09.05
   Imprimir artículo
elWebmaster.com

Cómo crear un tema de WordPress en 5 pasos


wordpress_final1Una de las mejores funcionalidades de WordPress es la de permitirnos crear nuestros propios temas. Realizar un tema para WordPress o cualquier otro CMS, es como crear un dise√Īo para cualquier otro sitio web com√ļn.

Si bien existe alg√ļn que otro elemento qu√© deber√≠as considerar a la hora de crear tu propio tema WordPress, el proceso es bastante similar. Si deseas hacer tu theme WordPress sigue los cinco sencillos pasos que te dejo a continuaci√≥n.

1. Define la estructura del contenido

Antes de abrir tu editor gráfico (Photoshop, Fireworks) define la estructura de tu contenido en un estilo treeForm (es más fácil de manejar). Tienes que definir las categorías principales de tu blog, es fundamental saber cuántas habrá.

2. Haz una lista de características

Define qu√© tipo de caracter√≠sticas/plugins deseas tener en tu sitio. Def√≠nelas por tama√Īos, para que sepas cuantas cosas tienes para tu cabecera, tu barra lateral y tu ventana principal.

3. Comienza a dibujar

Ahora que ya sabes el contenido para el cual tienes que dise√Īar, comienza a dibujar. Un peque√Īo consejo, considera tanto el SEO como la usabilidad durante la etapa de dise√Īo. No utilices fuentes personalizadas a menos que planees usar im√°genes. No uses efectos de texto en Photoshop como “Smooth, Crisp, Strong” en tu texto, a menos que lo vayas a utilizar como una imagen.

Consejo: Al finalizar el dise√Īo, ci√©rralo y no lo mires por unas 12 horas. Al d√≠a siguiente, vu√©lvelo a mirar y f√≠jate si te sigue agradando. De lo contrario, realiza nuevamente el proceso.

4. Convierte el dise√Īo en c√≥digo XHTML/CSS

Esto es importante: No implementes el dise√Īo en WordPress de inmediato. Primero convi√©rtelo en un solo archivo .html+css y hazlo funcionar en todos los navegadores m√°s importantes.

5. Implementa bloques HTML y CSS

Ahora que tienes una muestra de tu dise√Īo funcionando, es mucho m√°s f√°cil implementar partes del mismo en tus archivos de tema WordPress, localizados en /wp-content/themes/your-theme/.

No te olvides: Además de editar tus archivos de tema, también puedes editar templates por defecto de WordPress, dentro del directorio /wp-includes/.

Y así de sencillo, con estos simples pasos ya tienes tus temas listos para implementar.

Fuente: Theme Closet


Enviar a Del.icio.us Enviar a Meneame Enviar a Digg Enviar a Fresqui Enviar a Enchilame

Comentarios (7)

  1. Dumitru Br√ģnzan dice:

    It is nice seeing that my articles are even translated to different languages :)

  2. Ale Photoshop dice:

    Y NO DA PARA ALGO MAS T√ČCNICO? Digamos conesto no puedo arrancar a hacer nada… ¬Ņalgun concejo para un novatopress que quiere hacer un blog en wordpress pero no se porque archivo empezar a retocar?

  3. Daniel dice:

    Para eso descargen Artisster 2 de taringa!

  4. kmilo dice:

    esta bueno pero muy por ensima, no tenes algo mas detallado?

  5. bien :) dice:

    BIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEENNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN! :) ZHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAANKSSS ME AYUDO MUCHO :)

  6. David dice:

    Esta bien pero es medasiado generico. Uno de tandos Post que prometen ense√Īarte algo pero despues, nada de nada.

  7. César Gabriel dice:

    La verdad que este post no ense√Īa absolutamente nada… Yo me inici√© en la creaci√≥n de temas para WordPress siguiendo un tutorial de 16 lecciones http://goo.gl/RcfK

Deja tu opinión

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Acceder