Crear un tema de WordPress en 5 pasos
Una 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.













Parece muy sencillo, pero como se exporta una imagen de photoshop en código XHTML/CSS?.
Saludos.
Escribe lo que Piensas!