Come Widgetize il Corpo di WordPress

March 24

Come Widgetize il Corpo di WordPress


Anche se WordPress chiama le sue aree widgetized "barre laterali", è possibile Widgetize qualsiasi parte del tema, come ad esempio il piè di pagina o anche il corpo. Ovunque si posiziona una zona widgetized, è possibile inserire i widget - piccole programmi plug-come è possibile aggiungere al tuo sito web per costruire barre laterali - utilizzando la schermata "Widget" nel cruscotto di WordPress. Registra un nuovo barra laterale e collocarlo nel corpo per Widgetize una parte o la totalità del corpo del vostro sito web. Utilizzare Cascading Style Sheet codice (CSS) per controllare la dimensione, la forma e lo stile della vostra zona widgetized.

istruzione

1 Aprire i file di modello del vostro tema in un editor di codice o Notepad. E 'necessario modificare ogni modello in cui si desidera un corpo widgetized, quindi se si vuole Widgetize il corpo dell'indice blog e pagine messaggio singolo, quindi modificare sia index.php e single.php. Modifica page.php se si vuole Widgetize pagine statiche. Aprire il file functions.php per il tema pure.

2 Aggiungere il seguente codice al file functions.php:

se (function_exists ( 'register_sidebar')) {

register_sidebar (

array(

'Name' => 'Corpo Widget Area',

'Before_widget' => '& lt; div class = "body_widget">,

'After_widget' => '& lt; / div>',

'Before_title' => '& lt; h3>',

'After_title' => '& lt; / h3>'

);

}

Il codice precedente controlla che è possibile registrare barre laterali e poi registra una barra laterale chiamata "Corpo Widget Area". Questo è il nome che si vedrà sulla pagina "Widget" nel cruscotto di WordPress. Ovunque si inserisce il codice per includere questo widgetized "sidebar", WordPress tag div con una classe di "body_widget." Ogni titolo del widget sarà ottenere avvolto nel tag H3.

3 Aggiungere il seguente codice a qualsiasi file modello in cui si desidera una zona widgetized di apparire nel corpo della pagina:

<? Php if (function_exists ( 'dynamic_sidebar') || dynamic_sidebar ( 'Corpo Widget Area')!!):?>

<? Php endif; ?>

Questa istruzione if verifica per vedere se la "barra laterale" esiste o no. Se non lo fa, esegue del codice fallback. Mettere le chiamate manuali ai widget tra le due righe di codice per impostare il fallback. Questo codice inserisce anche la "barra laterale" ovunque lo si inserisce nella pagina.

4 Aprire il file style.css del vostro tema e aggiungere questo codice:

.body_widget {

Larghezza: XXpx;

altezza: XXpx;

}

Sostituire "XX" con i valori desiderati, in pixel. Aggiungere qualsiasi altro codice CSS che si desidera per il div contenente l'area widgetized. Il codice CSS va tra le parentesi graffe.

5 Carica i tuoi file modificati per il file del tema appropriato in / wp-content / themes / sul server. Visita la directory wp-admin del tuo sito web e accedere al cruscotto. Passare a "Widget" e fare clic sulla freccia verso il basso su "Corpo Widget Area" per espandere la casella "barra laterale". A questo punto è possibile trascinare e rilasciare i widget per zona widgetized del corpo, e che apparirà nel corpo del tuo post WordPress e le pagine.

Consigli e avvertenze

  • Eseguire il backup dei file del tema prima di modificarli. Se si verifica un errore "schermo bianco", ri-caricare i file del tema originale per tornare in WordPress.