Header Casuali

Cercando in rete ho trovato un’interessante modifica per tutti i siti basati su WordPress. Si tratta della possibilità di far caricare uno sfondo a caso per l’header ad ogni ricarica della pagina. La fonte è questo sito, quindi non è farina del mio sacco, tuttavia, siccome ho faticato tanto per trovarla, ve la voglio riproporre, tradotta in italiano.

  1. Creare una cartella contenente tutte le immagini che si vogliono utilizzare come header. Chiamarla ad esempio headerpix. Nominare le immagini all’interno in maniera sequenziale ad esempio header1.jpg, header2.jpg, etc.
  2. Aprire il file css del tema ed escludete (attraverso /* e */) il codice background: url. Ad esempio:
    /* background:  url(img/header_pic.jpg)  no-repeat center; */
  3. Aprire il file header.php del tema in questione, e cercare la stringa che carica il foglio di stile, la quale dovrebbe iniziare con questo codice:
    <link rel="stylesheet" href="<?php bloginfo('stylesheet...
  4. Sotto a questa stringa aggiungere il codice seguente:
    <?php
      // Replace 26 with the number of images in your folder!
      $imgnum = rand(1,26);
    ?>
    
    <style type="text/css">
      #header {
        background: url(<?php bloginfo('template_url');?>/img/headerpix/header<?php echo $imgnum; ?>.jpg) no-repeat center;
      }
    </style>

    Fare attenzione alla directory (marcata in grassetto) e al nome dei file, modificarli nel codice se si sono usati nomi personalizzat. Modificare il numero 26, immettendo in numero di immagini che si sono inserite nella directory. Ad esempio con 7 immagini il codice dovrà essere

     $imgnum = rand(1,7);

Buon lavoro! :)

Tag: ,

Lascia un Commento

Immagine CAPTCHA