• links worden geopend in hetzelfde venster
• geen afbeelding mogelijk als ‘knop’

Links worden geopend in hetzelfde venster

De links naar LinkedIn en Twitter, zie hierboven, werden geopend in hetzelfde venster. Hiermee was ik dus direct de bezoekers op mijn blog “kwijt”. Nou is er genoeg voor te zeggen om links inderdaad in hetzelfde venster te openen, en ik ben hier ook voorstander van, maar ik denk niet dat de meeste bezoekers het al “snappen”.

De oplossing hiervoor was simpel: dezelfde plugin als de plugin waarmee ik externe links in reacties op mijn blog een nieuw venster laat openen: http://wordpress.org/extend/plugins/target-blank-in-posts-and-comments/

Aan deze plugin dien je helemaal onderaan, voor de “?>” de volgende regel toe te voegen:

add_filter(‘wp_nav_menu’, ‘wptb_target_blank’, 999);

En klaar is Kees! Zie het menu hierboven!

Geen afbeelding mogelijk als knop

Verder kun je alleen tekstlinks toevoegen als menuknop:

Nu kan ik zelf met met wat CSS-geknutsel een tekstlink “veranderen” in een afbeelding, maar het gros van de WordPress-gebruikers kunnen dat niet. In een menu zou toch ook een klikbare afbeelding moeten kunnen staan? Vooralsnog heb ik de oplossing nog niet. Ik heb het zelf niet nodig maar ik kan me voorstellen dat er meer vraag naar een oplossing of work-around is. Wellicht een verbeterpunt voor WordPress 3.1?

EDIT: Fijn, inhoud van m’n blogpost om zeep geholpen.

Ik zat een oplossing te bedenken voor een probleem dat er niet was. Zie de knop “Schermopties” bovenin het beheer van WordPress:

Als je daar “Link Target” aanvinkt, kun je gewoon per menuitem instellen of de link in een nieuw venster opent of niet. Bedankt, Edward!

Vooral de nieuwe “menu-functie” is een functie die veel ontwikkelaars zullen gaan gebruiken. WordPress is daarmee nog beter te gebruiken als CMS, al zullen er nog steeds dingen zijn die beter kunnen. Een afbeelding gebruiken als menuknop lijkt bijvoorbeeld nog niet te kunnen.

Verder is de “Bulk update”-functie een stuk handiger. Je kan al je plugins tegelijkertijd, met één druk op de knop updaten.

En tot slot ben ik erg blij met de “Meerdere types content” functionaliteit. Deze functionaliteit geeft je eindeloze vrijheid om WordPress te gebruiken voor sites zoals jij het zelf wilt. Hier kom ik snel op terug met een nieuwe blogppost.

De TweetBacks-plugin is ontwikkeld door Joost de Valk en maakt gebruik van de zoekfunctie in de Twitter API. Installeren is vrij eenvoudig, je moet de plugin installeren en vervolgens een kleine aanpassing maken in de comments.php van je WordPress thema. Alles wordt hier uitgelegd.

De enige nadelen zijn:

• Je tweets worden niet gevonden als je een slotje op je Twitter-account hebt. 
• Reacties worden niet realtime gevonden door je WordPress-blog dus het kan even duren voordat de tweets verschijnen op je blog.

UPDATE:
Ik heb de volgende verbeterpunten gevonden:

• Werkt niet altijd met bit.ly-links maar tinyurl-links gaan wel gewoon goed.
• Als iemand die via Twitter gereageerd heeft op je blog zijn Twitter-avatar aanpast werkt de oude avatar niet meer. Dit probleem heb je echter alleen als je avatars weergeeft op je blog.

• Best WordPress Themes: The Best WordPress Themes of 2008
  
• TopWPThemes.com
• WPThemesFree.com
• Themes-WP.com
• Dzineblog.com: 45 Excellent Free WordPress Themes
• Noupe: 15 High Quality Premium-Like Free WordPress Themes
• Smashing Magazine: 100 Excellent Free WordPress Themes
• Smashing Magazine: 83 Beautiful WordPress Themes
• Smashing Magazine: 21 Fresh, Usable and Elegant Themes
• Smashing Magazine: 10 Fresh and Clean Themes
• Designm.ag: 23 of the Best Grunge-Style WordPress Themes
• Designm.ag: 25 Artistic Themes for WordPress
• Designm.ag: WordPress Rainbow: 35 Colorful Free WordPress Themes
• Clazh.com: Top Ten Best Free WordPress Themes And Templates (Deel 1)
• Clazh.com: Top Ten Best Free WordPress Themes and Templates (Deel 2)
• Clazh.com: Top Best Beautiful WordPress Themes and Templates (Deel 3)

