Añadir sidebars a WordPress

Añadir sidebars a WordPress

Añadir sidebars dinámicos en wordpress es muy sencillo, para esto tenemos a nuestra disposición la función register_sidebar.

Los pasos para crear un nuevo sidebar son los siguientes, creamos una función que haga uso de register_sidebar y llamamos en el hook widgets_init con add_action, de esta forma, cuando vayamos a nuestra zona de widgets en la administración de wordpress lo tendremos disponible para añadirle lo que necesitemos.

Para visualizar el nuevo sidebar sólo debemos comprobar si ha sido cargado con is_active_sidebar pasando cómo parámetro el id del sidebar que hemos creado en su configuración, si es así, podemos mostrarlo con la función dynamic_sidebar, de la misma forma, debemos pasarle el id del sidebar que queremos mostrar.

Todo lo anterior va en el contexto de un tema de wordpress, ubicado en su archivo functions.php, que es el que aplica toda la lógica de un tema.

Dicho esto, veamos lo sencillo que es crear, registrar y mostrar un widget en un tema de wordpress, en mi caso haré uso del tema que viene por defecto Twenty Fourteen, así que abre el archivo alojado en wp-content/themes/twentyfourteen/functions.php y añade la siguiente línea al final del mismo.


Es mejor separar la lógica en pequeñas piezas antes de tener que lidiar con archivos gigantes que nadie entiende. Ahora crea la carpeta functions en la raíz del tema, crea el archivo sidebars.php y añade el siguiente código.


Registrar sidebars siempre es igual, el campo más importante es el id, es el identificador del sidebar, a continuación lo anclamos al hook widgets_init.

Si ahora actualizas y vas a tu área de administración/apariencia/widgets verás que tienes uno nuevo llamado Sidebar footer izquierda, si le añades cualquier elemento quedará guardado de forma automática sin hacer nada más.

Para mostrar nuestro nuevo sidebar en el footer del tema twentyfourteen abre el archivo wp-content/themes/twentyfourteen/sidebar-footer.php y modifica el código por el siguiente.


Así de sencillo es mostrar nuestro nuevo sidebar, si vas al frontal y actualizas verás como aparece con los elementos que le has añadido.

Espero que te guste y te sea útil, saludos.

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información. ACEPTAR