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" >
<?php if (!function_exists('dynamic_sidebar') || !dynamic_sidebar('Left Footer')) : ?>
<?php endif; ?>
< / div >
< div id = "center_footer" class = "widget_footer" >
<?php if (!function_exists('dynamic_sidebar') || !dynamic_sidebar('Left Footer')) : ?>
<?php endif; ?>
< / div >
< div id = "right_footer" class = "widget_footer" >
<?php if (!function_exists('dynamic_sidebar') || !dynamic_sidebar('Left Footer')) : ?>
<?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}".