Sommige (lees: de mooiste) themes zul je natuurlijk vaker terug zien komen in de lijstjes omdat de lijstjes van verschillende bronnen komen…

Als je alleen inspiratie op wil doen en zelf je eigen theme wil maken, zou je hier eens kunnen kijken:

• We Love WP
• WP Candy

Succes!

Het nadeel is echter dat de meeste (gratis) WordPress thema’s dit nog niet ondersteunen. Om deze reden zal ik hier stapsgewijs uitleggen hoe je je thema moet aanpassen om hier gebruik van te kunnen maken. Afhankelijk van het thema dat je gebruikt zou het kunnen dat je zelf ook nog wat aanpassingen in de CSS van je thema moet doen. Ik ben er wel vanuit gegaan dat je iets weet van WordPress thema’s.

Stap 1: Maak een backup van je thema / template!!

Stap 2: Stel bij Settings -> Discussion in dat je van Enhanced Comments gebruik wil maken. Het aantal niveaus kun je zelf bepalen. Ik heb deze instelling zelf op 3 niveaus staan.

Header.php

Stap 3: Voeg de volgende code toe aan header.php, voordat wp_head() aangeroepen wordt:

<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>

Deze code voegt Javascript aan de pagina toe die ervoor zorgt dat de bezoeker kan reageren op een reactie zonder de pagina te verlaten (lees: zonder een nieuwe pagina te hoeven openen)

Comments.php

Stap 4: Er is een nieuwe functie om reacties weer te geven. Open comments.php en zoek het stuk code dat lijkt op het volgende:

<ul class="commentlist">
<?php foreach( $comments as $comment ) :
// hier de code die per reactie wordt weergeven
endforeach; ?>
</ul>

In WordPress 2.7 kan dit korter. Gebruik de volgende code:

<ul class="commentlist">
<?php wp_list_comments(); ?>
</ul>

Informatie over de wp_list_comments()-functie kun je hier vinden. Let ook vooral op het ‘callback-argument’. Hier kun je alsnog de opmaak van je comments handig kwijt, daar kom ik op terug in stap 10.

Stap 5: Om ervoor te zorgen dat de Javascript – die wordt gegenereerd door de code die je hebt toegevoegd in stap 3 – werkt moet het reactieformulier in een div met als id “respond” worden geplaatst:

<div id="respond"><!-- hier het formulier --></div>

Stap 6: De titel boven het reactieformulier luidt meestal “Leave a reply” of “Plaats een reactie”. Je kan nu ook een titel instellen die verschijnt als de bezoeker reageert op een reactie.

Als het goed is staat er zoiets:

<h3>Leave a reply</h3>

En dat kun je vervangen door:

<?php comment_form_title( 'Plaats een reactie', 'Reageer op %s' ); ?>

Als de bezoeker dan reageert op een reactie komt er “Reageer op [naam van degene waar je op reageert]” te staan.

Stap 7: Plaats binnen het formulier de volgende code:

<?php comment_id_fields(); ?>

Deze code maakt een ‘hidden field’ aan waarmee het ID van de reactie waar de bezoeker op reageert wordt meegestuurd.

Stap 8: Zorg dat het tekstvak waar de bezoeker de reactie in kan typen het ID “comment” heeft.

Stap 9: Als de bezoeker op “Reageer op reactie” klikt wordt de titel van het formulier aangepast (“Reageer op [naam]” in plaats van “Plaats een reactie”) en wordt het ID van de reactie waar hij/zij op reageert in een ‘hidden field’ van het formulier geplaatst. De bezoeker de mogelijkheid te geven om dit te annuleren doe je met de volgende code:

<div id="cancel-comment-reply">
<small><?php cancel_comment_reply_link() ?></small>
</div>

Mocht je het handig vinden: mijn comments.php

Functions.php

Stap 10: In stap 4 heb je de wp_list_comments()-functie toegevoegd aan comments.php. Deze functie handelt het weergeven van de reacties af. Met het callback-argument kun je de opmaak per reactie instellen.
k roep wp_list_comments() op deze manier aan:

<?php wp_list_comments(array('type'=>'comment', 'avatar_size'=>60,
'reply_text'=>'Reageer op deze reactie', 'callback' =>'mytheme_comment',
'style' => 'ul')); ?>

Type, avatar_size, reply_text en style spreken volgens mij voor zich. Het callback-argument verwijst naar een functie waarin ongeveer de code staat die ik in de stap 3 heb vervangen door de nieuwe functie. Deze functie heb ik aangemaakt in functions.php:

Zie hier mijn mytheme_comment()-functie

Het stuk code wat ik heb toegevoegd aan de oude code is:

<div class="reply"><?php comment_reply_link(array_merge( $args,
array('add_below' => 'comment', 'depth' => $depth, 'max_depth'
=> $args['max_depth']))) ?></div>

