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.

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.

Customizable Tag Cloud

NB Algemene WordPress Tag Cloud informatie vind je hier

In deze video handleiding zullen we laten zien hoe je met de Customizable Tag Cloud (CTC) WordPress plugin heel eenvoudig je tag wolk op maat kan maken. De standaard Tag cloud mogelijkheden van WordPress zijn vrij beperkt en aanpassing hiervan vereist aardig wat kennis van PHP, CSS en HTML. Maar met de CTC plugin is dit niet meer nodig. Deze plugin creëert een tag wolk widget die je heel makkelijk aan je widget ready thema kan toevoegen.

Wat zijn de mogelijkheden?

Met deze plugin kun de volgende zaken aanpassen in je Tag wolk:

• Font maat
• Aantal tags
• Kleinste en grootste formaat font kiezen
• Font kleur
• Tag volgorde
• Wolk formaat of lijst formaat kiezen
• Titel van widget
• Wel of niet tonen van lege categorieën

En dit kan allemaal gedaan worden door de CTC widget toe te voegen aan je sidebar of waar je hem wil hebben en de widget in te stellen zoals je dat wil!

Hier is de video:

Na upgrade naar 2.8.1 widget error

Nadat ik een site voor een client had upgegrade naar WordPress 2.81. kreeg ik de volgende error:

Notice: Undefined index: title in /var/www/vhosts/xxxxx.xxx/xxx/wp-includes/default-widgets.php on line 181

Undefined index:title in … zei mij in eerste instantie niets.

In default-widgets.php op lijn 181 vond ik dit:

$title = apply_filters('widget_title', $instance['title']);

Deze regel gaat over het aanroepen van de widget titels, maar waarom dit nu niet werkte begreep ik niet meteen.

Maar inene ging  een belletje rinkelen. Misschien dat deze versie een bug had en daardoor moeite had met widgets zonder widget titel? Ik ging naar de desbetreffende widget toe die niet werd getoond en gaf hem een titel. En ja hoor, de widget werd weer goed weergegeven.

Alleen wilde ik deze widget niet met titel hebben. Ik dacht laat ik de titel nogmaals verwijderen. Wie weet is WordPress zo weer gereset en werken de zaken weer. En wel ja hoor! Alles in orde.

Hoe maak je een link van de WordPress widget kop tekst?

Laatst wilde een klant een aanklikbare link hebben als kop van vier tekst widget op haar WordPress website waarvoor wij de template ontwikkelden.  Normaal gesproken zijn WordPress tekst widgets vrij beperkt. Je kunt een titel kiezen en tekst in het tekst blok plaatsen.

Je kunt wel html aan de tekst toevoegen, maar niet aan de titel. En dat is juist wat wij nodig hebben om de titel om te toveren in een link!

Header wikkelen in een link via functions.php

Om met PHP dit op te lossen kan aardig wat werk zijn en dat is helemaal niet nodig. Er is een eenvoudige oplossing om voor een specifieke tekst widget een kop te maken die verwijst naar een andere pagina of bericht. Dit doe je door in het WordPress functions.php bestand in je WordPress thema een paar wijzigingen door te voeren. Als je er nog geen hebt maak dan een bestand aan met de naam functions.php. Meer informatie over de WordPress functions.php vind je hier (in het Engels). Alle widget ready thema’s hebben echter zo’n bestand en in dat geval hoef je alleen het bestand te wijzigen.

Voorbeeld tekst widget met kop die linkt

Hier een voorbeeld van een widget die zo is aanpast dat de header of kop een link wordt:

register_sidebar(array('name' => 'box boven links',
 'before_widget' => '<li id="%1$s">',
 'after_widget' => '</li>',
 'before_title' => '<h2><a href="./link">',
 'after_title' => '</a></h2>',));

Hier zie je ik in de <h2> een link heb aangebracht die verwijst naar een bepaalde locatie. Dit is een relatieve link. Dus als je het thema naar een andere locatie zet – lees andere host – zal de link nog steeds werken.

De oplossing?

Om te zeggen dat dit de oplossing is willen we niet zeggen. Maar dit is wel de eenvoudigste oplossing zonder veel programmeerwerk. Hopelijk komt WordPress in toekomst met tekst widgets naar voren waarvan de titel en body meer gemanipuleerd kunnen worden. Maar tot die tijd is dit een goede oplossing.