[WordPress] Crear widget para footer.

Os voy a enseñar como crear un footer que se pueda personalizar a posteriori para vuestras plantillas existentes o en futuras creaciones, creo que es indispensable tener un footer personalizable, ya que a la hora final, si el cliente necesita cambiarlo no puede hacerlo excepto editando el footer.php que es un poco coñazo y poco profesional.

1. Paso

Abrimos el archivo functions.php de nuestro tema o plantilla, buscamos la función register_sidebar por si acaso, ya existía previamente y no pisar lo del tema y añadimos las siguientes líneas (en este ejemplo voy añadir 4 columnas para el footer).

register_sidebar( array(
'name' => 'Footer Columna 1',
'id' => 'footer-sidebar-1',
'description' => 'Aparece en el pie',
'before_widget' => '<aside id="%1$s" class="widget %2$s">',
'after_widget' => '</aside>',
'before_title' => '<h3 class="nuestro-titulo">',
'after_title' => '</h3>',
));
register_sidebar( array(
'name' => 'Footer Columna 2',
'id' => 'footer-sidebar-2',
'description' => 'Aparece en el pie',
'before_widget' => '<aside id="%1$s" class="widget %2$s">',
'after_widget' => '</aside>',
'before_title' => '<h3 class="nuestro-titulo">',
'after_title' => '</h3>',
));
register_sidebar( array(
'name' => 'Footer Columna 3',
'id' => 'footer-sidebar-3',
'description' => 'Aparece en el pie',
'before_widget' => '<aside id="%1$s" class="widget %2$s">',
'after_widget' => '</aside>',
'before_title' => '<h3 class="nuestro-titulo">',
'after_title' => '</h3>',
));
register_sidebar( array(
'name' => 'Footer Columna 4',
'id' => 'footer-sidebar-4',
'description' => 'Aparece en el pie',
'before_widget' => '<aside id="%1$s" class="widget %2$s">',
'after_widget' => '</aside>',
'before_title' => '<h3 class="nuestro-titulo">',
'after_title' => '</h3>',
));

 

Con esto en el panel de administración del WP salén 4 opciones nuevas a nuestra derecha, llamadas Footer Columna1, Footer Columna2..

Ahora bien, ya tenemos nuestros nuevos widgets en el panel de administración, ahora necesitamos que lo ejecute la plantilla, para ello vamos al paso 2.

2. Paso

Abrimos el archivo footer.php de nuestro tema o plantilla y añadimos las siguientes líneas justo debajo de <footer>.

<div id="footer-sidebar" class="secondary">
<div id="footer-sidebar1">
<?php
if(is_active_sidebar('footer-sidebar-1')){
dynamic_sidebar('footer-sidebar-1');
}
?>
</div>
<div id="footer-sidebar2">
<?php
if(is_active_sidebar('footer-sidebar-2')){
dynamic_sidebar('footer-sidebar-2');
}
?>
</div>
<div id="footer-sidebar3">
<?php
if(is_active_sidebar('footer-sidebar-3')){
dynamic_sidebar('footer-sidebar-3');
}
?>
</div>
<div id="footer-sidebar4">
<?php
if(is_active_sidebar('footer-sidebar-4')){
dynamic_sidebar('footer-sidebar-4');
}
?>
</div>
</div>

 

Y con esto, ya podéis poner cualquier Widget en ellos.

PandaGG
Lok'tar ogar

Dejar respuesta

Please enter your comment!
Please enter your name here

Sponsor

Últimos

Avance de Horizon Forbidden West

Avance de Horizon Forbidden West El año 2022 ha empezado fuerte en consolas, y los próximos meses estarán repletos de potentísimos lanzamientos. Uno de los...

Los mejores juegos de Android en 2021

Llega el momento de echar la vista atrás y repasar lo mejor que nos ha dejado 2021. Y hoy queremos hacerlo sobre uno de...

Avance de Hogwarts Legacy

Aunque este ambicioso RPG tuvo su primer anuncio hace bastante más de un año, con motivo del anuncio de los juegos que vería la...

Mejores mandos gaming para PC

Aunque es cierto que para muchos juegos la combinación de teclado y ratón es insuperable, no es menos cierto que muchos otros juegos ofrecen...

Los 6 juegos más esperados de 2022 para PC

El año 2021 va quedando atrás, y aunque los proyectos de videojuegos en PC son muchos cada año, son unos pocos los que acaparan...