Aggiungere un piè di pagina widgetized ad un blog o un sito web WordPress tema per consentire una facile manipolazione di elementi nel piè di pagina del sito. WordPress ' "widget" funzione consente di trascinare oggetti, come elenco dei posti popolari o pagine, link o anche strumenti di plugin che integrano i social media nelle sezioni del sito che sono "widgetized." Widgetize il piè di pagina di WordPress con una combinazione di codifica PHP e styling usando i CSS.

istruzione

1 Entra per WordPress. Scorrere fino al riquadro "Aspetto" lungo il lato sinistro dello schermo, e scegliere "Editor".

2 Fare clic sul file "functions.php". Scorrere fino a qualsiasi riga vuota nel file e incollare il seguente codice in:

register_sidebars (1,

array (

'Name' => 'Footer Widget',

'Before_widget' => 'class = <li "widget di% 2 $ s" id = "% 1 $ s">',

'After_widget' => '</ li>',

'Before_title' => '<h3>',

'After_title' => '</ h3>'

)

);

Funzione footer_widget () {?>

<Div id = "footer_widget_1" class = "sidebar">

<Ul class = "sidebar_list">

<? Php if (! Function_exists ( 'dynamic_sidebar') ||! Dynamic_sidebar ( 'Footer Widget')) {?>

? <Li class = "widget"> <h3> <? Php _e ( 'Footer Widget'); ?> </ H3> È possibile modificare il contenuto che appare qui, visitando il vostro pannello Widget e modificare i widget em> <corrente </ em> lì. </ Li> <? Php}?>

</ Ul>

</ Div>

<? Php}

Assicurarsi di non aggiungere eventuali caratteri aggiuntivi o cancellare tutti i caratteri che esistono attualmente. In questo modo si impedisce di accedere al proprio blog WordPress o sul cruscotto - e fissare l'errore richiede di andare nel pannello di controllo del tuo sito. Salvare il file.

3 Apri "style.css" e incollare il seguente codice nel:

.custom .sidebar ul.sidebar_list {position: relative;}

.custom # footer_widget_1 ul.sidebar_list li.widget {position: relative; text-align: left; blocco di visualizzazione; top: 4px; sinistra: 0px; width: 468px; }

.custom # footer-sociali-icons un img {float: left; }

.custom # footer-sociali-icons {text-align: left;

width: 600px;}

}

Modificare i numeri dietro "larghezza" per modificare la larghezza della porzione widgetized del piè di pagina, quindi fare clic su "Salva".

4 Selezionare l'opzione "Widget" sotto la pagina "Aspetto". Un'area widget di piè di pagina ora esiste all'interno dello schermo del widget. Trascinare e rilasciare qualsiasi oggetto disponibile nell'area widget di piè di pagina per rendere il widget di apparire nel piè di pagina.