Mooi zoek web-adres in WordPress
Ondanks dat WordPress erg goed is in het maken van zoekmachine vriendelijke (SEO) adressen, ook wel URL’s genoemd, is het bij het gebruik van een zoekbox in je template niet een vanzelfsprekendheid. Om toch te zorgen dat je adresbalk gevuld wordt met een mooi zoek web-adres in WordPress, bespreek ik hieronder een mogelijkheid om toch een fatsoenlijke zoekfunctie te gebruiken.
Eerst moeten we daarvoor een zoek formulier maken. Dat gaat heel makkelijk, door een kladblok te openen en de volgende code er in te plakken:
<form method="get" id="searchform" action="<?php bloginfo("home"); ?>"/>
<div><input type="text" size="18″ value="Uw zoektekst" name="s" id="s" />
<input type="submit" id="searchsubmit" value="Zoek" class="btn" />
</div>
</form>
en het bestand vervolgens op te slaan als ‘searchform.php’ en te uploaden naar je template map op de FTP-server. Waarschijnlijk de map met de naam van je template in de map ‘/httpdocs/wp-content/themes’. De bovenstaande code zorgt voor een invulveld en een knop met de tekst ‘Zoek’. Daarna moeten we de zoebbox gaan toevoegen aan de daadwerkelijke website. Het meest handig is het om dit in het bestand ‘header.php’ te doen. Je doet dit door het volgende stukje code toe te voegen aan het bestand:
<div id="search">
<?php include (TEMPLATEPATH . "/searchform.php"); ?>
</div>
Eventueel kan je een en ander een beetje meer styleren, door middel van wat CSS code:
#search { float: right !important;margin-left: 6px !important;margin-right: 104px;margin-top: -130px;padding: 0 2px !important;padding-bottom: 107px!important; }
#searchsubmit { padding: 5px; }
input[type="text"], textarea { width:100px; }
Nu kunnen we dus zoeken op de website, maar krijgen we een niet zo net adres in de adresbalk te zien. Namelijk iets als “http://www.snapcat.nl/?s=testen”. Om dit op te lossen bestaat er een mooie plugin gemaakt door Mark Jaquith. Deze plugin zorgt er voor dat je een heel mooi, zoekmachine vriendelijk adres krijgt voor je zoekresultaten: “http://www.snapcat.nl/search/testen”. De plugin is te downloaden via de website van Mark Jaquith op txfx.net. Credits voor de plugin zijn uiteraard voor de ontwikkelaar Mark Jaquith.
Log daarna in op de WordPress administratie console via /wp-admin/ en ga naar ‘Nieuwe plugin’, kies ‘uploaden’, kies het zip-bestand, klik op ‘Uploaden’ en Activeer de plugin. Klaar!