Puertos TCP, UDP

Añadir widgets al footer de tu tema

¿Cómo meter widgets en el pie o footer de tu WordPress cuando no existe esa zona en la sección widgets de tu panel de control de WordPress?
Nivel del Tutorial: Medio
Éstos días he conseguido hacer una mejora de funcionalidad en el tema de mi blog.
La situación es la siguiente:
El tema de mi blog es un template o tema, bueno pues el template no tenia una zona para meter widgets en el footer.



Añadir widgets al footer de tu tema

Añadir widgets al footer de tu tema



Normalmente las zonas que vienen por defecto en los templates son: “Left column” y “Right column” o solo una de ellas, que son las zonas dentro del template donde irán los widgets es decir en la columna izquierda o en la columna derecha.
(mis zonas son un poco distintas porque sólo tengo una columna pero muestro unos widgests u otros dependiendo si estoy en la home de la web o en el resto del blog).
Pero que pasa si quieres meter widgets en el footer?! Como lo he realizado.
1.- Lo primero es registrar la zona como un “sidebar“. Para hacer esto simplemente ir al archivo functions.php que encontraras en la ruta:

  • /ruta_wordpress_en_mi_server/wp-content/themes/mi_tema/functions.php

al principio de este archivo es donde se registran las zonas para los widgets, Tendras algo parecido a esto o a lo mejor alguna zona mas.
 

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

 
Añadir la zona para el footer y tendrás algo parecido a esto:
 

<?php
if ( function_exists('register_sidebar') )
register_sidebar(array(
'name' => 'Sidebar',
'before_widget' => '<div class="sidebaritem">',
'after_widget' => '</div>',
'before_title' => '<h3>',
'after_title' => '</h3>',
));
if ( function_exists('register_sidebar') )
register_sidebar(array(
'name' => 'Footer',
'before_widget' => '',
'after_widget' => '',
'before_title' => '<h3>',
'after_title' => '</h3>',
));
?>

 
Si quieres rodear los widgets que metas en el footer con alguna capa div u otra etiqueta html tendrás que definir en las variables del array: before_widget y after_widget
 

<?php
if ( function_exists('register_sidebar') )
register_sidebar(array(
'name' => 'Sidebar',
'before_widget' => '<div class="sidebaritem">',
'after_widget' => '</div>',
'before_title' => '<h3>',
'after_title' => '</h3>',
));
if ( function_exists('register_sidebar') )
register_sidebar(array(
'name' => 'Footer',
'before_widget' => '<div class="footer-item">',
'after_widget' => '</div>',
'before_title' => '<h3>',
'after_title' => '</h3>',
));
?>

 
De esta manera ya podemos ver que se ha creado la zona “footer” en el administrador de de widgets de nuestro panel de WordPress.



Añadir widgets al footer de tu tema

Añadir widgets al footer de tu tema



2.- Lo segundo es llamar a la función para incluir los widgets de la zona footer, Para ello vamos al archivo footer.php en la siguiente ruta:

  • /ruta_wordpress_en_mi_server/wp-content/themes/mi_tema/footer.php

y dentro de la maquetación de nuestro blog indicar donde quieres que aparezca el footer mediante el siguiente script
 

<?php if ( !function_exists('dynamic_sidebar') ||
!dynamic_sidebar("Footer") ) : ?>
<?php endif; ?>

 
De esta manera aparecerán los widgets que as incluido en la zona footer.
Queda el tema de maquetarlos los widgets que aparecen en el footer pero ese tema es algo mas personal porque cada uno tiene una hoja de estilos diferente.
Yo les paso unos estilos genéricos que a lo mejor les pueden servir.
 

.footer-item {
float: left;
width: 33%;
padding-bottom: 10px;
}
.footer-item ul {
padding-left: 15px;
}




Espero les sea de utilidad este pequeño tutorial el cual esta dirigido a casi cualquier template y es variable en algunos casos dependiendo de su hoja de estilos CSS.




Resumen
Añadir widgets al footer de tu tema.
Nombre del artículo
Añadir widgets al footer de tu tema.
Descripción
Añadir widgets al footer de tu tema. ¿Cómo meter widgets en el pie o footer de tu WordPress cuando no existe esa zona en la sección widgets de tu panel de control de WordPress? Nivel del Tutorial: Medio Éstos días he conseguido hacer una mejora de funcionalidad en el tema de mi blog. La situación es la siguiente: El tema de mi blog es un template o tema, bueno pues el template no tenia una zona para meter widgets en el footer.
Autor
Nombre del editor
alukard999
Logotipo del editor