Nwlapcug.com


Come aggiungere Widgetized piè di pagina in Genesi quadro

Widgetized piè di pagina aggiungere valore a WordPress temi 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, anziché la modifica del codice o dover pagare qualcun altro per farlo, è possibile trascinare e rilasciare widget per il piè di pagina all'interno di WordPress. Nei regolari temi WordPress, tutto quello che dovete fare è registrarsi barre laterali nel piè di pagina, li chiamano nel modello di piè di pagina e scrivere alcuni CSS per organizzare le sezioni widgetized in colonne. Genesis richiede di rendere queste personalizzazioni nel file funzioni invece, ma il metodo è simile.

Istruzioni

1

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

remove_action ('genesis_footer', 'genesis_do_footer');

2

Iniziare una nuova riga in "functions. php" e aggiungere il codice per creare tre sezioni widgetized:

genesis_register_sidebar (array (
'nome' = > 'Piè di pagina di sinistra',
'before_widget' = > ' < id li = "%1$ s" class = "widget %2$ s" >',
'after_widget' = > ' </li >',
'before_title' = > ' < h4 classe = "widgettitle" >',
'after_title' = > ' < / h4 >'
));
genesis_register_sidebar (array (
'nome' = > 'Centro piè di pagina',
'before_widget' = > ' < id li = "%1$ s" class = "widget %2$ s" >',
'after_widget' = > ' </li >',
'before_title' = > ' < h4 classe = "widgettitle" >',
'after_title' = > ' < / h4 >'
));
genesis_register_sidebar (array (
'nome' = > 'Piè di destra',
'before_widget' = > ' < id li = "%1$ s" class = "widget %2$ s" >',
'after_widget' = > ' </li >',
'before_title' = > ' < h4 classe = "widgettitle" >',
'after_title' = > ' < / h4 >'
));

3

Uso "add_action()" per collegare il tuo piè di pagina personalizzato in per la funzione di "genesis_footer()". È quindi necessario scrivere una funzione che restituisce il codice HTML e PHP che crea il piè di pagina effettivi:

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 potete vedere, il codice rompe PHP e utilizza HTML per creare div per le aree di widget.

4

Aprire il file "Style. css" per il tema del bambino di Genesi. Impostare le tre colonne:

piè di pagina () {

Larghezza: 960px;
margin: 0 auto;
}
.widget_footer () {
Larghezza: 33%;
float: left;
}

È ora possibile lo stile ogni singolo piè di pagina come ti piace, utilizzando i nomi di ID dei loro rispettivi div. Contenuto di stile in tutti i piè di pagina aggiungendo alla regola di stile "{.widget_footer}".