Specifiche pagine WordPress con relativo Header (immagine) variabile

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.

Specifiche pagine WordPress con relativo Header (immagine) variabile

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:

Specifiche pagine WordPress con relativo Header (immagine) variabile

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