Volevo affrontare questo hack per Wordpress, dopo aver letto alcuni post riguardanti il semplice riconoscimento di una determinata pagina creata tramite Wordpress con il conseguente cambio dell’immagine dell’header.
In poche parole e per esempio: mettiamo che alla pagina Chi Siamo si voglia far corrispondere un header con l’immagine di una foto di gruppo dello staff, mentre alla pagina Contatti, deve essere presente un header con un’immagine che richiami, mentre alla pagina Dove siamo, deve corrispondere un ulteriore e differente header con un’immagine della mappa stradale… come rendere possibile tutto ciò?
La cosa è abbastanza semplice e andiamo a vedere nello specifico cosa c’è da fare: prima di tutto è necessario conoscere come il nostro blog Wordpress ha assegnato gli ID alle pagine a cui vogliamo sostituire un header diverso.
Dalla vostra Dashboard quindi, andate su Manage e poi su Pages, a questo punto avrete la lista delle pagine del vostro blog, se vi posizionate con il mouse sopra il titolo della vostra pagina, in basso sulla barra di stato del vostro browser leggerete qualcosa di simile:
http://www.vostroblog.est/wp-admin/page.php?action=edit&post=2
La parte che ci interessa è esattamente quella in grassetto, e che alla fine ci mostra il numero ID assegnato alla pagina; nel mio caso ad esempio, la pagina Chi Sono ha ID 2 come si vede dalla screen più in basso:
Una volta quindi che avete recuperato e segnato tutti gli ID delle pagine che vorrete, si potrà procedere a strutturare il codice che controlla in quale pagina ci troviamo e di conseguenza se applicare o meno il differente header, e più precisamente, ipotizziamo di voler modificare l’immagine header delle pagine con ID 2, 3 e 5 inserendo le immagini: img2.jpg, img3.jpg e img5.jpg con larghezza fissa di 920 pixel; andremo a scrivere il seguente codice:
<?php if (is_page(’2′)) { ?>
<img src=”<?php bloginfo(’template_url’); ?>/headers/img2.jpg” width=”920″ alt=”<?php bloginfo(’name’); ?> header image” />
<?php } elseif (is_page(’3′)) { ?>
<img src=”<?php bloginfo(’template_url’); ?>/headers/imag3.jpg” width=”920″ alt=”<?php bloginfo(’name’); ?> header image” />
<?php } elseif (is_page(’5′)) { ?>
<img src=”<?php bloginfo(’template_url’); ?>/headers/img5.jpg” width=”920″ alt=”<?php bloginfo(’name’); ?> header image” />
<?php } else { ?><?php get_header(); ?><?php } ?>
Con questo codice infatti controlleremo in quale pagina ci troviamo, e se risulteranno quelle con ID 2,3 o 5 verranno caricati gli header con le relative immagini img2.jpg, img3.jpg e img5.jpg.
Il resto è davvero semplice, basta copiare il codice di cui sopra, andare dalla Dashboard su Design, Theme Editor e successivamente modificare Page Template (page.php), cancellando all’inizio <?php get_header(); ?>, ed incollare il nuovo codice.
Successivamente dovrete anche caricare via FTP, sul vostro hosting, le immagini che vorrete abbinare alle varie pagine, creando una nuova cartella sotto wp-contents/theme/headers.
Vi assicuro che è più difficile a dirsi che a farsi, per cui rimboccatevi le maniche e datevi da fare con le prove, per adattare le immagini sul vostro tema… sono qui che vi aspetto in caso di difficoltà!
via | PrimePress
Ti è piaciuto questo post? Allora iscriviti al mio Feed RSS per essere SEMPRE aggiornato sui nuovi post. Grazie per la visita... e torna a trovarmi presto!
Ciao, complimenti per il blog, innanzitutto! Vorrei avere maggiori info su questo post.. dove devo inserire il codice da te evidenziato? in page.php da come hai scritto, ma a me non funziona.. devo cambiare qualcosa a ciò che hai scritto oltre ovviamente al percorso delle immagini? grazie per la risposta!!
L´ultimo post di Marco è il seguente..GRANDI NOVITA’ IN VISTA: CI TRASFERIAMO SU WORDPRESS!
Ciao Marco, grazie dei complimenti intanto!
Allora, in page.php dovresti copiare prima di < ?php get_header(); ?> le righe di cui sopra e chiaramente modificando i percorsi delle immagini, successivamente dovresti anche cancellare < ?php get_header(); ?>, per il funzionamento corretto…
Fammi sapere…e a presto!
E io quello che hai detto l’ho fatto.. ho messo
<img src=”/headers/img2.jpg” width=”920″ alt=” header image” />
al posto di , modificando l’indirizzo delle immagini (o dell’immagine se voglio farlo solo su una pagina e il numerino della relativa pagina.. ma ciò non funziona… 
L´ultimo post di Marco è il seguente..GRANDI NOVITA’ IN VISTA: CI TRASFERIAMO SU WORDPRESS!
Scusa se ti disturbo ancora.. ma su template_url devo lasciarlo cosi oppure devo modificarlo? scusa, ma sono davvero un po rimba..
Vorrei solo sapere se faccio giusto modificando SOLO il numerino della pagina a cui atttribuire e il percorso delle immagini. Oppure se devo personalizzare altro, perchè continua a non funzionare.. grazie e scusami ancora se ti disturbo..
L´ultimo post di Marco è il seguente..GRANDI NOVITA’ IN VISTA: CI TRASFERIAMO SU WORDPRESS!
Ciao Marco, figurati nessun disturbo…
Allora sulla parte “img src=” devi fare riferimento alla posizione del tuo file jpg. Io ho utilizzato nell’esempio una immagine header larga 920pixel, ma il percorso rimane lo stesso perchè ho lasciato la funzione bloginfo(’template_url’); in modo che punti sempre al template attivo… al posto dell’immagine ti mette una crocetta rossa o ricevi proprio un errore?
Con crocetta rossa intendo
Innanzitutto grazie per l’attenzione che mi presti, appena metto su il blog, ti linko perchè te lo meriti.. arrivando al dunque: io sto solo facendo degli esperimenti in localhost con l’ottimo easyphp (davvero fighissimo) e quando faccio tutta la procedura mi compare fuori un messaggio di errore (una scritta in cui dice che non trova header.php riga 1 qualcosa del genere).
L´ultimo post di Marco è il seguente..GRANDI NOVITA’ IN VISTA: CI TRASFERIAMO SU WORDPRESS!
Comments RSS TrackBack Identifier URI
Leave a comment
6 Comments