Een fallback-hoofdafbeelding instellen op basis van postcategorie in WordPress

Onlangs heeft een van onze gebruikers ons gevraagd hoe ze standaard fallback-postminiatuur kunnen instellen voor specifieke categorieën in WordPress. In onze vorige zelfstudie hebben we laten zien hoe u een standaard fallback-afbeelding voor de zelfstudie van WordPress-miniaturen kunt instellen. In dit artikel laten we u zien hoe u een standaard fallback-afbeelding kunt instellen voor specifieke categorieën in WordPress.

Opmerking: dit is een tutorial op middelbaar niveau waarvoor u HTML, CSS en de basisprincipes van de WordPress-themastructuur moet kennen.

Scenario:

Laten we zeggen dat je een blog hebt waarin je een enkele categorie toewijst aan elk bericht (bekijk onze gids over Categorieën versus Tags). U kunt een terugvalafbeelding weergeven op basis van de categorie waaraan een bericht is toegewezen.

Het is met name handig wanneer je vaak geconfronteerd wordt met situaties waarin geen afbeelding beschikbaar is voor een bericht. Uw merkimago komt mogelijk niet overeen met het thema van de post, maar als u een categoriespecifieke afbeelding gebruikt, ziet deze er nog steeds relevant uit.

Het instellen van Category Images in WordPress zonder een plugin

Eerder op WPBeginner lieten we u zien om categorie afbeeldingen in WordPress in te stellen. Voor deze zelfstudie moet u echter categorie-afbeeldingen handmatig instellen zonder een plug-in. Bekijk onze themabijbel-handleiding en de beginnershandleiding voor het plakken van fragmenten in WordPress.

Het eerste wat u hoeft te doen, is het maken van afbeeldingen voor uw categorieën. Gebruik category slug als de naam van uw beeldbestand en sla ze allemaal op in dezelfde indeling, bijvoorbeeld jpg of png.

Nu is het probleem dat uw WordPress-thema mogelijk verschillende afbeeldingsformaten gebruikt in verschillende sjablonen. Zo kun je bijvoorbeeld kleinere berichtminiaturen op de archiefpagina's en grotere afbeeldingen op de afzonderlijke berichten plaatsen. We laten WordPress de re-dimensionering van afbeeldingen afhandelen. Om dat te doen, moet u uw categorie-afbeeldingen uploaden naar uw WordPress-site van Media »Nieuw toevoegen. Tijdens het uploaden slaat WordPress uw categorie-afbeeldingen op en maakt u formaten die zijn gedefinieerd door uw thema en die van u Instellingen »Media scherm.

Na het uploaden van categorie-afbeeldingen, moet u ze verplaatsen naar een andere map. Maak verbinding met uw website met behulp van een FTP-client zoals Filezilla en ga naar / Wp-content / uploads / map. De categorieafbeeldingen die u hebt geüpload, worden opgeslagen in de maandmap. Voorbeeld: / Uploads / 2013/12 /

Maak een map op het bureaublad van je computer en noem die categorie-afbeeldingen. Download nu al uw categorie-afbeeldingen en alle formaten die WordPress voor hen heeft gemaakt naar deze nieuwe map op uw bureaublad. Zodra de download is voltooid, moet u de map met de categorie afbeeldingen uploaden naar de map / wp-content / uploads. Als u dit doet, kunt u alle beeldafmetingen van uw categorie in een afzonderlijke map plaatsen die u eenvoudig kunt gebruiken voor uw thema.

Catagorie-afbeeldingen weergeven in WordPress-sjablonen

Voordat we verdergaan om deze afbeeldingen in te stellen als standaard fallback-afbeeldingen, laten we eens kijken hoe u ze zou weergeven in uw thema's. U kunt deze afbeeldingen bijvoorbeeld boven aan uw categoriepagina's weergeven.

Dit is hoe het verscheen op de categoriearchiefpagina van onze demosite.

Categorie-afbeelding weergeven als standaard Terugval-hoofdafbeelding

Nu laten we je zien hoe je een categorie-afbeelding kunt weergeven als de standaard fallback-afbeelding of miniatuurafbeelding wanneer een bericht geen eigen afbeelding heeft.

Notitie: Maak een back-up van uw themabestanden voordat u wijzigingen aanbrengt.

Binnen in je lus, waar je thema de afgebeelde afbeelding of postminiatuur toont, vervang je deze door deze code:

Deze code zoekt naar een postminiatuur. Als er een wordt gevonden, wordt de miniatuur van het bericht weergegeven. Anders wordt gezocht naar de categorie waartoe een bericht behoort en wordt vervolgens de afbeelding van de categorie weergegeven. We hebben -150 × 150 toegevoegd aan de naam van het afbeeldingsbestand, omdat dit het formaat van de postminiatuur is in ons demothema. Je thema gebruikt mogelijk een ander formaat voor postminiatuurfoto's, dus je moet dat formaat in plaats daarvan gebruiken.

Houd er rekening mee dat uw thema mogelijk al is regel en de volgende regels die de miniatuur van het bericht weergeven. Je kunt deze regels overslaan als je thema ze al heeft.

Dat is alles, we hopen dat dit artikel u heeft geholpen om fallback featured image toe te voegen op basis van postcategorie. Laat voor feedback en vragen hieronder een reactie achter.