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.
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.