Anteriormente WordPress no exigía para aceptar un theme dentro de su directorio que éste soportara Widgets pero desde las últimas versiones éste se volvió un requisito. Hay gran cantidad de widgets disponibles y muchos pulgins ya vienen con esa opción por ello es importante hacer que los themes soporten ésta característica, por ello también es importante que al diseñar la barra lateral (sidebar) se mantenga un mismo esquema, es decir que todos los bloques tengan la misma estructura en el código.

Veamos un ejemplo de cómo está maquetado un bloque para un sidebar y cómo adaptarlo para que soporte widgets

Este es el código inicial de nuestro bloque maquetado con divs


<div id="sidebar">
<div class="title">Acerca</div>
<p>Contenido de la sección acerca.</p>
<div class="title">Links</div>
<ul>
<li><a href="http://www.link.com">Link</a></li>
</ul>
</div>


Ahora lo que tenemos que hacer es insertar ésta línea de código dentro de nuestro archivo sidebar.php o dónde vayan a mostrarse los widgets.

<?php if ( !function_exists('dynamic_sidebar')
|| !dynamic_sidebar() ) : ?>


El archivo completo quedaría más o menos de ésta forma

<div id="sidebar">
<?php if ( !function_exists('dynamic_sidebar')
|| !dynamic_sidebar() ) : ?>
<div class="title">Acerca</div>
<p>Contenido de la sección acerca.</p>
<div class="title">Links</div>
<ul>
<li><a href="http://www.link.com">Link</a></li>
</ul>
<?php endif; ?>
</div>


Después tenemos que insertar el siguiente código en nuestro archivo functions.php que es el que hará que los diversos elementos maquetados anteriormente se acoplen a los widgets que instalemos en nuestra página.


<?php if ( function_exists('register_sidebar') )
register_sidebar(array(
'before_widget' => '',
'after_widget' => '',
'before_title' => '<div class="title">',
'after_title' => '</div>',
));
?>


Hay que tener mucho cuidado con que el código insertado en functions.php tenga la misma maquetación y estructura de nuestro código del bloque del sidebar para que todo se muestre correctamente al final.

Compártelo