Hvordan sette et tilbakekallingsvalgt bilde basert på postkategori i WordPress

Nylig spurte en av brukerne oss hvordan de kan angi standard tilbakebetalingstolpe for bestemte kategorier i WordPress. I vår tidligere opplæring viste vi hvordan du angir et standard nedfallsbilde for WordPress-innlegg miniatyropplæringen. I denne artikkelen vil vi vise deg hvordan du angir standard tilbakebetalt kjennetegnet bilde for bestemte kategorier i WordPress.

Merk: Dette er en mellomveiledning som krever at du kjenner HTML, CSS og grunnleggende om WordPress-temastrukturen.

scenario:

La oss si at du har en blogg der du tilordner en enkelt kategori til hvert av innleggene dine (se vår guide om Kategorier vs Tags). Du kan vise et tilbakevendingsbilde basert på hvilken kategori et innlegg er tildelt.

Det er spesielt nyttig når du ofte står overfor situasjonen når det ikke er noe utvalgt bilde tilgjengelig for et innlegg. Ditt merkevarebilde stemmer kanskje ikke overens med temaet for innlegget, men hvis du bruker et kategoriespesifikt bilde, vil det fortsatt se relevant.

Angir kategori bilder i WordPress uten et plugin

Tidligere på WPBeginner viste vi deg å sette kategoribilder i WordPress. Men for denne opplæringen må du sette opp kategoribilder manuelt uten et plugin. Sjekk ut vår Tema Cheat Sheet opplæringsveiledning og nybegynner guide til å lime inn utklipp i WordPress.

Det første du må gjøre er å lage bilder for kategoriene dine. Bruk kategorien slug som bildefilnavn og lagre dem alle i samme format, f.eks. jpg eller png.

Nå er problemet at WordPress-temaet kan bruke forskjellige bildestørrelser i forskjellige maler. Som for eksempel kan du ha mindre innlegg miniatyrbilder på arkivsidene og større utvalgte bilder på de enkelte innleggene. Vi vil la WordPress takle omstørrelsen av bildene. For å gjøre det må du laste opp kategoribildene dine til WordPress-siden din fra Media »Legg til nytt. Under opplastingen lagrer WordPress dine kategoribilder, og lager størrelser definert av temaet ditt og de under Innstillinger »Media skjerm.

Etter at du har lastet opp kategoribilder, må du flytte dem til en annen katalog. Koble til nettstedet ditt ved hjelp av en FTP-klient som Filezilla og gå til / Wp-content / uploads / mappe. Kategorien bildene du lastet opp, lagres i mappemappen. Eksempel: / opplasting / 2013/12 /

Opprett en mappe på datamaskinens skrivebord og kaller det kategoribilder. Last ned alle kategoribildene dine og alle størrelsene som WordPress har laget for dem til denne nye mappen på skrivebordet. Når nedlastingen er ferdig, må du laste opp kategoribildemappen til din / wp-innhold / opplastings katalog. Å gjøre dette vil tillate deg å ha alle bildestørrelsene i en egen mappe som er lett å ringe inn i temaet ditt.

Viser Catagory Bilder i WordPress Templates

Før vi fortsetter å sette disse bildene som standard nedlastingsbilder, kan vi se på hvordan du vil vise dem i temaene dine. For eksempel kan du vise disse bildene øverst på kategorisidene dine.

Slik viste det seg på vår demo nettsteds kategori arkivside.

Viser kategoribilde som standard fallback-utvalgt bilde

Nå skal vi vise deg hvordan du skal vise et kategoribilde som standard tilbakebetjent bilde eller post thumbnail når et innlegg ikke har sitt eget kjennetegn.

Merk: Ta sikkerhetskopi av temafilene dine før du foretar endringer.

Inne i sløyfen din, hvor temaet ditt viser det uthevede bildet eller innlegg miniatyrbildet, erstatt det med denne koden:

Denne koden ser etter et innleggsminiatyr. Hvis den finner en, viser den miniatyrbildet etter innlegget. Ellers ser det ut til kategorien en post tilhører, og viser deretter kategoribildet. Vi har lagt til -150 × 150 i bildefilnavnet fordi dette er poststørrelsen i vårt demo-tema. Temaet ditt kan bruke en annen størrelse for miniatyrer etter innlegg, så du må bruke den størrelsen i stedet.

Vær oppmerksom på at temaet ditt kanskje allerede har linje og de neste linjene som viser innleggsminiatyr. Du kan hoppe over disse linjene hvis temaet ditt allerede har dem.

Det er alt, vi håper denne artikkelen hjalp deg med å legge til fallback-utvalgt bilde basert på postkategori. For tilbakemelding og spørsmål, vennligst legg igjen en kommentar nedenfor.