Come creare una seconda barra laterale widgetized con WordPress

April 23

Come creare una seconda barra laterale widgetized con WordPress


barre laterali widgetized aggiungere funzionalità al blog WordPress. Ovunque si posiziona una barra laterale, è possibile aggiungere e rimuovere piccoli programmi chiamati "widget" da uno schermo nel cruscotto. È possibile aggiungere il numero di barre laterali come ti piace e metterli ovunque ne avete bisogno, compreso nel piè di pagina. Per creare più barre laterali, è necessario dare ad ogni barra laterale il proprio nome quando li si registra nel file "functions.php". Sarà inoltre necessario aggiungere un nuovo modello barra laterale, lo chiamano nel modello dell'indice blog e modificare la larghezza delle colonne del tuo blog per riflettere l'aggiunta.

istruzione

Crea il tuo secondo Sidebar

1 Passare alla directory "wp-admin" del tuo sito web e accedere al cruscotto. Passare a "Aspetto" dalla barra laterale del cruscotto e clicca sul link di "Editor". Individuare "functions.php" sotto "modelli" e fare clic sul collegamento per caricare il file.

2 Individuare il codice che inizia con:

se (function_exists ( 'register_sidebar')) {

Aggiungere un nome alla matrice:

se (function_exists ( 'register_sidebar')) {

register_sidebar (

array(

'Name' => 'primaria Sidebar',

'Before_widget' => '& lt; div id = "% 1 $ s" class = "widget di% 2 $ s">',

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

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

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

)

);

}

3 Duplicare il codice per la barra laterale primaria e cambiare il suo nome per creare una seconda barra laterale. Fare clic sul pulsante blu "Update File" per salvare.

Visualizza il tuo secondo Sidebar

4 Creare un file vuoto nel computer e salvarlo come "sidebar-secondary.php". Carica il file nella directory per il tema in "/ wp-content / themes /" sul server. Fai clic su "Aggiorna" del browser per visualizzare il nuovo file elencato nella sezione "Modelli".

5 Aggiungere un paio di "<div>" tag per il file "sidebar-secondary.php". Inserire questo codice tra i "<div>" tag:

<? Php if (function_exists ( 'dynamic_sidebar') || dynamic_sidebar ( 'Sidebar Name Here')!!):?>

<? Php endif; ?>

Modifica "Sidebar Name Here" per il nome assegnato al secondo sidebar nel file "functions.php".

6 Caricare il file "sidebar.php" e modificare il codice di riferimento la prima barra laterale:

<? Php if (function_exists ( 'dynamic_sidebar') || dynamic_sidebar ( 'Sidebar Name Here')!!):?>

<? Php endif; ?>

Corrispondere al nome barra laterale per il nome che ha dato la prima barra laterale.

7 Vai al file "index.php" nella schermata "modificare i temi" e aggiungere la funzione "get_sidebar ()" in cui si desidera visualizzare la seconda barra laterale. Passare "secondario" come argomento per la funzione in modo che saprà caricare "sidebar-secondary.php":

<? Php get_sidebar ( 'secondaria'); ?>

8 Load "style.css" e modificare la larghezza delle vostre barre laterali e la colonna di contenuto principale, se necessario. Se nominato un div "second_sidebar" è possibile modificare la sua larghezza con un selettore per il suo ID e la proprietà width. Aggiungere la proprietà "float" e usare "destra" o "sinistra" a seconda se si desidera che la barra laterale per allineare a sinistra oa destra del suo elemento HTML adiacente:

second_sidebar {

width: 200px;

float: left;

}

Consigli e avvertenze

  • Se avete problemi a creare nuove colonne per le barre laterali in fogli di codice CSS (Cascading Style), provare a utilizzare un quadro come CSS Blueprint o 960 Grid System. Questi quadri saranno creare colonne per voi.
  • Eseguire il backup del tema prima di modificare i suoi file. Se si verifica un errore "schermo bianco", caricare nuovamente i file del tema originale usando un programma FTP in modo da poter tornare in.