Quantcast
Channel: Doede.net Webdesign » widgets
Viewing all articles
Browse latest Browse all 4

Tag cloud op je WordPress site

$
0
0

Standaard WordPress tag wolk

Iedere WordPress website heeft de mogelijkheid om door middel van een widget je tags als wolk in je sidebar of elders op je website weer te geven. Tags zijn labels die je aan je berichten en pagina’s kan toevoegen. Ze zijn zeer handig voor bezoekers bij het zoeken en zijn goed voor de zoekmachine optimalisatie  of SEO van je website.  Doede.net gebruikt ook een tag wolk op haar blog en hierop is goed te zien welke tags veel voor komen en welke minder vaak voorkomen. Door op een tag te klikken kan er bekeken worden welke berichten er onder de desbetreffende tag vallen.

Tag Cloud Widget

De widget zit kant en klaar bij ieder WordPress installatie inbegrepen. Je vindt hem onder dashboard > weergave >widgets.

Wordpress Widgets

De Tag Cloud widget sleep je naar de sidebar of ander widgetized blok toe. Na het slepen niet vergeten de nieuwe samenstelling op te slaan.

Handmatig Tag Wolk toevoegen

De tag wolk kan ook handmatig aan een pagina c.q. template worden toegevoegd. Dit kan met deze code of een variatie ervan:

<br /><br />
<pre><?php wp_tag_cloud('smallest=8&largest=22&number=30&orderby=count'); ?><br /><br />

Deze lijn php code geeft een tag cloud weer met een beperkt aantal labels of tags en is geordend bij aantal in plaats van bij naam. Verder heeft de kleinste tag een formaat van 8 points en de de populairste en dus grootste tag een formaat van 22 points. Deze variabelen kun je aanpassen.  De default array met all opties is:

<br /><br />
<br /><br />
<?php $args = array(<br /><br />
 'smallest' => 8,<br /><br />
 'largest' => 22,<br /><br />
 'unit' => 'pt',<br /><br />
 'number' => 45,<br /><br />
 'format' => 'flat',<br /><br />
 'orderby' => 'name',<br /><br />
 'order' => 'ASC',<br /><br />
 'exclude' => ,<br /><br />
 'include' => ,<br /><br />
 'link' => 'view',<br /><br />
 'taxonomy' => 'post_tag',<br /><br />
 'echo' => true ); ?><br /><br />
<br /><br />

Twaalf opties in totaal dus: formaat kleinste tag, formaat grootste tag, eenheid, aantal tags, formaat, in volgorde van, volgorde, exclusief, inclusief, link, taxonomy en weergave.

Als je de tag wolk onder  een populaire tag titel wil hebben gebruik je deze code bijvoorbeeld:

<br /><br />
<br /><br />
<?php if ( function_exists('wp_tag_cloud') ) : ?><br /><br />
<pre><li><br /><br />
<h2>Popular Tags</h2><br /><br />
<ul><br /><br />
<?php wp_tag_cloud('smallest=8&largest=22'); ?><br /><br />
</ul><br /><br />
</li><br /><br />
<?php endif; ?><br /><br />

Als er geen tags zijn wordt dit stuk code niet weergegeven. De kleinste tag heeft font grootte 8 en de populairste tag heeft font grootte 22.

Stijlen Tag Cloud

Naast de de aanpasingen die je kunt doen door het aanpassen van de tag_cloud code zijn er nog andere aanpassingen die je kunt doen om je WordPress Tag wolk te stijlen. Hier is een stukje css waarmee je een tag cloud kunt stijlen mits je de WordPress standaard tag cloud widget gebruikt:

<br /><br />
#tag_cloud a:link {<br /><br />
font-family: georgia;<br /><br />
color: red;<br /><br />
}<br /><br />
<br /><br />
#tag_cloud a:hover {<br /><br />
font-family: georgia;<br /><br />
color: green;<br /><br />
}<br /><br />
<br /><br />
#tag_cloud a:visited {<br /><br />
font-family: georgia;<br /><br />
color: blue;<br /><br />
}<br /><br />

Zo geven we de wolk font familie Georgia, kleur rood, kleur groen bij hover of mouse over en kleur blauw voor de bezochte link.


Viewing all articles
Browse latest Browse all 4

Latest Images

Trending Articles





Latest Images