peivem.com cerrará sus puertas
Esta entrada ha sido publicada en mi nuevo blog, en:
http://www.sebastianbarria.com/web/como-disenar-plantillas-de-wordpress/
Por favor, visita mi nuevo sitio, porque este lo daré de baja muy pronto. Gracias!

Hace un tiempo, a Soranji (mi novia) le dijeron: "necesito que diseñes una plantilla de Wordpress". Pero: que implica hacer una plantilla de Wordpress?. Son 3 páginas?...son 5 páginas?. Hay sitios hechos con Wordpress que son enormes y otros que son pequeños.

Generalmente los clientes no tienen idea de lo que es Wordpress o de lo que es una plantilla para Wordpress. Ellos sólo la piden, y cuando les preguntas tampoco sabes realmente que ofrecerles.

Acá vamos a hablar un poco del tema.

1.0: Lo básico

Los elementos más básicos de una plantilla de Wordpress son los posts. Por lo tanto, las páginas elementales son:

• plantilla de un listado de posts
• plantilla de detalle de un post (la página a la que se llega al hacer click en el link "ver más" de cada post)

La gracia es que los posts pueden ser usados como posts (obviamente), como noticias, e incluso como catálogo de productos o elementos de un portafolio. Lo importante es tener claro como funcionan los posts y como queremos organizar nuestro sitio.

En torno a estos elementos es posible ir creando un sinfín de otras páginas que permitan hacer la página más completa y amigable.

2.0: Las demás cosas necesarias

Por supuesto que lo otro que es bastante necesario en un blog (pero no escencial) son las páginas de contenido estático y los formularios.

Las páginas de contenido son prácticamente iguales al detalle de un post. La principal diferencia es que la mayoría de las veces no permiten que la gente opine sobre ellas.

Los formularios de contacto están prácticamente en todos los sitios. Lo más importante a considerar es que estos pueden ser diseñados y programados a mano, o pueden ser instalados como un plugin.

Los plugins de formularios de contacto generalmente funcionan con esta lógica:

• Se instala y activa el plugin.
• Se crea una página de Wordpress llamada "Contacto" y en el cuerpo de esa página se agrega un texto específico que indica el plugin. Generalemente se hace en la parte HTML del cuerpo y es algo como o [contact-form].
• En la sección de configuración del plugin se indica todo lo necesario para que funcione correctamente.

Entonces, las páginas que tenemos que considerar para estos elementos son:

• plantilla de página tipo (página de contenido estático)
• plantilla de formulario de contacto

En caso de tener que diseñar cada una de estas plantillas, hay que considerar diseñar todos los elementos que deberían ir en cada una:

• Listado de posts
  • Imagen
  • Título
  • Autor
  • Fecha de publicación
  • Resumen
  • Cantidad de comentarios
  • Etiquetas (tags) y/o categorías asociadas
  • Paginador (entradas anteriores, entradas siguientes)
• Detalle del post / Página de contenido estático
  • Título
  • Autor
  • Fecha de publicación
  • Texto completo
    • imágenes
    • párrafos (texto normal, destacado, cursiva)
    • blockquote
    • tablas
    • listas con bullets
    • listas con números
    • trozos de código (etiqueta pre, cuando sea necesario)
  • Cantidad de comentarios
  • Etiquetas (tags) y/o categorías asociadas
  • listado de comentarios (imágen del autor, título del comentario, nombre del autor, fecha y hora, texto del comentario)
  • formulario de comentarios (nombre, email, mensaje, botón de envío)
• Formulario de contacto
  • Puede tener tantos campos como sea necesario. Pero cuidado, porque los usuarios se espantan cuando los campos son muchos. Sólo pidan lo necesario.

3.0: Lo adicional

Una de las gracias que ofrece Wordpress es permitir el uso de páginas "especiales", que se basen en una plantilla (esta plantilla o "template" se escoge al momento de crear una nueva página).

De esta manera podemos crear páginas específicas para cualquier contenido, sin necesidad de que estas páginas utilicen la misma estructura de Wordpress o incluso páginas especiales que realicen funciones especiales.

Un dato adicional que se puede tener en consideración es el uso de permalinks para nuestras URL. Para dejar los permalinks más "bonitos", se debe ir a la sección de permalinks, escoger "Custom" y poner lo siguiente en el campo de texto: "%category%/%postname%". De esta manera, los usuarios podrán ver nuestras url de la manera misitio.com/contacto en vez de misitio.com/pageid=7, por ejemplo, y el linkeo en nuestro HTML también será más fácil.

Lo bueno del uso del motor de Wordpress es que nuestro sitio puede ser complementado con varios plugins que permiten interactuar con muchas redes sociales y hacer una infinidad de cosas. Por ejemplo, se puede instalar un plugin que envíe nuestros nuevos post a twitter, o que lea nuestra cuenta de twitter y publique nuestro último tweet. O podemos utilizar plugins para mostrar imágenes de nuestra cuenta de flickr, youtube, etc. Todo está en encontrar el plugin correcto.

En resumen, lo principal que hay que tener en mente es saber como funciona Wordpress y como funcionan los plugins que necesitaremos utilizar, para diseñar y maquetear lo que sea necesario para su correcta utilización.