Forum

Immagine di sfondo ...
 
Notifiche
Cancella tutti
Legenda Prefissi
  • Trucchi WP Modifiche Semplici Trucchi Wp + Modifiche Complesse che richiedono la modifica di files wordpress

Trucchi Wp + Immagine di sfondo random

1 Post
1 Utenti
0 Likes
71 Visualizzazioni
Cosmos
(@cosmos)
Post: 363
Punti Reputazione: 903
Admin Editore
Topic starter
 

Con questo piccolo script che ho trovato in giro sul web sarà possibile aggiungere un'immagine di sfondo che cambia ogni volta che verrà ricaricata la pagina.

Step 1
Andiamo sul nostro spazio web/server e creiamo una cartella che chiameremo rotate-background personalmente io ho inserito la cartella nel mio tema cioè: /wp-content/themes/generatepress/assets ma è possibile inserirla dove si vuole. All'interno della cartella andranno caricate tutte le immagini che si vuole utilizzare come sfondo.

Step 2
Creiamo il file rotate.php e inseriamo al suo interno il seguente script:

<?php
/*
By Matt Mullenweg >  http://photomatt.net 
Inspired by Dan Benjamin >  http://hiveware.com/imagerotator.php 
Latest version always at:
 http://photomatt.net/scripts/randomimage 
*/// Make this the relative path to the images, like "../img" or "random/images/".
// If the images are in the same directory, leave it blank.
$folder = '';

// Space seperated list of extensions, you probably won't have to change this.
$exts = 'jpg jpeg png gif';

$files = array(); $i = -1; // Initialize some variables
if ('' == $folder) $folder = './';

$handle = opendir($folder);
$exts = explode(' ', $exts);
while (false !== ($file = readdir($handle))) {
foreach($exts as $ext) { // for each extension check the extension
if (preg_match('/\.'.$ext.'$/i', $file, $test)) { // faster than ereg, case insensitive
$files[] = $file; // it's good
++$i;
}
}
}
closedir($handle); // We're not using it anymore
mt_srand((double)microtime()*1000000); // seed for PHP < 4.2
$rand = mt_rand(0, $i); // $i was incremented as we went along

header('Location: '.$folder.$files[$rand]); // Voila!
?>

Salviamo il file all'interno della cartella rotate-background.

Step 3
Richiamare le immagini nel body del sito: per fare ciò dovremo avvalerci di un qualsiasi plugin che permette di aggiungere script di ogni tipo sul proprio sito (come ad esempio Code Snippets [free], Wpcode [free/paid])   ed inseriamo il seguente script in CSS:

body {
background: url( http://mrlab.altervista.org/wp-content/themes/generatepress/assets/rotate-background/rotate.php); 
	background-repeat: repeat;
	}

Nel caso vengano cambiati i percorsi è importante ricordare di modificare il percorso indicato in quest'ultimo script. 

Ora ogni volta che verrà ricaricata una qualsiasi pagina del sito avrà un'immagine di sfondo differente. grandecapo  

Questa argomento è stata modificata 4 mesi fa da Cosmos
 
Pubblicato : 09/01/24 20:39
Condividi: