Keuze afbeelding afhankelijk maken van tag of URL in WordPress

Voor de site allesovervoeten.nl kreeg ik de vraag of het logo niet afhankelijk kan zijn van de inhoud van de berichten en pagina’s. Een algemeen- of een sportlogo. Mais bien sûr…

Dit kan op twee manier, met zo min mogelijk moeite voor de webredactie: door de tag “sport” aan elke betrefende pagina of bericht toe te voegen en door in de uri naar het woord “sport” te zoeken.

Twee logo’s:

  • Podotherapie van der Kaa, het standaard logo (algemeen.jpg)
  • Sportpodotherapie van der Kaa, het logo dat bij alle artikelen, pagina’s over sport moet komen te staan (sport.jpg).

In de header.php:

<?php rrwd_get_logo_by_tag() ?>

In functions.php:

function rrwd_get_logo_by_tag() {
  global $post; 

  $sport = false;
  $logo  = "/pad_naar_logo/algemeen.jpg";
  $alt   = "Podotherapie";

  if ( get_the_tags($post->ID) ){
    foreach (get_the_tags($post->ID) as $tag) {
       $tag_name = $tag->name;
       $tag_name = strtolower($tag_name);
       if ( $tag_name  == "sport" ) $sport = true;
    }
  }

  if ( strpos($_SERVER['REQUEST_URI'],"sport") !== false ) $sport = true;

  if ( $sport ) {
      $logo = "/pad_naar_logo/sport.jpg";
      $alt = "Sportpodotherapie";
  }
   echo "<a href='/' title='voorpagina'><img src='".$logo."'  id='logo' alt='".$alt."'></a>";
}

See it in action: Allesovervoeten.nl
En ja, de logo’s zijn niet scherp, work in progress…

Bronnen

Advertisements

Author: Rian Rietveld

WordPress Engineer focussing on accessibility

2 thoughts on “Keuze afbeelding afhankelijk maken van tag of URL in WordPress”

  1. Ik heb het voor een klant op een andere manier gedaan (daar ging het om een ander logo voor elk onderdeel), met behulp van de body_class functie in WordPress heb ik via CSS de div waar het logo in moest komen steeds een andere background gegeven.

    Groetjes,
    Hiranthi

    Like

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s