Randomizzato immagine di sfondo con il tema in Aeros 3 semplici passi

Appena aggiunto un po 'di nuove funzionalità per la Casa oggi Guru sito che utilizza l'eccellente Aeros tema, making the background image randomise on page reload (Prova a cliccare circa le pagine del blog per vedere il passaggio di immagini diverse tra le foto). Nota, questo funziona solo sulle versioni di Aeros fino a 1.04, e non la più recente 1.05 rilascio, spiacente!

Ho imparato a random una immagine header su un sito web, mentre la costruzione del sito di un cliente, e pensava che sarebbe stato abbastanza freddo per attuare su l'immagine di sfondo su questo sito.  

È abbastanza facile da fare, anche se non si sa niente di CSS, ma io sto assumendo che tu hai accesso a ftp, un editor di testo come Notepad ++ e sai cosa è un foglio di stile.

Passo 1: Change your CSS file

In tema di Aeros cartella, aprire il file style.css, e cercare il ‘sfondo’ attributo. E 'a circa line 51 Nella mia versione, se non c'è ricerca di questa linea: sfondo: url(images / default.jpg) no-repeat 0 0 #fff; all'interno del file.

Sostituire images / default.jpg con: background / random.phpin modo che assomiglia a questo: 

sfondo: url(background / random.php) no-repeat 0 0 #fff;

Salvate il file style.css, e ftp indietro alla tua cartella del tema Aeros sul vostro server web.

Passo 2: Ottenere, preparare e caricare lo script random.php

Next, è necessario ottenere la versione più recente del script di immagini random qui. Copiare il codice in un nuovo file in un editor di testo, e salvarlo come random.php. Non è necessario modificare qualche codice nello script per far funzionare tutto questo.

Adesso, utilizzando il tuo client ftp, accedere alla cartella del tema Aeros e la radice di quella cartella, creare una directory chiamatasfondo. FTP il file random.php in quella cartella sfondo.

Passo 3: Provide the script with some images to choose from

Le immagini devono essere salvate nella /background/ cartella, che consentirà la random.php file per trovarli. Start ottenendo il file default.jpg dal tuo attuale /images/ cartella e copiarlo in tutto il/background/ cartella. Controlla il tuo sito web. Se hai fatto questo diritto, your usual background image will show up. Ora prova ad aggiungere alcune immagini più alla cartella.

È possibile chiamare quello che volete, ma si vuole assicurare che sono le stesse dimensioni come l'immagine default.jpg, e che non sono troppo grandi in quanto ciò potrebbe rallentare la velocità di carico sulle connessioni internet lente.  

That's it!

Related Posts

  1. Orange Mist Random WordPress theme for property rental websites
  2. Foto release Lover tema
  3. Nuovo sito web e blog di casa ha lanciato: Low COPETTE
  4. L'editing e l'ottimizzazione delle immagini
  5. Adding a favicon to your WordPress blog
Questo articolo è stato pubblicato in Di iniziare la vostra Casa Website e ha le etichette , , , , , , , , . Aggiungi ai preferiti: link permanente. Scrivi un commento o lascia un trackback: Trackback URL.

Scrivi un Commento

Il tuo indirizzo Email non verra' mai pubblicato e/o condiviso.

Puoi usare questi HTML tag e attributi: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Tema amante Photo è sponsorizzato da Ferienwohnungen Normandie and designed by Normandy Gites