Estoy de vuelta y traigo la panacea en customización de themes, ya que los widgets realmente facilitan la vida del usuario y tb del administrador de un wordpress puedes armar un sitio completo a puros widgets(eso estoy haciendo yo con el index del sitio del ministerio ), pero menos rodeo y más acción le dejó a continuación el tutorial

Para realizar eso, simplemente tenemos que seguir unos pocos pasos:

Abrir el archivo functions.php de su theme y verán algo como ésto (puede no ser igual, pero sí parecido):

if ( function_exists('register_sidebar') ) {
register_sidebar(array(
'before_widget' => '<li id="%1$s">',
'after_widget' => '</li>',
'before_title' => '<h2>',
'after_title' => '</h2>',
));

}

Entonces, antes de “}” deben pegar este codigo en donde crearemos otra sidebar llamada footer:

register_sidebar(array(
'name' => 'footer',
'before_widget' => '<div id="%1$s">',
'after_widget' => '</div>',
'before_title' => '<h2>',
'after_title' => '</h2>',
));

Y debería quedarles algo así:

if ( function_exists('register_sidebar') ) {
register_sidebar(array(
'before_widget' => '<li id="%1$s">',
'after_widget' => '</li>',
'before_title' => '<h2>',
'after_title' => '</h2>',
));

register_sidebar(array(
'name' => 'Footer',
'before_widget' => '<div id="%1$s">',
'after_widget' => '</div>',
'before_title' => '<h2>',
'after_title' => '</h2>',
)); }

Ahora cerramos el functions.php y abrimos el archivo footer.php y agregamos está linea:

<div id="widgetfooter">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Footer') ) ?>
</div>

Y listo!, desde este momento debería aparecerles una nueva sidebar llamada “footer” dentro de la sección Apareciencia/Widgets del panel de administración de WordPress. Pero ojo que todavía no hemos terminado, ya que ahora nos falta acomodar la apariencia de ese footer. Eso se hace editando el style.css del tema y acá cada uno es libre de armarlo como desee. Lo principal, es incluir las lineas:

clear: both; float: left; width: 30%;

Que son las que nos darán las columnas.

Yo les dejo de ejemplo el que uso en mi blog que es a tres columnas con bordes redondeados a modo de ejemplo. Así que abramos el archivo style.css del theme (En el tema de mi blog ya hay una sección footer, así que yo agregue el texto al final de esa parte). Si su tema no la tiene, pueden agregar esto al comienzo:

#widgetfooter {
clear: both;
margin: 0 10px;}

Ahora si, mi style.css es:

/*Widget Footer*/
.widgetfooter {
float: left;
width: 30%;
margin: 0 5px 0 5px;
padding: 0 0 0 10px;
border-radius: 8px;}
.widgetfooter ul {padding-left: 15px;}

Como pueden ver, el ancho de cada columna es un 30%, ahi pueden poner un numero exacto o un porcentaje a gusto de ustedes

Nota: el tutorial no es exclusivo para un footer, de hecho yo lo ocupe para widgetizar el cuerpo de un index.

ojala les sea útil

Fefa

One Response to “Como Widgetizar un footer en WordPress”

  1. My spouse and I stumbled over here by a different
    website and thought I might check things out. I like what I see so now i’m following you.

    Look forward to going over your web page again.

    Also visit my homepage – starbucks coffee sizes