Como hacer un theme compatible con widgets para WordPress
Parece que ‘widget’ es la palabra de moda, es el web 2.5, es la antesala para las aplicaciones web de escritorio… ok no, pero últimamente todo se está widgetizando… y nuestro CMS favorito lleva ya varias versiones implementando widgets.
En la página de Automattic hay documentación oficial de la API de widgets para WordPress, también hay un how-to para hacer funcionar tu theme con widgets, pero, en realidad están confusas si es tu primer acercamiento al desarrollo de themes, y si no sabes inglés, peor.
La cosa es muy sencilla. Lo único que necesitas es un archivo functions.php en la carpeta de tu theme, en ese archivo ‘registrarás’ las barras laterales con las que cuentas, con la función register_sidebar (en el caso de una sola barra lateral) ó register_sidebars (en el caso de más de una barra lateral). Esta función recibe por parámetro
La función se usa de la siguiente manera:
El código que se ve en la imagen es para dos barras laterales, de hecho es el código que uso para este nuevo tema para WordPress.
Los parámetros creo que son muy obvios, register_sidebars recibe dos parámetros, el primero es el número total de barras laterales y el segundo, un array MUY importante para tu diseño. Los datos que debe contener ese array son:
- name - el nombre para identificar el sidebar a la hora de agregar un widget.
- before_widget - código html o lo que sea que hay antes de cada widget.
- after_widget - código html o lo que sea que hay después de cada widget.
- before_title - elemento que hay antes del título del widget.
- after_title - elemento que hay después del título.
Si notas la forma en que yo lo hice, hay muchos divs con class’s asignadas, esto es porque utilizo imagenes de fondo y tenía que identificar esos bloques, para asignarles dichas imagenes.
Como ves es algo muy sencillo, para empezar a usar tu tema con widgets, solo agregas la función dynamic_sidebar(1) (donde 1 es el número de sidebar que quieres que se despliegue) en el archivo de barras laterales o donde vayas a ubicar las barras laterales (la izquierda, por ejemplo, yo la tengo en el header).
También Lee
If you enjoyed this post, please consider to leave a comment or subscribe to the feed and get future articles delivered to your feed reader.
me parece bastante limpio o será porque tengo NoScript 
Animate con el rojo y ponlo hasta arriba