Content wijzen op basis van slug of custom taxonomy

Voor mijn “werken in Suriname” site, was ik vandaag bezig de tekst voor bepaalde pagina’s te optimaliseren. Zo wilde ik dat voor elke pagina waarop de locatie staat, er een andere tekst wordt vertoond, dan voor pagina’s waarop vb. het budget staat vermeld.

De site maakt gebruik van custom taxonomy, een van de beste features die WordPress te bieden heeft. Op dit moment zijn er 3 custom taxonomies op de site, te weten: locatie, budget en termijn.

Dus de pagina waarop vb alle vacatures staan per locatie, wou ik een andere tekst vertonen dan de pagina, waarop je de vacatures kunt sorteren per budget of salaris.

Dit heb ik opgelost met de onderstaande code:

		<?php if (is_tax('locatie')) {
                // archief omschrijving voor locatie ?>
                <div id="archiefLocatie">
                Hier komt tekst.
                </div>
 
            <?php } else if (is_tax('budget')) {
                // archief omschrijving voor budget ?>
            <!-- hier kan iets komen eigenlijk -->
 
            <?php } else if (is_tax('termijn')) {
                // archief omschrijving voor termijn ?>
             <!-- hier kan iets komen eigenlijk -->
 
            <?php } else { ?>
            <!-- hier kan iets komen eigenlijk -->
 
            <?php } ?>

Eenvoudige truc om je eigen traffic te excluden

Een simpele manier om je eigen traffic te excluden van je Google Analytics rapportages of van je GetClicky rapportages, is niet door een of ander ingewikkeld filter aan te maken in Google Analytics of zo. Nee, gewoon simpel je tracking code plaatsen in een tag, waarbij het onzichtbaar wordt als je bent ingelogd als admin. Natuurlijk gaan we ervan uit dat je constant bent ingelogd als admin op je website.

Hierdoor worden admins dan niet opgenomen als bezoeker of bezoeken. Als je vaker nieuwe content plaatst op je website, ben je sowieso constant ingelogd als admin, hierdoor kunnen jou eigen bezoeken, de totale bezoeken van je website wel beïnvloeden… en dat willen we niet, right?

Gebruik de onderstaande code voor je eigen website en plaatst dit in de footer of in de header, afhangend van wat voor analytics jij gebruikt.

            <?php if (current_user_can('administrator')){ ?>
            <!--hier hoef je niets te plaatsen -->
            <?php } else { ?>
            <!-- hier kan jij je analytics code plaatsen-->
            <?php }?>

Windows media player in html5

Een vriend vroeg mij vanavond of een online radio dienst bij mij afspeelde. Toen ik die website bekeek, zag ik dat de player zodanig was gebouwd dat je een Windows media player plugin nodig had in je browser om het op je machine af te spelen. En aangezien die vriend van mij niet op een Windows machine zat… werkte de player niet.

Ik vroeg me gelijk af waarom dat ding niet was geschreven in html5. Maar natuurlijk kon het ook komen doordat de website eeuwen terug was gemaakt.

Ben toen gaan kijken in de broncode van de website, en dit is dus de standaard code voor een Windows media player vanuit een webpagina:

      <OBJECT id=mediaPlayer 
      standby="Loading Microsoft Windows Media Player components..." 
      codeBase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,0,02,0902" 
      classid=CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95 width=484 height=207 
      type=application/x-oleobject><PARAM NAME="fileName" VALUE="http://38.96.175.21:5600"><PARAM NAME="animationatStart" VALUE="1"><PARAM NAME="transparentatStart" VALUE="1"><PARAM NAME="autoStart" VALUE="1"><PARAM NAME="ShowControls" VALUE="1"><PARAM NAME="ShowDisplay" VALUE="1"><PARAM NAME="ShowStatusBar" VALUE="1"><PARAM NAME="loop" VALUE="0">
 
 
      <embed     type="application/x-mplayer2"    
      pluginspage="http://microsoft.com/windows/mediaplayer/en/download/"    
      id="mediaPlayer"    displaysize="4"    autosize="0"    bgcolor="yellow"    
      showcontrols="1"    showtracker="1"    showdisplay="1"    
      showstatusbar="1"    videoborder3d="0"    width="484"    height="207"    
      src="http://38.96.175.21:5600"    autostart="0"    
      designtimesp="5311"    loop="0"> </embed>              
  </OBJECT></SPAN>

