Campi personalizzati in WordPress: esempi concreti d’utilizzo

Hai aggiunto o vuoi aggiungere i campi personalizzati in WordPress ma… non hai ben chiaro a cosa possono servire?

Bene, ora ti mostro qualche esempietto reale così da capirne le infinite potenzialità.  Ti si illumineranno gli occhi 🙂

Aggiungere un’immagine come Thumbnail per slider

Può capitare di dover mostrare in qualche sezione speciale del sito un’immagine diversa da quella in evidenza, come ad esempio l’immagine per lo slider degli ultimi articoli.

Questo accade proprio per i temi Elegant Themes (ma non solo), dove è possibile scegliere che immagine mostrare nello slider semplicemente utilizzando il campo personalizzato con chiave ‘Thumbnail‘.

Ecco il risultato che ottengo nella mia sezione per i temi WP:

Ecco un buon articolo che spiega come implementarlo.

Template personalizzato

È possibile cambiare il template da utilizzare anche per gli articoli (di default si può solo per le pagine). Io lo utilizzo per avere il massimo controllo sulla visualizzazione grafica di ogni singolo articolo. Ad esempio, per alcuni voglio la sidebar, per altri no. Per alcuni voglio il menù, per altri no.

In questo modo, dopo aver creato il file che crea il template desiderato, basta un semplice campo personalizzato per dire a WordPress di usare quel preciso template anzichè il classico single.php.

E questo è il risultato:

In alternativa (ed è molto più comodo), prova il plugin custom post template.

Oppure puoi anche utilizzare i custom field per riempire il template personalizzato, come viene spiegato in questo articolo dove viene creata una homepage personalizzata.

Un buon metodo se si deve preparare un tema per lasciare all’utente finale la possibilità di modificarne il contenuto con semplici click.

Aggiungere il rating

Vuoi aggiungere la possibilità all’autore di dare un voto al prodotto? Sempre per Elegant Themes:

Oppure usa anche il plugin http://wordpress.org/plugins/author-post-ratings/.

Per avere un’idea di come realizzarlo, leggi questo.

Ecommerce a manetta!

I campi personalizzati sono fantastici per Ecommerce o siti del genere, dove è necessario mostrare un sacco di informazioni aggiuntive, come il prezzo, immagine correlate, codice prodotto e altre meta informazioni.

Ecco come si presentano i campi aggiuntivi del tema eStore (pardon, ma ho sottomano i temi di Elegant Themes. Sappi che ci sono anche temi gratuiti o Freemium che hanno queste funzionalità), utilizzando come prodotto un bell’iPhone 5.

E questo è il risultato:

Data scadenza articoli

Anche gli articoli possono avere una “scadenza”.  Puoi rimuovere un articolo dopo una data ben precisa, ad esempio un articolo in evidenza per Natale che “scadrà” dopo il 25 Dicembre, oppure un articolo per un contest, o un codice sconto…

Leggi questo articolo dove troverai anche il codice php da utilizzare oppure quest’altro. In alternativa, usa il plugin Post Expirator.

Mostrare / Non mostrare qualcosa

I campi personalizzati sono anche molto comodi per scegliere se mostrare o meno qualcosa.

Io li uso per decidere se mostrare o meno:

• la pubblicità
• i post correlati
• del testo prima o dopo ogni articolo
• immagine in evidenza
• informazioni prodotto
• link particolari
• testo speciale a fondo/testa articolo
• crediti
• ringraziamenti vari
• umore
• …

Come? Semplicemente aggiungendo il campo personalizzato che si vuole, ad esempio ri_custom_field:

Poi modifichi il file del tema corretto (leggi come e dove modificare WordPress) ed inserisci il controllo:

[php]
<?php $ri_custom_field_var = get_post_meta($post->ID, ‘ri_custom_field’, true); ?>
<?php if(empty($ri_custom_field_var)) : ?>
Codice A
<?php else : ?>
Codice B
<?php endif; ?>
[/php]

Se il campo è vuoto, esegue il codice A, se il campo è pieno esegue B.

Come si può utilizzare? Beh, ad esempio per la pubblicità, se il campo è vuoto vuol dire che posso mostrarla (quindi inserisco il codice della pubblicità), se invece il campo è pieno, allora non mostro niente e non inserisco niente.

Ma l’utilizzo lo puoi tranquillamente stabilire te. Ti consiglio di dare il nome e il valore i più descrittivi possibili, così da capire immediatamente a cosa servono.

Una volta che avrai capito la potenzialità di questo modo di utilizzare i campi personalizzati, capirai che possono essere usati per fare qualsiasi cosa!

Cambiare lo sfondo e lo stile

Puoi impostare uno sfondo differente utilizzando un campo personalizzato.

Carica un’immagine bella grande e copiane l’URL.  Poi crea il custom field, ad esempio di nome background, ed inserisci come valore l’URL appena copiato.

Ora aggiungi questo codice nell’header (tra <head> e </head>) del file header.php.

[php]
<?php if (is_page() || is_single()) {

<?php $background = get_post_meta($post->ID, ‘background’, true);
if ($background) {
?>
<style type="text/css">body{ url(<?php echo $background; ?>) no-repeat fixed; }</style>

<?php }
}?>
[/php]

La stessa cosa si può fare anche per lo stile, aggiungendo una classe diversa a seconda del post. In questo caso, dovrai armeggiare anche con un po’ di CSS. Leggi questo articolo per capire meglio.

Mostrare gli articoli che hanno un certo custom field

Per i più smanettoni, è possibile usare i campi personalizzati anche come “filtro”. Grazie al WP_Query, puoi creare un loop che mostri solamente gli articoli che hanno un determinato custom field.

Ad esempio:

$query = new WP_Query( 'meta_key=featured' );

Viene creata la query per mostrare tutti gli articoli che hanno come meta_key (chiave) la parola featured (in evidenza). Ottimo metodo per mostrare solamente i post in evidenza 😉

Testo sovrapposto all’immagine

Avere un testo che si sovrappone all’immagine può tornare utile. Ti rimando a questo articolo dove viene spiegato tutto il procedimento, codici compresi.

Aggiungere un video correlato

Altra funzionalità che mi è capitato di usare in passato (ed è molto utile per ecommerce particolari), inserire un video correlato.

Basta semplicemente aggiungere l’indirizzo del video in un campo personalizzato apposito e modificare opportunamente il codice del tema. Leggi questo articolo fatto molto bene anche se un po’ datato.

Se vuoi altre idee…

Se vuoi altre idee, ecco una bella lista di articoli davvero interessanti:

• WordPress Custom Fields 101: Tips, Tricks, and Hacks
• Extend WordPress With Custom Fields
• 20+ Tutorials and Resources for Working with Custom Fields in WordPress
• 10 Awesome Things To Do With WordPress’ Custom Fields
• Custom Fields
• WordPress Custom Fields, Part I: The Basics
• WordPress Custom Fields, Part II: Tips and Tricks

Plugin consigliato:

• Advanced Custom Fields

I campi personalizzati sono davvero potenti, l’unico limite d’utilizzo è la tua immaginazione!