Met deze code wordt de “Reageer op reactie”-link aangemaakt, zie de WordPress Codex voor meer informatie over deze functie. Let ook op de missende <li>-tag op het einde. WordPress handelt dat verder zelf af.

Style.css

Stap 11: Eventueel aanpassen van de CSS van je thema.  Je zal zelf moeten kijken of dit voor jouw thema geldt. De code die ik heb toegevoegd is:

.comment .commentclear{
  padding-bottom: 10px;
  border-bottom: 1px solid black;
  margin-bottom: 10px;
}

.comment .children{
  margin-left: 50px;
}

Nogmaals, de links naar mijn stukjes code:

Functions.php
Comments.php

Meer informatie kun je ook vinden in het Engelstalige artikel van Otto.

Als het goed is heb je nu een werkende WordPress-weblog waarmee je bezoekers kunnen reageren op de reacties van andere bezoekers, gefeliciteerd!

Heb je vragen of opmerkingen? Ben ik iets vergeten wat je ook graag wil weten? Laat het dan even weten in de reacties hieronder. Je mag ook reageren op elkaar natuurlijk ;-)

Wat doet deze code?

De code controleert of het bestand whatwhat.css bestaat in de template-map. Als dit bestand aanwezig is zal de code dit bestand verwijderen (het bestand is leeg en wordt niet gebruikt dus dat geeft niet) en zal vervolgens een mail versturen naar cellarheat.theme@gmail.com. In deze mail staat op welke domeinnaam dit thema wordt gebruikt en in welke directory het thema geinstalleerd is.

Waarom gebruikt de maker deze code?

Evan gaf aan dat deze code veel gratis WordPress themes te vinden is en daar heeft hij gelijk in. Ik ben deze code (maar controleert dan op een andere bestandsnaam en verstuurt de mail naar een ander e-mailadres) al erg vaak tegenkomen in gratis themes. De reden dat de makers deze code gebruiken is dat ze graag willen weten hoe vaak hun thema geinstalleerd wordt. Dit aantal schijnt behoorlijk af te wijken van het aantal downloads. Dat is goed mogelijk want je zou je kunnen voorstellen dat je zo’n thema zou willen delen met vrienden via MSN of iets dergelijks.

Waarom is dit spyware?

De mening over de exacte definitie van ‘spyware’ wil wel eens verschillen, daarom zal ik mijn definitie geven:

Spyware is (een deel van) software die zonder medeweten van de gebruiker wordt geïnstalleerd en gegevens over het gedrag van de gebruiker registreert.

Ik ben tijdens het downloaden van een gratis thema nog nooit een waarschuwing tegengekomen dat er (eenmalig) een mail wordt verstuurd als het thema wordt geinstalleerd. Het installeren is het verslepen van de map van je computer naar de webserver dus daar kan ook geen melding worden weergegeven. Wat wel een oplossing voor de makers zou kunnen zijn is een melding weergeven in de omschrijving van het thema, maar dat ben ik tot dusver nog nooit ergens tegengekomen.

Het gevaar

In dit geval worden er geen ‘echte’ persoonsgegevens gestuurd naar de maker van dit thema maar dit zou technisch gezien wel kunnen.

Eigenlijk zijn er twee grote gevaren als je gratis WordPress thema’s installeert zonder eerst de code te controleren:

• WordPress thema’s zouden persoonlijke gegevens uit je WordPress installatie (of webserver) naar iemand kunnen sturen;
• WordPress thema’s zouden gebruik kunnen maken van je webserver om bijv. spam te versturen. Elke keer als een bezoeker een pagina aanroept zou het script bijvoorbeeld 100 mails naar willekeurig adressen kunnen versturen.

De oplossing voor de gebruikers

Als je geen verstand van PHP of programmeren hebt is het lastig te snappen wat de code in thema’s doet. Zelf controleren of er ‘kwaadaardige’ code instaat zal dus lastig blijven. Ook als je wel verstand van PHP of programmeren hebt zal het niet leuk zijn om de code na te lopen want het is wel tijdrovend. Wat ik wel aan kan raden is:

• het thema altijd downloaden vanaf de site van de maker zodat niet iemand anders ‘kwaadaardige’ code heeft kunnen toevoegen
• reacties van andere gebruikers over het thema nalezen
• als het besturingssysteem het ondersteunt: zoeken op ‘mail’ in de inhoud van bestanden van het thema

Helemaal feilloos zal het niet zijn maar het is wel belangrijk om in elk geval op de hoogte te zijn van de risico’s. 

P.S. Evan Eckard heeft de tracking code uit zijn thema verwijderd na aanleiding van de afbeelding op Flickr. Hulde! Dit illustreert tevens nog eens het probleem: als je zijn thema niet vanaf zijn site maar vanaf een andere website download zal de tracking code er nog steeds inzitten.

