Diseñando para WordPress

Este post no es ni pretende ser un tutorial para crear temas de wordpress, sino una sencilla
introducción al diseño de blogs usando wordpress como CMS(administrador de contenidos), para aclarar
conceptos y su uso en general.A la hora de diseñar páginas web con contenido dinámico, especialmente blogs, wordpress es un aliado muy poderoso.

Esto se debe principalmente a su flexibilidad y sencillez. En el momento de diseñar para wordpress debemos tener en mente que nuestra única preocupación será el envoltorio,
es decir la apariencia, ya que todo el contenido lo generaremos luego de manera automática.

Wp es a simple vista, o más bien, de la manera que a nosotros nos interesa, un conjunto de
funciones php que intercalaremos en nuestro código html y que se convertirán en texto, imágenes y otros contenidos cuando publiquemos en el blog.
En pseudocódigo sería asi:

1
2
3
4
5

<div id="contenedor">
	<div id="entrada">
		<? funcionPhp() ?>
	</div>
</div>

Ahora que entramos en materia, intentemos coger la idea general de la estructura de wp.
Para ello podemos pensar en una página principal y varias secundarias. La principal estará dividida en varias secciones:

1. Header
2. Index
3. (¿)Barras laterales(?)
4. Footer

La barras laterales son opcionales aunque la mayoría de los sitios las usan; en realidad todos los elementos son opcionales pero esto ya lo veremos más adelante.

Así, tenemos una página vacía a simple vista, pero que se completará como si de un papel roto en varios
trozos se tratara. Cada sección es una página independiente que se llamará mediante una función de worpress.

El resto de páginas(contact, single, about, etc) siguen el mismo funcionamiento reutilizando las secciones
comunes como el header o el footer. La flexibilidad de worpress nos posibilita incluso a añadir nuestras propias páginas o secciones, por ejemplo, una segunda barra lateral o un apartado “adds” para la publicidad.

Una vez entendido el funcionamiento básico, podemos empezar con las pautas de diseño.
Para facilitarnos el trabajo a la hora de comenzar, y ahorrarnos crear los archivos php, funciones
y consolidar la jerarquía de documentos, existen los llamados “blank themes”, temas lisos,
prefabricados, para no empezar desde cero.
Particularmente uso el starkers, que va muy bien, está perfectamente estructurado e incluye distintas hojas de estilo para agrupar los hacks de los navegadores “conflictivos” (lease ie en todas sus variantes).

Por último, una de las cosas que debería hacerte inclinarte por wordpress a la hora de elegir cms, es la abundante comunidad de usuarios que hay por detrás y que está continuamente ayudando a corregir problemas, creando tutoriales y aportando plugins.

Los plugins son pequeños programas que proporcionan funciones exclusivas, como pueden ser la addición de
captchas a los formularios, la integración de twitter o el resaltado de entradas destacadas.

Hasta aquí esta breve introducción acerca de el funcionamiento de wordpress de cara al diseño de temas.
Próximamente crearé la continuación, en la cual ya tocaremos un poco de código.

Tags: cms, diseño, temas, wordpress

Miércoles, Mayo 27th, 2009 a las 15:58