Agregar áreas de widgets personalizadas a tu theme de WordPress

Una de las cosas mas básicas que se hacen al crear un theme de WordPress es agregar áreas de Widgets personalizadas y muchas veces, terminamos construyendo un theme completo a punta de estos. El procedimiento para agregar un sidebar es el siguiente:

Abrimos el archivo functions.php y ubicamos la siguiente línea:

if (function_exists(‘register_sidebar’))

Luego agregamos lo siguiente:

register_sidebar(array(
‘name’=> ‘Widget Panel Name’,
‘id’ => ‘widget-code’,
‘description’ => ‘Widget description’,
‘before_widget’ => ‘<div>’,
‘after_widget’ => ‘</div>’,
‘before_title’ => ‘<h2>’,
‘after_title’ => ‘</h2>’,
));

Donde “Nombre del Widget” será el nombre que se mostrará en el admin y “codigo-del-widget” será el que utilizaremos para incluir en el php del theme como tal.

screenshot1 screenshot2-500x313

 

 

 

 

 

 

Ahora solo resta agregarlo dentro de nuestro theme, en mi caso, lo necesitaba para mostrar un mapa de ubicación de los posts publicados dependiendo de la ubicación de cada autor. La instrucción básica para agregar dicha área de widget es la siguiente:

<!–?php if (!function_exists(‘dynamic_sidebar’) ||
!dynamic_sidebar(‘widget-code’)) : ?–>
<!–?php endif; ?–>

Recuerda agregarle algún tipo de estilo para que no salga descuadrado, y con esto ya tendrás tu área de widget personalizada.

 

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *