Tag Archives: rotator

Rotator header sul blog

Era da un po’ di tempo che cercavo dei temi per wordpress che mi permettessero di gestire la rotazione delle immagini nell’header del proprio sito. Ma tutti quelli che trovavo che avevano questa funzionalità, poi non mi piacevano per altri motivi. Quasi rassegnato alla cosa, sempre alla ricerca di qualcosa di meglio, mi son deciso a capire come fare per modificare un tema qualsiasi ed inserirci sotto il titolo del blog una immagine a rotazione.

Ho chiesto ad un mio collega che ne sa più di me di HTML e mi ha illuminato la giornata.

A questo punto mi son cercato un tema che mi piacesse, ed ho scelto questo Choco, ed ho provato ad inserire questa rotazione sull’header.

Editando manualmente il file Header.php del tema ho aggiunto il seguente pezzo di codice:

style="<!--?php echo choco_get_body_style() ?-->">
<!-- Page --></pre>
<div id="page"><!-- Header -->
<div id="header"><!-- Logo -->
<div id="logo" style="width: 940px; height: 86px; background-image: url('http://<url delle immagini>
/headers/Header<?php echo(rand(1,10)); ?>.jpg');">
<h1></h1>
</div>
 <!-- END Logo -->

A questo punto per far funzionare la cosa, basta mettere nella cartella /Header/ (dove volete sul vostro sito) i file in misura chiamandoli

Header1.jpg
Header2.jpg
Header3.jpg
…..
Header10.jpg

Mi son fermato a 10 perchè ho inserito nel codice la funzione

Header<?php echo(rand(1,10)); ?>.jpg'

(se si vogliono usare più file, basta modificare i parametri della funzione rand mettendo

Header<?php echo(rand(1,N)); ?>.jpg'

con N numero di Header che hai preparato.

Per quanto riguarda le dimensioni di questi file, dipende dal tema scelto; nel mio caso sono

width: 940px; height: 86px;

P.S. in questo post ho iniziato ad usare un plugins che mi permettesse di scrivere sul blog direttamente il codice, visualizzandolo in maniera corretta. Direi che fa il suo lavoro egregiamente ed è molto personalizzabile. Il plugin si chiama SyntaxHighlighter Evolved