Ik pakte daaruit het adres:

http://38.96.175.21:5600

En zette dit tussen audio tags op een pagina, maar toch speelde het niet.

Ben toen gaan lezen en ontdekte dat html5 geen mp3 formaat ondersteunt. Het ondersteunt wel andere formaten w.o. .ogg.

Je kunt dus doen alsof het een .ogg bestand is, en dan speelt ie wel.

Uiteindelijk heb ik dus dit gepakt:

http://38.96.175.21:5600/sccn.ogg

De uiteindelijke code werd dus:

<!DOCTYPE html>
<html>
  <head>
 
  </head>
  <body>
     <audio controls="controls" autoplay="autoplay" src="http://38.96.175.21:5600//sccn.ogg"></audio>
  </body>
</html>​

En toen speelde het wel :D

Bekijk de player in action:

http://www.navinpoeran.com/sccn.html

Aangepaste error 503 pagina voor WordPress

Onlangs kwam op het Google webmaster central blog, een artikel over hoe je moet omgaan met gepland onderhoud aan je website.

Boodschap was dus, gebruik een 503 pagina als melding i.p.v. een 404 of een 200 (OK), ook staat er dat misbruik van een 503 melding als resultaat kan hebben dat de website toch uit de index van Google wordt gehaald.

Gelukkig voor ons, WordPress lovers, is zo een pagina bouwen met eigen layout in WordPress, gewoon koek en ei. (dit heb ik zelf ook toegepast op mijn werken in suriname website)

Volg de stappen voor het bouwen van een eigen unieke 503 error pagina:

  1. Creëer een pagina en noem het db-error.php
  2. Kopieer en plak daarin:
    <?php // custom WordPress database error page tutorial @ digwp.com
     
    	header('HTTP/1.1 503 Service Temporarily Unavailable');
    	header('Status: 503 Service Temporarily Unavailable');
    	header('Retry-After: 3600'); // 1 hour = 3600 seconds
    	mail("spamless@domain.tld", "Database Error", "There is a problem with teh database!", "From: Montgomery Scott");
     
    ?>
    <!DOCTYPE HTML>
    <html dir="ltr" lang="en-US">
    	<head>
    		<title>503 Service Temporarily Unavailable</title>
    		<style type="text/css">
    			h1, p {
    				font-family: Tahoma, Helvetica, sans-serif;
    				font-size: 24px;
    				color: #333;
    				}
    			p {
    				font-size: 14px;
    				}
    		</style>
    	</head>
    	<body>
    		<h1>BRB</h1>
    		<p>Er wordt momenteel wat onderhoud gepleegd.</p>
    	</body>
    </html>
  3. Opslaan en uploaden naar je wp-content map!

Dat waren al de stappen :)

Doordat de pagina gewoon puur php is, kun je zowel css als tekst, aanpassen naar eigen inzicht.

Zie ook:

Veel plezier.

Margin: 0 auto; in IE7 werkt niet

Als je vaak websites ontwikkelt, dan zal je zeker het probleem om gedeeltes in je website te centreren in IE7 zijn tegen gekomen. En ik ook dus.

De simpele oplossing die op bijna alle browsers werkt om een stuk content te centreren, werk niet op Internet Explorer 7, of de standaard quirks mode van je browser.

Als we ervan uit gaan, dat je een website hebt, met een inlog div in het midden. Je wilt dat je inlog div altijd in het midden van je scherm moet staan, ongeacht de browser of de resolutie van het scherm.

In een normale situatie kon je dit schrijven in je CSS bestand:

#container { }
#inlog { margin: 0 auto;}

En dit dus in je HTML:

<div id="container">
      <div id="inlog">
      Hier plaats je inlog content
      </div>
</div>

Het probleem is dat dit niet werkt voor IE7, hoewel je dit toch via CSS kunt oplossen.

Het HTML gedeelte kun je precies zo laten, maar voor het CSS gedeelte, schrijf dit liever:

#container { text-align: center; }
#inlog { margin-left: auto; margin-right:auto;}

Hier heb je ook een demo:
margin ie7

Een beetje old skool, maar dit heeft bij mij wel gewerkt en hopelijk bij jou ook.