¿Cómo añadir una nueva barra de widgets en WordPress?
Concha Alviz | 7 octubre, 2016 | 10:43 am
Normalmente, todos los temas o plantillas de WordPress incluyen una o varias zonas de widgets. Tradicionalmente, siempre se han vinculado los widgets con la Sidebar, sin embargo, en la actualidad, podemos encajar widgets en cualquier zona de nuestra plantilla, con total libertad.
Si estais desarrollando un nuevo tema y necesitáis dar de alta una zona de widgets, o si ya tenéis una y queréis crear otra alternativa en otra parte de vuestro site, este es vuestro artículo. A continuación, comentaremos cómo crear una nueva zona o barra de widgets en WordPress en tan solo dos pasos.
Paso 1: Registrar la nueva Sidebar en functions.php
En functions.php, que podréis encontrar dentro del directorio de vuestro tema o plantilla en wp-content > themes, incluimos el siguiente código en la parte superior:
|
1 2 3 4 5 6 7 8 9 |
register_sidebar( array( 'name' => __( 'Barra lateral' ), 'id' => 'sidebar-lateral', 'description' => __( 'Zona lateral para widgets' ), 'before_widget'=> '<div id="%1$s" class="widget %2$s">', 'after_widget' => '</div>', 'before_title' => '<h4>', 'after_title' => '</h4>', ) ); |
Donde:
- ‘name’ : el nombre de nuestra nueva zona. Lo recuperaremos en el paso posterior.
- ‘id‘ : la id de la Sidebar.
- ‘description’: descripción breve de la zona.
- ‘before_widget‘ y ‘after_widget’: lo que queremos que aparezca antes y después de cada módulo de widget. Por lo general, será un
<div>con un id y una class personalizada para poder customizar mediante CSS. - ‘before_title‘ y ‘after_title’: lo que queremos que aparezca antes y después de cada título de widget. Por lo general, será una etiqueta heading. En nuestro ejemplo, hemos utilizado
<h4>, por lo que cada título de widget será un Título H4.
Paso 2: Incluir la Sidebar en nuestro tema o plantilla
En el lugar donde queramos que se sitúe nuestra nueva zona de widgets, debemos añadir el siguiente código:
|
1 2 |
<?php if (!function_exists('dynamic_sidebar') || !dynamic_sidebar('Barra lateral')) : ?> <?php endif; ?> |
En donde ‘Barra lateral’ se corresponde con el ‘name’ que hemos escogido en el paso anterior.
Una vez implementado todo, solo tendremos que ir, dentro de la Administración de WordPress, a Apariencia > Widgets, para configurar los widgets que irán en nuestra nueva zona.