Miniaturen toevoegen aan WordPress Categorieën en tags

Soms ziet een WordPress-site er veel leuker uit als we een afbeelding naast categorieën of tags kunnen weergeven. We kunnen bijvoorbeeld een afbeelding over CSS toevoegen in de “CSS” categorie of het HTML5-logo in de “HTML” categorie (zoals hieronder getoond).

Terug in versie 2.9, heeft WordPress de mogelijkheid toegevoegd om voeg een miniatuurafbeelding toe (later hernoemd Uitgelichte afbeelding) voor post, pagina en aangepast berichttype. Deze Image Thumbnail-functie dekt geen Category, Tag en Custom Taxonomy, zelfs niet voor latere versies (met uitzondering van misschien aangepaste taxonomie, mogelijk in WordPress 4.4.)

Dankzij deze WordPress-tip en de Taxonomy Thumbnail-plug-in kunnen we dit doen in onze postcategorieën en tags. Laten we eens kijken hoe dit kan worden gedaan met een paar regels code.

Ermee beginnen

Om te beginnen, implementeer deze plug-in in uw WordPress-site. U kunt de plug-in installeren via Plug-ins> Voeg nieuw toe of via FTP. Zodra u de plug-in hebt geactiveerd, gaat u naar Plaatsen> Categorieën. Nu zou je de knop moeten kunnen vinden “Stel een miniatuur in“.

Als u op deze knop klikt, wordt de WordPress Media Manager. Hier kun je de afbeelding selecteren die je eerder hebt geüpload als de categorie afbeelding of je kunt je afbeelding uploaden, aanpassen en uiteindelijk selecteren als de miniatuur van de categorie (of de tag).

De afbeelding wordt weergegeven in de Categorie tabel, zodat u kunt zien in welke categorie een beeldcategorie is bijgevoegd.

De sjabloontags

Deze plug-in wordt geleverd met enkele handige sjabloontags om afbeeldingen op te halen die lijken op de sjablonen voor Post-miniaturen. Op deze manier kunnen we eenvoudig de thumbnail van de term ophalen.

• get_term_thumbnail_id ($ term_taxonomy_id): om de Taxonomie-term thumbnail-ID te krijgen.
• has_term_thumbnail ($ term_taxonomy_id): Om te controleren of de term Taxonomie een miniatuur heeft of niet.
• get_term_thumbnail ($ term_taxonomy_id, $ size = 'post-thumbnail', $ attr = ” ): Om de miniatuur van de term Termonomie op te halen.

Zoals u hierboven kunt zien, vereisen deze functies de taxonomie-ID - de categorie, de tag of de aangepaste taxonomie-ID - die u kunt ophalen met behulp van de term_taxonomy_id functie. De plug-in wordt geleverd met een paar meer functies, zoals het instellen en verwijderen van de miniatuur, maar deze zijn voldoende voor nu.

Hoe miniaturen weer te geven

Lijst met termen ophalen

Eerst gebruiken we de get_terms () functie om lijsten met termen van de opgegeven taxonomie te krijgen - in dit geval zullen we de termen uit de postcategorie halen.

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

De uitvoer is een array met informatie van elke term, inclusief de term_id, naam, naaktslak, term_group, term_taxonomy_id, Omschrijving, etc. Nu moeten we de term's weergeven naam in de lijsten met behulp van de foreach loop, als volgt.

 '. $ taxonomie. ':
'; echo '
'; foreach ($ terms as $ term) echo $ term-> name;  echo '
'; ?> 

Het resultaat ziet er ongeveer zo uit:

Hier hebben we CSS, HTML, JavaScript, jQuery en PHP. We hebben de respectieve afbeelding (logo of pictogram) voor elk van deze bevestigd termen. Nu moeten we weten hoe we ze moeten weergeven.

Geef de miniaturen weer

Om de miniatuur van de afbeelding te tonen, breiden we de foreach loop, zoals uit onze vorige code.

We voegen de sjabloon-tag toe, get_term_thumbnail (), om de thumbnail te krijgen en we voegen ook een link toe aan de archiefpagina van de term.

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

En het resultaat (na de toegevoegde CSS) is zoals hieronder getoond:

De plug-in heeft opties om te kiezen om alle termen op te halen of alleen termen met miniaturen. Gebruik hiervoor de onderstaande parameter op de get_terms () functie:

 $ taxonomy = 'categorie'; $ args = array ('with_thumbnail' => true, // true = haal termen op met thumbnail, false = haal alle termen op); $ terms = get_terms ($ taxonomy, $ args); 

Toepassen op andere taxonomie

Zoals vermeld, kunt u deze plug-in toepassen op niet alleen categorieën, maar ook op andere taxonomieën zoals de Tags, Link Categorie, en Aangepaste taxonomie. Deze plug-in is handig om Beeldminiatuur op elke taxonomie in te schakelen, net zoals in Post en Pagina.