Nwlapcug.com


Come posso ruotare i banner in Wordpress?

Come posso ruotare i banner in Wordpress?


Un modo per rendere un po' più interessante il tuo blog Wordpress per i tuoi visitatori consiste nell'utilizzare un banner a rotazione in modo casuale, così che ogni volta che un visitatore carica o aggiorna una pagina sul tuo blog, un'immagine di diversi banner viene visualizzata nella pagina. Compire questo con un piccolo pezzo di codice JavaScript per sostituire l'attuale codice HTML per il banner sul tuo sito. È necessario essere un amministratore o un Super Admin per completare questo processo.

Istruzioni

1

Il login al tuo pannello di controllo di Wordpress admin, quindi fare clic su "Media" e "" Aggiungi nuovo." Fare clic su "Seleziona file" e selezionare il percorso del vostro banner sul disco rigido del computer. Come caricare ogni uno, copia e incollare URL di"File" di ogni file in un documento di testo e fare clic su "Salva tutte le modifiche" prima di caricare il banner successivo. Ripetere fino a quando hai caricato tutti i tuoi banner.

2

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

< SCRIPT LANGUAGE = "JavaScript" >

var maxBanner = 3

var BannerNo

myBanner var = 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 si utilizza, quindi modificare "URL 1," "URL 2" e "3" agli URL URL è annotato nel passaggio 1. Se si utilizza più di tre bandiere, copiare e incollare la riga che inizia con "myBanner [2]" in una nuova linea appena di sotto di esso e sostituire "[2]" con "[3]". Ripetere per tutti i tuoi banner e clicca su "Salva modifiche" quando fatto.

4

Scorrere il file fino a individuare il tag "< img >" per il tuo banner corrente. Se non riesci a trovarlo, caricare il tuo blog in un browser, quindi tasto destro del mouse sul banner e aprirlo in una nuova finestra. Si noti l'URL dell'immagine nella barra degli indirizzi del tuo browser, quindi analizzare il file di "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

Fare clic su "Salva modifiche" per salvare il lavoro.

Consigli & Avvertenze

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