Come sostituire il contenuto con più plug-in di WordPress

August 1

WordPress plug-in aggiungono ulteriori funzionalità al tuo blog. Molti plug-in sono dotati di "widget", che è possibile trascinare e rilasciare in barre laterali del cruscotto di WordPress. Quando si desidera creare una pagina che sostituisce il contenuto con più plug-in, creare un nuovo modello di pagina e sostituire il suo codice "loop" - il codice che genera i messaggi o il contenuto della pagina in un modello di WordPress - con alcune colonne di codice barra laterale anziché. Le barre laterali creeranno sezioni "widgetized" della pagina in cui è possibile sostituire il contenuto con i plug-in tramite widget.

istruzione

1 Aprire il file "page.php" nel tuo tema WordPress attuale e copiare e incollare il contenuto in un nuovo file. Aggiungere questo codice alla prima riga del nuovo file modello:

<? php /

Template Name:? Widget Pagina />

2 Eliminare il WordPress "loop" dal nuovo modello. Questo codice inizia con:

<? Php if (have_posts ()): while (have_posts ()): the_post ():?>

Il "loop" finisce qui:

<? Php ENDWHILE; ?>

<? Php altro:?>

<P> Siamo spiacenti, ma non siamo riusciti a trovare quello che stavi cercando! </ P>

<? Php endif; ?>

La fine del "loop" varia da tema a tema, ma la cosa importante è trovare l'inizio "if" e la sua fine, come ad esempio "endif".

3 Creare alcune colonne della barra laterale. Anche se chiamati "barre laterali," pensare a queste sezioni più come widgetized della pagina. Inizia con il "<div>" tag per creare le colonne:

<Div id = "col1" class = "widget_spot">

</ Div>

<Div id = "col2" class = "widget_spot">

</ Div>

<Div id = "col3" class = "widget_spot">

</ Div>

Fare tante o poche colonne come si desidera. Questo codice va dove il "loop" era prima che venisse eliminato il suo codice. "<? Php get_sidebar (?);>" Elimina se si desidera creare una pagina di widget che riempie l'intera larghezza del disegno blog.

4 Aggiungere il codice per chiamare le barre laterali tra ogni serie di "<div>" tag:

<? Php if (function_exists ( 'dynamic_sidebar') || dynamic_sidebar ( 'Widget Col 1')!!):?>

<? Php endif; ?>

Non è necessario inserire nulla tra l'apertura e la chiusura di questi "if" a meno che non si desidera aggiungere widget predefiniti al modello. Dare ad ogni codice barra laterale di un nome, ad esempio "Widget Col 1," nell'esempio.

5 Aprire il file "functions.php" per il tema e aggiungere ogni nuova barra laterale utilizzando questo codice:

if (function_exists ( 'register_sidebar'))

register_sidebar (array (

'name' => 'Widget Col 1',

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

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

)

);

Ripetere il frammento di codice qui sopra per ogni barra laterale si crea e abbinare i nomi ai nomi che hai usato nel file di modello.

6 Aprire il file "style.css" per il tema e aggiungere un po 'di CSS per rendere le colonne allineare correttamente:

.sidebar {

width: 30%;

float: left;

margin-right: 10px;

}

Col3 {

margin-right: 0;

}

7 Salvare il file del modello come "widgets_page.php" e caricarlo nella directory temi via FTP se si sta lavorando su un sito web in diretta. La posizione delle cartelle a tema in WordPress è "wp-content / / themes /". Carica le copie modificate dei file "style.css" "functions.php" e pure.

8 Accedere a WordPress e passare alla "pagine". Creare una nuova pagina e cliccare sul menu a discesa sotto "Modelli" per selezionare il nuovo modello. Pubblicare la nuova pagina.

9 Passare alla schermata "Widget" che si trova sotto il menu "Aspetto". Fare clic su uno dei nuovi barre laterali per espanderla e trascinare e rilasciare i widget nella barra di aggiungere widget a una colonna.