Portada » Tecnologia, trucos

Crear un tema de WordPress en 5 pasos

17 abril 2009 Un Comentario

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.

Un Comentario »

  • llumac said:

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

Escribe lo que Piensas!

Añade tu comentario abajo, o trackback desde tu propio sitio. También puedessubscrirte a los comentarios via RSS.

Hay que ser agradable. NO mensajes Fuera de Lugar. Manténgase sobre el tema. No spam..

Puedes usar estas Etiquetas:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Este es un gravatar habilitado weblog. Para obtener su propio mundo-reconoce-avatar, por favor regístrate en Gravatar.