Come posso ruotare Banner in Wordpress?

May 10

Come posso ruotare Banner in Wordpress?


Un modo per rendere il vostro blog WordPress un po 'più interessante per i visitatori è quello di utilizzare un banner a rotazione in modo casuale, in modo che ogni volta che un visitatore carica o aggiorna una pagina sul tuo blog, una bandiera diversa viene visualizzata sulla pagina. Realizzare questo utilizzando un piccolo pezzo di codice JavaScript per sostituire il codice HTML corrente per il banner sul tuo sito. È necessario essere un amministratore o un Super Admin per completare questo processo.

istruzione

1 Accedi al tuo pannello di controllo di amministrazione di WordPress, quindi fare clic su "Media" e "" Aggiungi nuovo. "Fare clic su" Seleziona file "e selezionare la posizione dei banner sul disco rigido del computer. Come si carica ognuno, copiare e incollare il "File URL" di ogni file in un documento di testo e fare clic su "Salva tutte le modifiche" prima di caricare il prossimo banner. Ripetere fino aver caricato tutti i tuoi banner.

2 Fai clic su "Aspetto" dalla barra del menu principale sulla sinistra, quindi fare clic su "Editor". Dall'elenco dei file sulla destra, fai clic su "header.php". Copiare il seguente codice tra le "<head>" tag nel file "header.php":

<SCRIPT LANGUAGE = "JavaScript">

var maxBanner = 3

var BannerNo

var myBanner = new Array ()

myBanner [0] = '<img alt = "banner 1" />'

myBanner [1] = '<img alt = "banner 2" />'

myBanner [2] = '<img alt = "banner 3" />'

</ Script>

3 Sostituire il "3" accanto a "maxBanner = 3" con il numero di banner che si sta utilizzando, quindi modificare "URL 1", "URL 2" e "URL 3" per gli URL annotato al punto 1. Se si è con più di tre striscioni, copiare e incollare la riga che inizia con "myBanner [2]" in una nuova linea appena sotto di esso, e sostituire "[2]" con "[3]." Ripetere l'operazione per tutti i tuoi banner e fai clic su "Salva modifiche" quando fatto.

4 Scorrere verso il basso nel file fino a individuare il tag "<img>" per il vostro banner corrente. Se non si riesce a trovarlo, caricare il tuo blog in un browser, quindi fare clic destro sul banner e aprirlo in una nuova finestra. Si noti l'URL dell'immagine nella barra degli indirizzi del browser, quindi eseguire la scansione del file "header.php" per il tag "<img>" che contiene questo indirizzo.

5 Eliminare il tag "<img>" e sostituirlo con il seguente codice:

<SCRIPT LANGUAGE = "JavaScript">

BannerNo = Math.round (Math.random () * maxBanner)

document.write (myBanner [BannerNo])

</ Script>

6 Fai clic su "Salva modifiche" per salvare il lavoro.

Consigli e avvertenze

  • È possibile utilizzare lo stesso script per ruotare qualsiasi sezione del codice HTML, non solo "<img>" tag - per esempio, una citazione a caso, un collegamento casuale o una selezione di messaggi pubblicitari.