[WordPress] Crear widget para footer.

247 views
0

[size=12pt]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..

[hr]

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.

About author

PandaGG

Lok'tar ogar

Your email address will not be published. Required fields are marked *