Tecnología

Inicio

Cómo agregar Widgetized pie de página en el marco de Génesis

pies de página widgetized añaden valor a los temas de WordPress, ya que aumentan su flexibilidad y facilidad de uso. Si una persona que instala un tema con un pie de página widgetized quiere cambiar el contenido de pie, en lugar de editar código o tener que pagar a alguien más para hacerlo, puede arrastrar y soltar widgets para el pie de página desde dentro de WordPress. En temas de WordPress regulares, todo lo que tiene que hacer es registrarse, barras laterales en el pie de página, los llaman en la plantilla de pie de página y escribir un poco de CSS para organizar las secciones widgetized en columnas. Génesis requiere que haga estas personalizaciones en las funciones del archivo en su lugar, pero el método es similar.

Instrucciones

1 Abra el archivo "functions.php" de su tema del niño en el Bloc de notas o un editor de código. Quitar el pie de página predeterminado mediante la inserción de este código al final del archivo:

remove_action ( 'genesis_footer', 'genesis_do_footer');

2 Iniciar una nueva línea de "functions.php" y añadir este código para crear tres secciones widgetized:

genesis_register_sidebar (array (
'Nombre' => 'Izquierda pie de página',
'Before_widget' => 'id = "% 1 $ s" class = <li "widget de% 2 $ s"> ",
'After_widget' => '</ li>',
'Before_title' => '<h4 class = "widgettitle"> ",
'After_title' => '</ h4>'
));
genesis_register_sidebar (array (
'Nombre' => 'Centro de pie de página',
'Before_widget' => 'id = "% 1 $ s" class = <li "widget de% 2 $ s"> ",
'After_widget' => '</ li>',
'Before_title' => '<h4 class = "widgettitle"> ",
'After_title' => '</ h4>'
));
genesis_register_sidebar (array (
'Nombre' => 'Derecho pie de página',
'Before_widget' => 'id = "% 1 $ s" class = <li "widget de% 2 $ s"> ",
'After_widget' => '</ li>',
'Before_title' => '<h4 class = "widgettitle"> ",
'After_title' => '</ h4>'
));

3 Uso "add_action ()" para enganchar el pie de página personalizada en la función ") (genesis_footer". A continuación, debe escribir una función que genera el HTML y PHP que crea el pie de página real:

add_action ( 'genesis_footer', 'widgets_footer');
widgets_footer función ():?>
<Div id = "pie">
<Div id = "left_footer" class = "widget_footer">

&lt;?php if (!function_exists('dynamic_sidebar') || !dynamic_sidebar('Left Footer')) : ?>
&lt;?php endif; ?>

</ Div>
<Div id = "center_footer" class = "widget_footer">

&lt;?php if (!function_exists('dynamic_sidebar') || !dynamic_sidebar('Left Footer')) : ?>
&lt;?php endif; ?>

</ Div>
<Div id = "right_footer" class = "widget_footer">

&lt;?php if (!function_exists('dynamic_sidebar') || !dynamic_sidebar('Left Footer')) : ?>
&lt;?php endif; ?>

</ Div>
</ Div>
<? Php}

Como se puede ver, el código se evade de PHP y utiliza HTML para crear divs para las áreas de widgets.

4 Abra el archivo "style.css" para su tema niño Génesis. Configure sus tres columnas:

pie de página {

Ancho: 960;
margin: 0 auto;
}
.widget_footer {
anchura: 33%;
flotador izquierdo;
}

Ahora puede estilo de pie de página de cada individuo que lo desee, utilizando los nombres de ID de sus respectivos divs. Estilo contenido en todos los pies de página mediante la adición a la ".widget_footer {}" regla de estilo.