Så här ställer du in en återkommande bild baserat på postkategori i WordPress

Nyligen frågade en av våra användare hur de kan ställa in standardbackback-postminnebild för specifika kategorier i WordPress. I vår tidigare handledning visade vi hur man ställer in en standardbackbackbild för WordPress-inläggsminnebilder. I den här artikeln kommer vi att visa dig hur du ställer in standard återställningsfunktion för specifika kategorier i WordPress.

Obs! Det här är en tutorial på mellannivå som kräver att du känner till HTML, CSS och grunderna i WordPress-temastrukturen.

Scenario:

Låt oss säga att du har en blogg där du tilldelar en enda kategori till var och en av dina inlägg (kolla in vår guide om Kategorier vs Taggar). Du kan visa en återgångsbild baserat på vilken kategori ett inlägg är tilldelat till.

Det är särskilt användbart när du ofta står inför situationen när det inte finns någon bild som är tillgänglig för ett inlägg. Din märkesbild kan inte matcha temat för inlägget, men om du använder en kategorispecifik bild så kommer den fortfarande att vara relevant.

Ställer in kategori bilder i WordPress utan ett plugin

Tidigare på WPBeginner visade vi dig att sätta kategoribilder i WordPress. För denna handledning behöver du dock konfigurera kategoribilder manuellt utan ett plugin. Kolla in vår Tema Cheat Sheet handledning och nybörjare guide till klistra in snippets i WordPress.

Det första du behöver göra är att skapa bilder för dina kategorier. Använd kategori slug som ditt bildfilnamn och spara dem alla i samma format, t.ex. jpg eller png.

Nu är problemet att ditt WordPress-tema kan använda olika bildstorlekar i olika mallar. Som till exempel kan du ha mindre inläggsminnebilder på arkivsidorna och de större bilderna på de enskilda inläggen. Vi låter WordPress hantera omformningen av bilder. För att göra det måste du ladda upp dina kategoribilder till din WordPress-webbplats från Media »Lägg till nytt. Under uppladdningen kommer WordPress att lagra dina kategoribilder och skapa storlekar som definieras av ditt tema och de under Inställningar »Media skärm.

När du har laddat upp kategoribilder måste du flytta dem till en annan katalog. Anslut till din webbplats med en FTP-klient som Filezilla och gå till / Wp-content / uploads / mapp. De kategoribilder du laddar upp sparas i mappens mapp. Exempel: / uploads / 2013/12 /

Skapa en mapp på datorns skrivbord och namnge den kategori-bilder. Ladda nu alla dina kategoribilder och alla storlekar WordPress skapade för dem till den här nya mappen på skrivbordet. När nedladdningen är klar måste du ladda upp kategoribild-mappen till din / wp-innehåll / uploads-katalogen. Genom att göra det här kan du få alla dina bildstorlekar i en separat mapp som är lätt att ringa in i ditt tema.

Visar Catagory-bilder i WordPress-mallar

Innan vi fortsätter att ställa in dessa bilder som standardbackback-bilder, kan vi titta på hur du skulle visa dem i dina teman. Du kan till exempel visa dessa bilder längst upp på dina kategorisidor.

Så här framträdde den på vår demo webbplatss kategoris arkivsida.

Visar kategoribild som standard återkommande bild

Nu ska vi visa dig hur du visar en kategoribild som standardåtergivningsfunktionen eller post thumbnail när ett inlägg inte har en egen bild.

Notera: Var vänlig säkerhetskopiera dina temafiler innan du gör några ändringar.

Inne i din slinga, där ditt tema visar den utvalda bilden eller efter miniatyren, ersätt den med den här koden:

Den här koden söker efter en miniatyrbild. Om den hittar en, visar den miniatyren för inlägget. Annars letar den efter vilken kategori ett inlägg tillhör och visar sedan bildbilden. Vi har lagt till -150 × 150 i bildfilnamnet eftersom det här är miniatyrstorleken i vårt demotema. Ditt tema kan använda en annan storlek för miniatyrer i efterhand, så du måste använda den storleken istället.

Observera att ditt tema kanske redan har linje och de kommande raderna som visas efter miniatyrbilden. Du kan hoppa över de här raderna om ditt tema redan har dem.

Det här är allt, vi hoppas att den här artikeln hjälpte dig att lägga till en bild med bakgrundsbild baserat på postkategori. För feedback och frågor, vänligen lämna en kommentar nedan.