Så här lägger du till miniatyrer till WordPress Kategorier och Taggar

Ibland ser en WordPress-webbplats mycket trevligare om vi kunde visa en bild bredvid kategorier eller taggar. Till exempel kan vi lägga till en bild om CSS i “CSS” kategori eller HTML5-logotypen i “html” kategori (som visas nedan).

Tillbaka i version 2.9, tillade WordPress förmågan att lägg till en bildminnebild (senare bytt namn Utvald bild) för inlägg, sida samt anpassad posttyp. Den här bildminnefunktionen omfattar inte kategori, tagg och anpassad taxonomi, även för senare versioner (med undantag för kanske anpassad taxonomi, eventuellt i WordPress 4.4.)

Tack vare det här WordPress-tipset och plugin för taxonomiminiatyr kan vi göra det till våra postkategorier och taggar. Låt oss kolla hur detta kan göras med några rader av kod.

Komma igång

Till att börja med distribuerar du det här pluginet på din WordPress-webbplats. Du kan installera plugin antingen genom Plugins> Lägg till nytt eller via FTP. När du har aktiverat pluginet, gå till Post> Kategorier. Nu borde du kunna hitta knappen “Ange en miniatyrbild“.

Om du klickar på den här knappen visas den WordPress Media Manager. Här kan du välja den bild som du tidigare har laddat upp som kategoribilden eller du kan ladda upp din bild, anpassa den och äntligen välja den som bildminnebild för kategorin (eller taggen).

Bilden kommer att visas i Kategori bord, så att du kan se vilken kategori som har en bildkategori bifogad.

Templatstaggarna

Denna plugin kommer med några praktiska malltaggar för att hämta bilder som liknar taggmallar för postminne. På det här sättet kan vi enkelt hämta termens miniatyrbild.

get_term_thumbnail_id ($ term_taxonomy_id): för att få Taxonomy-termen thumbnail ID.
has_term_thumbnail ($ term_taxonomy_id): För att kontrollera om termen Taxonomy har miniatyrbild eller inte.
get_term_thumbnail ($ term_taxonomy_id, $ size = 'post-thumbnail', $ attr = ” ): För att återgå till Taxonomy-termen miniatyrbild.

Som du kan se ovan kräver dessa funktioner taxonomy-id - kategorin, taggen eller det egna taxonomidokumentet - som du kan hämta med hjälp av term_taxonomy_id fungera. Pluggen levereras med några fler funktioner, t.ex. att ställa in och radera miniatyrbilden, men de är tillräckliga för nu.

Så här visar du miniatyrbilder

Hämta Villkor-listan

Först använder vi get_terms () funktion för att få listor över termer av den angivna taxonomin - i det här fallet kommer vi att få villkoren från postkategorin.

  'array', 'exclude_tree' => array (), 'include' => array (), 'number' => "," fält "=>" allt "," slug "=>", "förälder" => "," hierarkiskt "=> sant," child_of '=> 0,' childless '=> false '=> ",' name__like '=>",' description__like '=> ",' pad_counts '=> false,' offset '=>", "sök" => "," cache_domain' => 'kärna' ; $ terms = get_terms ($ taxonomy, $ args); ?>

Utgången är en Array innehållande information för varje term, inklusive term_id, namn, snigel, term_group, term_taxonomy_id, beskrivning, etc. Nu måste vi visa termen namn inom listorna med hjälp av för varje slinga enligt följande.

 '. $ taxonomi. ':
'; eko "'; foreach ($ termer som $ term) echo $ term-> name;  eko
'; ?>

Resultatet ser något ut så här:

Här har vi CSS, HTML, JavaScript, jQuery och PHP. Vi har bifogat respektive bild (logotyp eller ikon) för var och en av dessa villkor. Nu behöver vi veta hur man visar dem.

Visa miniatyrer

För att visa bildminnebilden kommer vi att förlänga för varje loop, som från vår tidigare kod.

Vi lägger till malltaggen, get_term_thumbnail (), för att få miniatyren och vi lägger också till en länk till termens arkivsida.

 om (! tomt ($ termer) &&! is_wp_error ($ termer)) echo ''; foreach ($ termer som $ term) echo ' namn. get_term_thumbnail ($ term-> term_taxonomy_id, $ size = 'category-thumb', $ attr = "). '
';  eko
';

Och resultatet (efter den tillagda CSS) är som visas nedan:

Pluggen har alternativ att välja att hämta alla termer eller bara villkor med miniatyrbilder. För att göra detta, använd parametern nedan på get_terms () fungera:

 $ taxonomy = 'category'; $ args = array ('with_thumbnail' => true, // true = hämta termer som har miniatyrbild, false = hämta alla termer); $ terms = get_terms ($ taxonomy, $ args);

Applicera på annan taxonomi

Som nämnts kan du använda detta plugin till inte bara kategorier utan även andra taxonomier som Tags, Länk kategori, och Anpassad taxonomi. Det här pluginet är användbart för att aktivera bildminnebilden på någon taxonomi, precis som i post och sida.