Slik legger du til miniatyrbilder til WordPress Kategorier og Tags

Noen ganger ser et WordPress-nettsted mye bedre ut hvis vi kunne vise et bilde ved siden av kategorier eller koder. For eksempel kan vi legge til et bilde om CSS i “CSS” kategori eller HTML5-logoen i “HTML” kategori (som vist nedenfor).

Tilbake i versjon 2.9, lagt WordPress muligheten til å legg til et bilde miniatyrbilde (senere omdøpt Utvalgte bilder) for innlegg, side og tilpasset posttype. Denne bildeminnebilden omfatter ikke kategori, tag og tilpasset taksonomi, selv for senere versjoner (med unntak av kanskje tilpasset taksonomi, muligens i WordPress 4.4.)

Takket være dette WordPress-tipset og Taskonomi Thumbnail-plugin kan vi gjøre dette til våre innleggskategorier og -koder. La oss sjekke ut hvordan dette kan gjøres med noen få linjer med kode.

Starter

Til å begynne med, distribuér dette pluginet på ditt WordPress-nettsted. Du kan installere plugin enten gjennom Plugins> Legg til nytt eller gjennom FTP. Når du har aktivert pluginet, går du til Post> Kategorier. Nå bør du kunne finne knappen “Sett en miniatyrbilde“.

Ved å klikke på denne knappen vises WordPress Media Manager. Her kan du velge bildet du tidligere har lastet opp som kategoribildet, eller du kan laste opp bildet ditt, tilpasse det, og til slutt velge det som miniatyrbildet for bildet (eller taggen).

Bildet vil bli vist i Kategori bord, slik at du kan se hvilken kategori som er knyttet til en bildekategori.

Mallemerkene

Denne plugin-modulen kommer med noen hendige maltekoder for å hente bilder som ligner på posttema-maletikettene. På denne måten kan vi hente termens miniatyrbilde enkelt.

• get_term_thumbnail_id ($ term_taxonomy_id): for å få takstmoment ID for Taxonomy-termen.
• has_term_thumbnail ($ term_taxonomy_id): For å sjekke om Taxonomy-begrepet har miniatyrbilde eller ikke.
• get_term_thumbnail ($ term_taxonomy_id, $ size = 'post-miniatyrbilde', $ attr = ” ): For å gå tilbake til Taxonomy-siktet miniatyrbilde.

Som du kan se over, krever disse funksjonene taksonomi-ID - kategorien, taggen eller den egendefinerte taksonomi-IDen - som du kan hente ved hjelp av term_taxonomy_id funksjon. Pluggen kommer med noen flere funksjoner, for eksempel å sette og slette miniatyrbildet, men disse er tilstrekkelig for nå.

Slik viser du miniatyrbilder

Få vilkårsliste

Først bruker vi get_terms () funksjon for å få lister over vilkårene for den angitte taksonomien - i dette tilfellet vil vi få betingelsene fra postkategorien.

  'navn', 'rekkefølge' => 'ASC', 'hide_empty' => sant, 'ekskluder' => array (), 'exclude_tree' => array (), 'include' => => ", 'felt' => 'alle', 'slug' =>", 'overordnet' => ", 'hierarkisk' => sant, 'child_of' => 0, 'childless' => false '=> ",' name__like '=>",' description__like '=> ",' pad_counts '=> false,' offset '=>",' søk '=> ",' cache_domain '=>' kjerne ' ; $ terms = get_terms ($ taksonomi, $ args); ?> 

Utgangen er en Array som inneholder informasjon om hvert begrep, inkludert term_id, Navn, slug, term_group, term_taxonomy_id, beskrivelse, etc. Nå må vi vise uttrykket Navn innenfor lister ved bruk av for hver loop, som følger.

 '. $ taksonomi. ':
'; ekko '
'; foreach ($ termer som $ term) echo $ term-> navn;  ekko '
'; ?> 

Resultatet ser noe ut som dette:

Her har vi CSS, HTML, JavaScript, jQuery og PHP. Vi har vedlagt det respektive bildet (logo eller ikon) for hver av disse vilkår. Nå må vi vite hvordan de skal vises.

Vis miniatyrer

For å vise bildet miniatyrbildet, vil vi utvide for hver loop, som fra vår tidligere kode.

Vi legger til mal-taggen, get_term_thumbnail (), for å få miniatyrbildet, og vi legger også til en lenke til termens arkivside.

 hvis (! tomt ($ vilkår) &&! er_wp_error ($ termer)) echo '
'; foreach ($ termer som $ term) echo '
';  ekko '
';  

Og resultatet (etter det ekstra CSS) er som vist nedenfor:

Pluggen har muligheter til å velge å hente alle vilkår eller bare vilkår med miniatyrbilder. For å gjøre dette, bruk parameteren nedenfor på get_terms () funksjon:

 $ taksonomi = 'kategori'; $ args = array ('with_thumbnail' => true, // true = hent vilkår som har miniatyrbilde, false = hent alle vilkårene); $ terms = get_terms ($ taksonomi, $ args); 

Gjelder for annen taksonomi

Som nevnt, kan du bruke dette pluginet til ikke bare kategorier, men også andre Taksonomi som Tags, Link kategori, og Tilpasset taksonomi. Dette pluginet er nyttig for å aktivere Image Thumbnail på en hvilken som helst Taxonomy akkurat som i Post og Side.