WPLounge
Home » Developers » Verschillende logo’s op pagina’s met Conditional Tags

Verschillende logo’s op pagina’s met Conditional Tags

Met Conditional Tags kun je bepaalde elementen in je thema zich laten aanpassen aan een “situatie”. Stel dat je een online magazine hebt en je logo een klein beetje wilt veranderen per categorie, dan zijn Conditional Tags de oplossing.

Affiliate disclaimer:
In onze artikelen en op onze pagina's staan affiliate links. Wanneer je via één van deze links een aankoop doet, ontvangen wij een (meestal kleine) commissie van de verkoper. Wij geven altijd onze eerlijke mening over producten. Klik hier voor meer informatie.

Ander logo weergeven op een specifieke pagina

In dit voorbeeld willen we de “Beginners”-pagina van WordPress Lounge een speciaal logo geven. Normaal gesproken is het logo bovenin je thema een “statisch” element; een onderdeel dat op iedere pagina hetzelfde is.

Het logo dat wij willen gebruiken voor ons Beginners-onderdeel ziet er als volgt uit.

TIP VAN WPLOUNGE
Divi theme & Divi Builder
Bij Elegant Themes ontvang je meer dan
85 premium WordPress themes (waaronder Divi!) voor maar 89 dollar!
Bekijk de themes »»
Lees meer over Divi.
Dit logo willen we tonen als bezoekers zich in ons "Beginners"-onderdeel bevinden.
Dit logo willen we tonen als bezoekers zich in ons “Beginners”-onderdeel bevinden.

Om te zorgen dat de Beginners-pagina dit logo toont gaan we Conditional Tags gebruiken.

Ons logo wordt nu nog als volgt opgeroepen, omdat het op iedere pagina hetzelfde is:

Wij willen dit behouden, maar veranderen wanneer iemand zich op onze Beginners-pagina bevindt. Dit doen we met de volgende code:

Uitleg bij de code:

  • De eerste regel bepaalt of de bezoeker zich op de “Beginners”-pagina bevindt (het id-nummer van die pagina is “224“).
  • De tweede regel vertelt wat er getoond moet worden als de bezoeker zich daar bevindt.
  • Daarna wordt er een “else”-statement gebruikt om te vertellen wat er in alle andere scenario’s moet gebeuren, namelijk;
  • Op de vierde regel laten we het “normale” logo zien, voor alle pagina’s die niet onze “Beginners”-pagina zijn.

Onderliggende pagina’s

Het is gelukt, op de Beginners-pagina wordt dankzij bovenstaande code een speciaal logo getoond. Helaas gebeurt dit niet op subpagina’s van het “Beginners”-0nderdeel. We willen natuurlijk dat het speciale Beginners-logo daar óók getoond wordt, want die pagina’s horen ook bij ons gedeelte voor beginners.

Dit kan door het volgende stukje code toe te voegen:

Daardoor gaat het gehele stuk code (van het eerdere voorbeeld) er als volgt uit zien:

Nu laat WordPress het speciale Beginners-logo ook zien op subpagina’s van “beginners”, zoals te zien in onderstaande afbeelding.

wpbeginners-speciaal-logo-conditional

Wouter Postma

Oprichter WPLounge. Blogt ook in het Engels op WPLounge.org.

Gratis op de hoogte blijven?

Meld je gratis aan voor onze nieuwsbrief om op de hoogte
te blijven over ontwikkelingen in WordPress!

Reageer

Advertenties

Blijf op de hoogte!

Het is Cyber Monday! Elegant Themes & Divi: nu met 25% korting op alle Divi abonnementen! Ga naar Elegant

Scroll Up
Open chat
Skip to content