Adding the uberVU reaction counter to a webpage is simple. Nevertheless, I ran into some issues, which I overcame and would like to share:

I use WordPress with the Thesis theme and made a routine in custom_functions.php to do the trick. The code (below) does the following:

• Strip extra URL parameters
• Only display on single posts (not on pages)
• Insert the badge after the pot headline using the appropriate Thesis hook

Here’s the code I used to insert the counter next to the post:

<?php
function jbl_ubervu() {  
  if (is_single()) { ?>
    <div class="ubervu_button" style="float: right; margin-left: 5px; margin-right:5px;">
    <script type="text/javascript">
      var ubervu_url = "<?php echo get_permalink(); ?>";
      var ubervu_style = "compact";
    </script>
    <script type="text/javascript" src="http://badge.ubervu.com/badge.1.0.js"></script>
    </div>
  <?php } 
}
add_action('thesis_hook_after_headline', 'jbl_ubervu');
?>

The reason for using the permalink is to strip extra url variables, like Google Analtytics campaign parameters. The uberVU script can never know which parameters to ignore, so you might end up with different counters.

Hack away, cut-and-paste, and leave a comment if it works for you or not.

Om mijn artikelen wat mooier te maken, gebruik ik vaak foto’s die ik vind op Flickr, een fotosite waarbij veel foto’s aangeboden worden onder de Creative Commons licentie. Dat wil zeggen: vrij voor commercieel gebruik, zolang je de bron vermeldt.

Via de Flickr site is dit een nogal omslachtig proces. Hier beschrijf ik twee manieren om dit een stuk sneller voor elkaar te krijgen: via een Search keyword en via een Bookmarklet.

Search Keyword (Firefox only)

Navigeer naar de Flickr site, en stel via Advanced Search je gewenste zoek criteria in. Ik kies voor Creative Commons, Commercial en Most Interesting als sorteer methode. Daarbij kom ik uit op deze pagina.

Vervolgens klik ik rechts in het zoekvak (zie screenshot) en kies Add a keyword for this Search.

In het dialoogscherm wat volgt, geef ik fcc op als keyword (zie screenshot) en sla het op.

Vervolgens kan ik in mijn Firefox locatiebalk foto’s vinden via het intikken van ‘fcc Nijmegen‘ en Enter. Voila!

Bookmarklet

Een nog snellere manier van foto’s vinden is het gebruik van een Bookmarklet. Een bookmarklet staat in je bookmarks maar is eigenlijk een stukje javascript. Zodra je deze bookmarklet kiest, gebeurt er het volgende:

• Als  je een stukje tekst geselecteerd hebt in je venster, ga je meteen hierop een Creative Commons Flickr Search uitvoeren. Flits!
• Heb je niets geselecteerd, verschijnt er een pop-up en kan je daar je zoekterm invoeren. Ook snel.

De bookmarklet installeer je door Flickr CC Search aan je bookmarks toe te voegen. Dit kan heel snel door de link te slepen naar je Bookmarks Toolbar. De gelinkte bookmarklet is een licht aangepaste versie van eentje die ik heb gevonden in een artikel op CrunchBang.

Succes met het vinden van mooie foto’s! Heb je nog aanvullingen en tips? Laat een berichtje achter.

De meeste WordPress thema’s zijn Engelstalig. Als je weblog gericht is op Nederlandstalig publiek, is het dus zaak om de alle Engelse teksten naar het Nederlands om te zetten.

Dit artikel beschrijft hoe je met de GNU gettext software alle Engelse teksten in een WordPress thema kan halen en zo een vertaling kan maken. Hierbij ga ik er van uit dat het thema netjes is geprogrammeerd en klaargemaakt is voor vertaling.

Benodigdheden: de gettext software, een shell prompt, een tekst editor en een talenknobbel.

Allereerst: ga naar de directory van het thema: (vervang themename door de naam van het thema wat je wil vertalen).

cd wp-content/themes/themename

Dan: maak een .pot en een .po file.


xgettext --keyword=__ --keyword=_e \
--default-domain=themename \
--language=php $(find . -type f -name '*.php') \
--output=themename.pot
cp themename.pot themename.po


Je hebt nu een bestand met alle tekst die vertaald kan worden. Bij een goed thema is dit alle tekst.

Nu komt het monnikenwerk: open de .po file in een tekst editor en vertaal alle tekst. Tekstblokjes hebben het volgende formaat:


#: comments.php:143
msgid "Submit"
msgstr ""


In de regel met msgstr "" zet je tussen de aanhalingstekens de tekst die je als vertaling wil hebben van “Submit”. Om te kijken in welke context het Engels wordt gebruikt kan je in de bijbehorende .php file kijken (in dit geval: regel 143 van comments.php)

Klaar? Dan is het tijd om het taalbestand te compileren naar een .mo file. Voor het Nederlands zal deze file nl_NL.mo heten.
Zeker van je zaak zijn? Kijk in de wp-config.php file of er een regel staat met define ('WPLANG', 'nl_NL');.

Gebruik het volgende commando:


msgfmt -o nl_NL.mo themename.po

Bijna klaar. Nu moet je het thema nog vertellen dat er een vertaling is.  Zoek het bestand functions.php in het thema op en voeg de functie toe om de vertaling te laden:


// activate translation
load_theme_textdomain('themename');


Klaar? Gefeliciteerd, je hebt je eerste WordPress thema vertaald!

Tot slot: Overweeg je harde werk ter beschikking te stellen aan andere Nederlandstalige webloggers: stuur je vertaling op naar de auteur van het thema, of biedt het ter download aan op je eigen site.