Come aggiungere widgetized piè di pagina nel libro della Genesi quadro

July 6

piè di pagina widgetized aggiungono valore a temi WordPress perché aumentano la loro flessibilità e facilità d'uso. Se una persona che installa un tema con un piè di pagina widgetized vuole cambiare il contenuto piè di pagina, piuttosto che la modifica del codice o dover pagare qualcun altro a farlo, può trascinare e rilasciare i widget per il piè di pagina all'interno di WordPress. In temi di WordPress regolari, tutto quello che dovete fare è registrarsi barre laterali a piè di pagina, li chiamano nel modello piè di pagina e scrivere un po 'di CSS per organizzare le sezioni widgetized in colonne. Genesis si richiede di fare queste personalizzazioni nelle funzioni di file, invece, ma il metodo è simile.

istruzione

1 Aprire il file "functions.php" del vostro tema bambino in Blocco note o un editor di codice. Rimuovere il piè di pagina di default inserendo questo codice nella parte inferiore del file:

remove_action ( 'genesis_footer', 'genesis_do_footer');

2 Inizia una nuova linea in "functions.php" e aggiungere questo codice per creare tre sezioni widgetized:

genesis_register_sidebar (array (
'Name' => 'Sinistra Footer',
'Before_widget' => 'id = "% 1 $ s" class = <li "widget di% 2 $ s">',
'After_widget' => '</ li>',
'Before_title' => '<h4 class = "widgettitle">',
'After_title' => '</ h4>'
));
genesis_register_sidebar (array (
'Name' => 'Centro piè di pagina',
'Before_widget' => 'id = "% 1 $ s" class = <li "widget di% 2 $ s">',
'After_widget' => '</ li>',
'Before_title' => '<h4 class = "widgettitle">',
'After_title' => '</ h4>'
));
genesis_register_sidebar (array (
'Name' => 'Right piè di pagina',
'Before_widget' => 'id = "% 1 $ s" class = <li "widget di% 2 $ s">',
'After_widget' => '</ li>',
'Before_title' => '<h4 class = "widgettitle">',
'After_title' => '</ h4>'
));

3 Utilizzare "add_action ()" per agganciare il tuo piè di pagina personalizzato per il "genesis_footer) (" la funzione. È quindi necessario scrivere una funzione che genera il codice HTML e PHP che crea il piè di pagina attuale:

add_action ( 'genesis_footer', 'widgets_footer');
Funzione widgets_footer ():?>
<Div id = "footer">
<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}

Come si può vedere, il codice scoppia di PHP e utilizza HTML per creare div per le aree di widget.

4 Aprire il file "style.css" per il tema del bambino Genesis. Impostare le tre colonne:

footer {

width: 960px;
margin: 0 auto;
}
.widget_footer {
width: 33%;
float: left;
}

È ora possibile lo stile ogni singolo piè di pagina che vuoi, utilizzando i nomi di ID dei rispettivi div. i contenuti di stile in tutti i piè di pagina aggiungendo al ".widget_footer {}" regola di stile.


Articoli Correlati