WordPress (WP) è un libero strumento di sviluppo blog, open source powered by PHP. blog WP tipicamente incorporano una qualche forma di immagine intestazione nella parte superiore di ogni pagina. Intestazioni sono spesso utilizzati per visualizzare il logo del blog, e un link alla home page del blog quando si fa clic. Incorporando una mappa immagine nell'immagine intestazione WP, è possibile specificare un'area più piccola e più preciso bersaglio che attiva il collegamento ipertestuale incorporato.

istruzione

1 Aprire l'immagine di intestazione WP nel programma di grafica di elaborazione grafica a scelta. Microsoft Paint, che viene installato con Windows, è un buon programma da usare se non si possiede tutti gli altri programmi di editing grafico.

2 Scorri l'immagine con il puntatore del mouse e notare i numeri "px" (pixel) che cambiano nella parte inferiore della finestra dell'immagine. Questi numeri rappresentano i valori X e Y della posizione corrente del puntatore del mouse.

3 Immaginate una scatola invisibile che circonda l'area dell'immagine che si desidera rendere cliccabile. Spostare il puntatore del mouse nell'angolo in alto a sinistra della casella immaginario. Annotare i valori "px" per questa posizione. Spostare il puntatore del mouse nell'angolo in basso a destra della casella immaginario. Annotare i valori "px" per questa posizione. Uscire dal programma di grafica-editing.

4 Individuare il file "header.php" che si trova nella directory di installazione di WordPress del tuo sito web. Aprire il file nel vostro editor HTML preferito.

5 Aggiungere il seguente codice al fine del tag immagine intestazione esistente:

usemap = "# headermap"

Il tag header image dovrebbe essere simile questo formato:

<Img width = "dimensione in pixel" height = "dimensione in pixel" usemap = "# headermap" />

6 Aggiungere il seguente codice direttamente sotto il tag header image:

<Nome della mappa = "headermap">

<Area href = "link" Forma = coordinate "rect" = "x1, y1, x2, y2">

</ Map>

7 Sostituire "link" con la pagina che si desidera che l'immagine di intestazione per spostarsi quando si fa clic, controllando che si tiene le virgolette in atto.

8 Sostituire "x1" e "Y1" con la prima serie di valori "px" annotato in un passaggio precedente. Sostituire "x2" e "y2" con il secondo set di valori "px" che anche annotato in precedenza.

9 Salvare il file "header.php" e chiudere l'editor HTML.