Come aggiungere miniature alle categorie e tag di WordPress

A volte un sito WordPress sarà molto più bello se potessimo visualizzare un'immagine accanto a categorie o tag. Ad esempio, potremmo aggiungere un'immagine sui CSS nel “CSS” categoria o il logo HTML5 nel “HTML” categoria (come mostrato di seguito).

Torna nella versione 2.9, WordPress ha aggiunto la possibilità di aggiungi una miniatura dell'immagine (in seguito ribattezzato Immagine in primo piano) per post, pagina e tipo di post personalizzato. Questa funzione di anteprima immagine non copre categoria, tag e tassonomia personalizzata, anche per versioni successive (ad eccezione forse di tassonomia personalizzata, eventualmente in WordPress 4.4).

Grazie a questo suggerimento WordPress e al plug-in Taxonomy Thumbnail, possiamo farlo alle nostre categorie e tag. Vediamo come questo può essere fatto con poche righe di codice.

Iniziare

Per iniziare, distribuire questo plug-in nel tuo sito WordPress. Puoi installare il plugin attraverso Plugin> Aggiungi nuovo o tramite FTP. Una volta attivato il plugin, vai a Posta> Categorie. Ora dovresti essere in grado di trovare il pulsante “Imposta una miniatura“.

Facendo clic su questo pulsante verrà visualizzato il WordPress Media Manager. Qui puoi selezionare l'immagine che hai caricato in precedenza come immagine della categoria oppure puoi caricare la tua immagine, personalizzarla e infine selezionarla come miniatura dell'immagine della categoria (o del tag).

L'immagine verrà mostrata nel Categoria tabella, che consente di vedere in quale categoria è associata una categoria di immagini.

I tag dei modelli

Questo plugin viene fornito con alcuni utili tag modello per recuperare immagini simili ai tag modello Post Thumbnail. In questo modo, possiamo facilmente recuperare la miniatura del termine.

• get_term_thumbnail_id ($ term_taxonomy_id): per ottenere l'ID miniatura del termine Tassonomia.
• has_term_thumbnail ($ term_taxonomy_id): Per verificare se il termine Tassonomia ha una miniatura o meno.
• get_term_thumbnail ($ term_taxonomy_id, $ size = 'post-miniatura', $ attr = ” ): Per riattivare la miniatura del termine Tassonomia.

Come puoi vedere sopra, queste funzioni richiedono l'ID della tassonomia - la categoria, il tag o l'ID della tassonomia personalizzata - che puoi recuperare utilizzando il term_taxonomy_id funzione. Il plugin ha alcune funzioni aggiuntive, come ad esempio l'impostazione e l'eliminazione della miniatura, ma per ora sono sufficienti.

Come visualizzare le miniature

Ottieni un elenco di termini

Per prima cosa usiamo il get_terms () funzione per ottenere liste di termini della Tassonomia specificata - in questo caso otterremo i termini dalla categoria post.

  'name', 'order' => 'ASC', 'hide_empty' => true, 'exclude' => array (), 'exclude_tree' => array (), 'include' => array (), 'numero' => ", 'fields' => 'all', 'slug' =>", 'parent' => ", 'hierarchical' => true, 'child_of' => 0, 'childless' => false, 'get '=> ",' name__like '=>",' description__like '=> ",' pad_counts '=> false,' offset '=>",' search '=> ",' cache_domain '=>' core ',) ; $ terms = get_terms ($ taxonomy, $ args); ?> 

L'output è una matrice contenente le informazioni di ciascun termine compreso il term_id, nome, lumaca, term_group, term_taxonomy_id, descrizione, ecc. Ora, dobbiamo mostrare il termine nome all'interno degli elenchi utilizzando il per ciascuno loop, come segue.

 '. $ tassonomia. ':
'; eco '
'; foreach ($ termini come $ term) echo $ term-> nome;  eco '
'; ?> 

Il risultato è simile a questo:

Qui abbiamo CSS, HTML, JavaScript, jQuery e PHP. Abbiamo allegato la rispettiva immagine (logo o icona) per ognuno di questi condizioni. Ora, dobbiamo sapere come visualizzarli.

Mostra le miniature

Per mostrare la miniatura dell'immagine, estenderemo la per ciascuno loop, come dal nostro codice precedente.

Aggiungiamo il tag del modello, get_term_thumbnail (), per ottenere la miniatura e aggiungiamo anche un link alla pagina di archivio del termine.

 if (! empty ($ terms) &&! is_wp_error ($ terms)) echo '
'; foreach ($ terms as $ term) echo '
'. $ term-> nome. get_term_thumbnail ($ term-> term_taxonomy_id, $ size = 'category-thumb', $ attr ="). '
';  eco '
';  

E il risultato (dopo il CSS aggiunto) è come mostrato di seguito:

Il plugin ha opzioni per scegliere di recuperare tutti i termini o solo termini con miniature. Per fare ciò, utilizzare il parametro seguente su get_terms () funzione:

 $ tassonomia = 'categoria'; $ args = array ('with_thumbnail' => true, // true = recupera i termini che hanno la miniatura, false = recupera tutti i termini); $ terms = get_terms ($ taxonomy, $ args); 

Applica ad altra tassonomia

Come accennato, puoi applicare questo plugin non solo alle categorie ma anche ad altre Tassonomia come la tag, Categoria di collegamento, e Tassonomia personalizzata. Questo plug-in è utile per abilitare l'anteprima delle immagini su qualsiasi tassonomia, proprio come in Post e Page.