Feed on
Posts
Comments

Vuoi dare un po’ di classe al tuo blog WordPress? sei stanco di vedere sempre la stessa immagine nell’header del tuo blog? …e allora segui le facilissime istruzioni qui riportate e non te ne pentirai! (…’azz! mi sembra d’esser diventato un venditore ambulante! …arrotino! è arrivato l’arrotino! affilo: forbici, coltelli!… :-D )

1. Preparazione delle immagini dell’header

Per la spiegazione utilizzerò 5 immagini. E’ assolutamente importante che le dimensioni delle immagini che utilizzerai, siano esattamente quanto lo sono quelle dell’immagine dell’header che di default è presente nel tuo tema; per esemio: le mie immagini utlizzate da me (per il tema che utlizzo MistyLook) è 760px di larghezza e 200px di altezza. A tal fine consiglio di utilizzare un software apposito, tipo The Gimp!. (è gratis e in italiano dunque… :-) ). (Se non sai ove trovar le immagini prova a dare un’occhiata qui: Header image per K2).

Tutte le immagini debbono essere salvate tenendo presente che:

  1. il nome deve esser sempre header_
  2. il numero dopo header_ deve essere progressivo da 1 a 5 (nel caso che vado a spiegare, da 1 ad n ove n è il numero dell’ultima immagine che intendi utilizzare, se fossero 16, il nome delle immagini devono essere header_1.jpg, header_2.jpg ecc.ecc. fino a header_16.jpg)
  3. tutte le estensioni del file dell’immagine devono essere .jpg

Nel mio caso alla fine avrò 5 immagini denominate:

  • header_1.jpg
  • header_2.jpg
  • header_3.jpg
  • header_4.jpg
  • header_5.jpg

Utilizzando un software ftp, upload le tue immagini in una cartella del tuo blog, tipo:

/wp-content/themes/nomedeltema/image

2. …l’inserimento del magico codice!

Nel file header.php devi inserire:

1
<img src="http://path_to_images/header_<?php echo(rand(1,5)); ?>.jpg" width="image_width" height="image_height" alt="image_alt_text" />

ove il magico codice è

1
<?php echo(rand(1,5)); ?>

il tuo numero delle immagini è differente? allora modifica 5 con il numero della tua ultima immagine. Tutto qui. URL_immagini: è il percorso della cartella contenenti le tue immagini, che precedentemente hai uploadato.

Se hai problemi o dubbi lascia un commento: ti risponderò il prima possibile! A presto! :-)

Via | PEARSONIFIED

7 Responses to “Come avere un’immagine casuale nell’header di WordPress”

  1. catia scrive:

    Ciao,
    scusa, sono un po’ alle prime armi, dove va inserito il “magico codice”??
    dove lo trovo il file header.php??
    garzie
    catia

  2. catia scrive:

    Ciao,
    sono riuscita a seuire tutti i passaggi, ho caricato le immagini rinominandole header_1 ecc ecc dentro il server ftp nella cartella images poi ho copiato il codice nel file header.php modificando il numero delle foto, nel mio caso sono 3, ma quando vado a visualizzare il sito non vedo nessuna immagine.
    puoi aiutarmi?
    grazie!

  3. Sergejpinka scrive:

    1) hai controllato l’estensione delle immagini? hanno tutte la stessa estensione?

    2) che tipo di browser utilizzi? Firefox, Opera, Internet Explorer… cosa? hai provat a chiudere e a riaprire il programma? hai provato anche ad aggiornare la pagina?

    fai queste prove e e poi dimmi :-)

  4. catia scrive:

    ciao,
    l’estensione è la solita, .jpg
    io utilizzo safari (perchè ho mac) però ho anche chrome e firefox.
    si, la pagina l’ho aggiornata, ho vuotato anche la cache ma niente, non è che bisogna andare a modificare qualcosa sulla header.php o sullo style.css??
    (anche se me ne intendo poco….):-)
    grazie!!

  5. catia scrive:

    il sito è http://www.villasomelli.org se ti dovesse aiutare…

  6. Sergejpinka scrive:

    Ok, hai modificato tutto il codice. Ma le immagini non appaiono comunque… scusa la domanda: sei sicura di aver caricato le immagini?

  7. catia scrive:

    si,
    però fa confusione qundo vado a “toccare” nella parte header.php e style.ccs!!

Leave a Reply