venerdì 28 dicembre 2007

Wordpress: inserire un header in flash

Credo di essere una dei tanti maniaci della comunicazione on web ad aver sperimentato quasi tutte le piattaforme gratuite per blog esitenti, dalle più usate alle quasi sconosciute! Alla fine di tutto, per ospitare questa mia "filosofia spicciola", ha vinto blogger perché il necessario si può amministrare con estrema semplicità e non fa problemi per "aggiunte speciali" o repentini cambi di veste grafica.
Proprio oggi ho avuto a che fare con un interessante quesito riguardante la modifica di un template di un blog ospitato su piattaforma wordpress: come poter inserire un header swf creato con flash? I templates di wordpress sono gestiti con svariati file php ed un css che contiene gli stili applicati in ogni file... a parer mio è da uscirci davvero scemi! Comunque la gestione dell'header avviene appunto modificando il file header.php a cui però sta antipatico il collegamento diretto con l'swf! La mia soluzione, spartana ma efficace, è quella di collegare l'swf ad una semplice pagina html e bucare l'header con un iframe dove si andrà a richichiamare tale pagina.

In sostanza abbiamo 4 file in tutto da gestire:
header.swf (header in flash)
header.html (pagina dove è collegato header.swf)
header.php (dove inserire l'iframe per richiamare header.html)
style.css (dove modificare l'id #header che gestisce larghezza, altezza e posizione del box dove è contenuto l'iframe in header.php)

Poniamo il caso che l'header.swf in questione abbia dimensioni 750px in larghezza e 150px in altezza...
1. Portare a 0 tutti i margini della pagina header.html
2. Inserire il file header.swf nella pagina header.html
3. In header.php trovare il codice <div id="header"...</div> e sostituirlo con:

<div id="header"><iframe border="0" frameborder="no" framespacing="0" scrolling="no" src= "http://urltuoblog/wp-content/themes/tuotema/header.html" width="750" height="150"></iframe></div>

4. In style.css trovare #header{...} e sostituirlo con:

#header {
height: 150px;
width: 750px;
margin: 0;
padding: 0;
}


5. Caricare tutto nella cartella del tema del vostro blog e FINE.

3 commenti:

Raffaele ha detto...

Ciao!
molto chiara la guida, ci proverò sicuramente e ti farò sapere!
ciao,
Raf.

Anonimo ha detto...

Who knows where to download XRumer 5.0 Palladium?
Help, please. All recommend this program to effectively advertise on the Internet, this is the best program!

Anonimo ha detto...

Ciao, e se voglio differenziare gli header per le varie pagine!?per esempio nella home ho inserito il tuo metodo e funziona alla grande, se pero un un altra pagina voglio mettere una immagine statica!?