[WordPress] Crear widget para footer.

  • 2 Respuestas
  • 62 Vistas

Valarjar
Hijo de Odyn

[WordPress] Crear widget para footer.
« en: Mayo 05, 2017, 03:24:32 am »
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 y añadimos las siguientes líneas (en este ejemplo voy añadir 4 columnas para el footer).
Código: PHP
  1. register_sidebar( array(
  2.                 'name' => 'Footer Columna 1',
  3.                 'id' => 'footer-sidebar-1',
  4.                 'description' => 'Aparece en el pie',
  5.                 'before_widget' => '<aside id="%1$s" class="widget %2$s">',
  6.                 'after_widget' => '</aside>',
  7.                 'before_title' => '<h3 class="nuestro-titulo">',
  8.                 'after_title' => '</h3>',
  9.         ));
  10. register_sidebar( array(
  11.                 'name' => 'Footer Columna 2',
  12.                 'id' => 'footer-sidebar-2',
  13.                 'description' => 'Aparece en el pie',
  14.                 'before_widget' => '<aside id="%1$s" class="widget %2$s">',
  15.                 'after_widget' => '</aside>',
  16.                 'before_title' => '<h3 class="nuestro-titulo">',
  17.                 'after_title' => '</h3>',
  18.         ));
  19. register_sidebar( array(
  20.                 'name' => 'Footer Columna 3',
  21.                 'id' => 'footer-sidebar-3',
  22.                 'description' => 'Aparece en el pie',
  23.                 'before_widget' => '<aside id="%1$s" class="widget %2$s">',
  24.                 'after_widget' => '</aside>',
  25.                 'before_title' => '<h3 class="nuestro-titulo">',
  26.                 'after_title' => '</h3>',
  27.         ));
  28. register_sidebar( array(
  29.                 'name' => 'Footer Columna 4',
  30.                 'id' => 'footer-sidebar-4',
  31.                 'description' => 'Aparece en el pie',
  32.                 'before_widget' => '<aside id="%1$s" class="widget %2$s">',
  33.                 'after_widget' => '</aside>',
  34.                 'before_title' => '<h3 class="nuestro-titulo">',
  35.                 'after_title' => '</h3>',
  36.         ));
  37.  

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>.

Código: PHP
  1.                         <div id="footer-sidebar" class="secondary">
  2.                                 <div id="footer-sidebar1">
  3.                                 <?php
  4.                                 if(is_active_sidebar('footer-sidebar-1')){
  5.                                 dynamic_sidebar('footer-sidebar-1');
  6.                                 }
  7.                                 ?>
  8.                                 </div>
  9.                                 <div id="footer-sidebar2">
  10.                                 <?php
  11.                                 if(is_active_sidebar('footer-sidebar-2')){
  12.                                 dynamic_sidebar('footer-sidebar-2');
  13.                                 }
  14.                                 ?>
  15.                                 </div>
  16.                                 <div id="footer-sidebar3">
  17.                                 <?php
  18.                                 if(is_active_sidebar('footer-sidebar-3')){
  19.                                 dynamic_sidebar('footer-sidebar-3');
  20.                                 }
  21.                                 ?>
  22.                                 </div>
  23.                                 <div id="footer-sidebar4">
  24.                                 <?php
  25.                                 if(is_active_sidebar('footer-sidebar-4')){
  26.                                 dynamic_sidebar('footer-sidebar-4');
  27.                                 }
  28.                                 ?>
  29.                                 </div>
  30.                         </div>
  31.  

Y con esto, ya podéis poner cualquier Widget en ellos.
« Última modificación: Mayo 05, 2017, 03:26:21 am por Valarjar »

Re:[WordPress] Crear widget para footer.
« Respuesta #1 en: Mayo 05, 2017, 14:40:50 pm »
Es lo bueno de WP, sencillez extrema (menos para crear Widgets, eso es dificil de narices).\

Si quereis un dia creamos un Theme paso a paso.

Valarjar
Hijo de Odyn

Re:[WordPress] Crear widget para footer.
« Respuesta #2 en: Mayo 05, 2017, 15:22:59 pm »
Es lo bueno de WP, sencillez extrema (menos para crear Widgets, eso es dificil de narices).\

Si quereis un dia creamos un Theme paso a paso.

No estaría mal, seguro que aprenderíamos cosas y que esta bien la idea, me gusta, cuenta conmigo.