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:
Ejemplo del uso de código de widgets para WordPress

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

Tags:

2 Comentarios en “Como hacer un theme compatible con widgets para WordPress”

  1. Stan dijo:

    Animate con el rojo y ponlo hasta arriba :D

  2. Alberto dijo:

    :O Excelente, creo que te ánimo ese triunfo de las águilas xDD

    Muy buen theme :) me parece bastante limpio o será porque tengo NoScript :lol:

    Saludos.

Deja tu comentario


Close
Powered by ShareThis