Come creare un Widget piè di pagina in Headway

November 2

Headway è un tema per la piattaforma di blogging WordPress che permette di cambiare lo stile del tuo blog senza bisogno di conoscere PHP. Headway utilizza un editor di layout drag-and-drop che consente di spostare gli elementi della pagina in giro e configurare il vostro stile blog con pochi clic. Per fare qualcosa di più avanzato, come ad esempio aggiungere un widget di zona al footer del tuo blog, è necessario aggiungere del codice PHP per i file funzioni piè di pagina e personalizzati.

istruzione

1 Accedi al tuo installazione di WordPress digitando il nome di dominio, seguito da "/ wp-admin /" nella barra degli indirizzi del browser web. Premere Invio."

2 Inserisci il tuo nome utente e indirizzo nei campi di testo. Fai clic su "Login".

3 Clicca sul link "Easy Ganci" nel menu "Headway" sul lato sinistro del cruscotto WordPress. Ganci sono punti di inserimento degli elementi pagina Headway che possono essere utilizzati per aggiungere il codice direttamente alle pagine modello.

4 Fare clic per selezionare il gancio "piè di pagina Apri" dal "Seleziona un gancio" menu a discesa.

5 Copia e incolla il seguente codice nel campo di testo "piè di pagina Open":

<div id = "footer-widget" class = ""> clearfix
<? Php if (function_exists ( 'dynamic_sidebar') || dynamic_sidebar ( 'Footer-Widget')!!):?>
<P align = "center"> Piè di pagina Widget Area </ p>
<? Php endif; ?>
<Div style = "clear: both;"> </ div>
</ Div>

6 Fare clic sul pulsante "Salva modifiche" sotto il campo di testo "piè di pagina Open" per salvare il codice.

7 Fare clic sul collegamento "Editor" nel menu "Aspetto" sul lato sinistro della pagina per aprire la pagina "modificare i temi".

8 Fare clic per aprire il file "custom_function.php" nel menu sul lato destro della pagina.

9 Istruzioni per posizionare il cursore nella parte inferiore del codice "custom_function.php", alla destra del "/ *" linea di codice. Premere il tasto "Enter" per creare una riga vuota.

10 Copia e incolla il seguente codice sulla riga vuota:

if (function_exists ( 'register_sidebar'))
register_sidebar (array ( 'name' => 'Footer-Widget', 'before_widget' => '<div class = "footer-item">', 'after_widget' => '</ div>', 'before_title' => '<h2>', 'after_title' => '</ h2>'));

11 Fare clic sul pulsante "Aggiorna file" nella parte inferiore della pagina "modificare i temi".

12 Fare clic per aprire la pagina "custom.css" nel menù a destra.

13 Fare clic per posizionare il cursore su una riga vuota in fondo il codice "custom.css".

14 Tipo "body.custom div # footer-widget div.footer-item {width: 30%; margin: 15px; float: left;}" ". Invio" sulla riga vuota e premere

15 Fare clic sul pulsante "Update File" per salvare le modifiche alla pagina "custom.css".

16 Clicca sul link "Widget" nel menu "Aspetto" sul lato sinistro della pagina "modificare i temi".

17 Fare clic e trascinare i widget dalla zona "Disponibile Widget" a sinistra per la zona "a piè di pagina Widget" sulla destra. Fare clic sul pulsante "Salva" nella parte inferiore di ogni oggetto nell'area "Piè di pagina Widget" per salvare il widget per la barra laterale.

18 Clicca sul titolo del blog in alto della pagina per aprire il tuo blog. Scorrere fino alla fine del tuo blog per vedere il widget di piè di pagina.


Articoli Correlati