• Lighter Menus
  Met deze plugin worden de menu’s in WordPress veranderd naar drop-downmenu’s. Het kan je zo’n 50% van het aantal muisklikken dat je normaal gesproken aan navigeren besteed besparen. 
• Plugin Central
  Plugin Central maakt het mogelijk om plugins te installeren door alleen de URL of de naam van de plugin in te voeren. Je hoeft zelf geen bestanden meer te downloaden, uitpakken of uploaden. Deze plugin regelt dat allemaal voor je. 
• RSS Footer
  Met deze plugin kun je snel en eenvoudig een tekst toevoegen die aan het begin of eind van de artikelen in je RSS-feed wordt getoond.
• Simple Tags
  Als je veel gebruik maakt van tags op je weblog is deze plugin erg handig. Je kunt er handig tags mee beheren en er worden tijdens het schrijven van een artikel automatisch suggesties voor tags weergegeven. Ik het toch nu toe nog niet zoveel gebruik gemaakt van tags maar misschien is dit een mooi moment om daar mee te beginnen.
• Social News Nederland
  Met deze plugin worden onder elk artikel automatisch knoppen naar sociale nieuwssites, bijvoorbeeld Digg.com, delicious.com, nujij.nl en ekudos.nl, aangemaakt zodat bezoekers je artikel aan een van deze sites kunnen toevoegen of, als het artikel al is toegevoegd, automatisch kunnen stemmen op je artikel. Je kunt zelf instellen welke knoppen er moeten worden weergegeven.
• Target Blank in Posts and Comments
  Na een paar artikelen op dit weblog te hebben geschreven kwam ik erachter dat links in reacties altijd in hetzelfde venster werden geopend. Met deze plugin kun je ervoor zorgen dat links in reacties automatisch in een nieuw venster (of tabblad, dat ligt aan de instellingen van de bezoeker) openen.

• WPtouch iPhone Theme
  Deze plugin kwam ik eigenlijk stomtoevallig tegen terwijl ik door de Plugin Directory van WordPress aan het kijken was. Met deze plugin zien bezoekers met de iPhone je weblog in de stijl van een iPhone-applicatie zodat het handiger wordt om het blog te lezen en te navigeren op de iPhone.

Hieronder een overzicht van de plugins die voor iedereen handig zijn en die iedereen eigenlijk zou moeten installeren.

• Akismet
  Akismet is een plugin die alle reacties controleert op spam. Als een reactie wordt beoordeeld als spam wordt deze automatisch verborgen. Via het beheer van WordPress zie je een overzicht met reacties en welke daarvan zijn aangemerkt als spam. Vervolgens kun je deze reacties alsnog plaatsen.
• All in One SEO Pack
  Met deze plugin wordt je weblog beter gevonden door Google. In deze plugin kun je instellen welke titels er worden weergeven in de adresbalk en er worden automatisch meta descriptions en meta keywords aangemaakt voor alle pagina’s. Deze plugin is een must-have als je goed wil scoren in zoekresultaten.
• Google XML Sitemaps
  XML Sitemaps vormen een goede manier om snel opgemerkt te worden door Google (en andere zoekmachines). Deze plugin maakt automatisch een nieuwe sitemap nadat er wijzigingen zijn gemaakt in de content (berichten of pagina’s) en stuurt deze automatisch naar zoekmachines. Hierdoor worden je pagina’s nog sneller geïndexeerd. 
• SEO Friendly Images
  Als je net zoals vaak vergeet om de alt- en/of title-tag in te vullen bij afbeeldingen in artikelen is deze plugin erg handig. Deze plugin vult deze namelijk automatisch in als je dat zelf bent vergeten.
• StatPress Reloaded
  StatPress is naar mijn mening de beste plugin die je kunt gebruiken om statistieken van je WordPress-weblog bij te houden. StatPress maakt onderscheid tussen bezoekers, hits, spiders en feeds en biedt overzichtelijke statistieken. Deze statistieken zijn ook te exporteren naar .csv-bestanden.
• WordPress Automatic Upgrade
  Deze plugin maakt het upgraden van je WordPress-installatie een fluitje van een cent. Eerst wordt er een backup gemaakt van je oude bestanden en vervolgens wordt je WordPress-installatie automatisch bijgewerkt naar de nieuwste versie. Je hoeft zelf bijna niets te doen.
• WP Google Analytics
  Als je gebruik maakt van Google Analytics kun je gewoon de tracking-code in je templates plakken maar deze plugin is handiger. Met deze plugin kun je namelijk ook de 404-pagina’s, de interne zoekopdrachten en de uitgaande links bijhouden.