Als je het goed doet, en dat doen jullie natuurlijk allemaal, dan zorg je ervoor dat je altijd eerst lokaal ontwikkelt en dan, het liefst gefaseerd, doorzet naar een LIVE omgeving. Mark Jaquith, projectleider van het ontwikkelteam van WordPress, geeft een paar mooie tips en handigheden én een handige plugin om de staging van je code te optimaliseren

No related posts.

Regelmatig zie ik de vraag op het Nederlandse WordPress forum voorbij komen hoe je toch aan een fotoalbum in WordPress moet komen. Vrij vlot wordt er dan meestal naar de plugin NextGen verwezen, maar aan die plugin kleven nog wel een paar nadelen aan. Sowieso moet je bij NextGen veel meer instellen en regelen, loop je tegen problemen aan wanneer je gebruik maakt van een WordPress Netwerk (voorheen Multi-site), maar bovenal creëer je dan een extra laag die in mijn beleving in vele gevallen niet nodig is.

De methode die ik aanraad is veel eenvoudiger van opzet en maakt gebruik van een lightbox plugin en de standaard galerij functie van WordPress. De volgende stappen zijn nodig om een fotoalbum in een WordPress bericht of pagina toe te voegen:

1. Upload alle afbeeldingen die je wilt tonen in een specifieke pagina aan die betreffende pagina toe. De afbeeldingen hoef je niet in te voegen in het editor. Enkel het toevoegen van afbeeldingen aan een bericht / pagina maakt al dat ze gekoppeld zijn en dat is voldoende.
2. Nadat je de laatste afbeelding hebt toegevoegd klik je opnieuw op de knop Afbeeldingen toevoegen en kies je dan voor het tabblad Galerij. Enkel wanneer je meer dan 1 afbeelding hebt toegevoegd aan een bericht / pagina krijg je een extra optie te zien die er zo uit ziet:
   
3. Zorg ervoor dat je de opties aanvinkt zoals hierboven en klik vervolgens op de knop Galerij toevoegen. Op de plek waar je cursor stond staat nu een shortcode die ervoor zorgt dat je pagina drie thumbnails naast elkaar toont per rij op een pagina.
4. Als laatste gaan we gebruik maken van een plugin die ervoor zorgt dat de afbeelding keurig als overlay getoond wordt over de huidige pagina en niet als losse afbeelding links bovenin de browser wanneer je er op klikt. Er zijn meerdere plugins die dit voor je kunnen doen dus je zult een keuze moeten maken uit het aanbod in het WordPress plugin overzicht. Fancy Box for WordPress is overigens een aanrader. Plugin installeren en activeren et voilá.. een werkend fotoalbum in WordPress.

Mocht je een voorbeeld willen zien hoe dit werkt in combinatie met een aantal pagina’s ingedeeld per jaar kijk dan hier. Vragen? Roept u maar in de comments!

No related posts.

Als ik een website aan het testen ben en ik wil meerdere gebruikers aanmaken, dan moet ik verschillende emailadressen invoeren. Gelukkig heb ik er een paar, maar er zullen zeker hier lezers zijn die dat niet hebben. Bij WPMU.org kwam ik de tip; “How to Create Unlimited Test Accounts on Your WordPress Site With the Same Email Address” tegen. Ze beschrijven in deze tip dat met je Gmail mailadres meerdere mailadressen aan te maken zijn.

Je hebt nu jenaam@gmail.com. Je kan achter jenaam een + zetten met bijvoorbeeld redacteur of abonnee. Het maakt niks uit wat je er neerzet, maar je zou de gebruikersrollen van WordPress kunnen gebruiken zodat je weet welke mailadres bij welke rol hoort. Het ziet er dan als volgt uit:

• jenaam+redacteur@gmail.com
• jenaam+abonnee@gmail.com
• jenaam+beheerder@gmail.com

WordPress ziet deze emailadressen als verschillend, maar Gmail dus niet. Alle berichten komen gewoon op je Gmail binnen.

No related posts.

WordPress en E-commerce is voor Nederlandse gebruik redelijk beperkt in keuze als het gaat om  welke oplossing je daarvoor moet kiezen. Shopp en WP-e-commerce zijn bij mijn weten de enige twee solide opties waar je een iDEAL koppeling mee kunt maken, maar daar zou nu wel eens verandering in kunnen komen. Rian Rietveld blogde gister over een koppeling met iDEAL in combinatie met Gravity Forms.

IDEAL is an on-line payment method, populair in the Netherlands and Belgium. For the integration of iDEAL Light  into WordPress, I used the outstanding plugin Gravity Forms (GF), in combination with 2 new template files. This is my first attempt, feel free to notify me of better ways to do stuff. I used GF version 1.4.5 for this.

Ik heb het zelf nog niet kunnen testen, maar het ziet er al wel veelbelovend uit. Meer informatie vind je op Using Gravity Forms for iDeal payment.

No related posts.

Regelmatig zie ik op het Nederlandse WordPress forum vragen met betrekking tot het standaard Twenty Ten. Op zich zijn al die vragen eenvoudig te beantwoorden, maar waar vaak geen rekening mee gehouden wordt is het feit dat Twenty Ten ook updates heeft. Het vervelende gevolg is dus dat je al je wijzigingen kwijt wanneer je een dergelijke update zou doen.

Child Themes to the rescue

Gelukkig hebben we een oplossing in de vorm van Child Themes. We hebben het hier op WP Dimensie wel vaker gehad over Child Themes in relatie tot Theme Frameworks, maar in principe is elk WordPress theme te gebruiken als Parent Theme. Een parent theme is, in tegenstelling, niet speciaal ontwikkeld om Child Themes voor te maken, maar het principe werkt precies hetzelfde.

Wat is een Child Theme eigenlijk?

Om te beginnen is het goed om te weten wat een Child theme nu eigenlijk precies inhoudt. WordPress Child Themes zitten gewoon in je /wp-content/themes/ net als elk ander Theme wat je geïnstalleerd heb. Je activeert een Child Theme ook op exact dezelfde manier als elk ander Theme. In een Child Theme folder vind je vaak exact dezelfde mappen voor je afbeeldingen, je scripts en daarnaast vind je in ieder geval een style.css bestand en mogelijk ook een functions.php.

Het enige verschil is dat ze geen theme bestanden nodig hebben. Geen index.php, sidebar.php, header.php, footer.php. In feite heb je helemaal geen PHP nodig om een Child Theme te maken. Overigens is het goed mogelijk dat een Child Theme wel alle bovengenoemde bestanden heeft, maar strikt noodzakelijk gezien zijn deze niet nodig.

Hoe maak ik een Child Theme?

Wanneer je een stylesheet van een Child Theme zou bekijken in je favoriete tekstverwerkingprogramma (Notepadd++) dan zul je iets vergelijkbaars terug vinden:

[css]/*
Theme Name: Twenty Ten Variant
Theme URI: http://www.casinodimensie.nl
Description: Child Theme Variant op basis van Twenty Ten.
Author: Remkus de Vries
Author URI: http://www.forsitemedia.nl/
Template: twentyten
Version: 1.0
Tags: black, blue, white, three-columns, fixed-width, custom-header, theme-options, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
Template: twentyten
*/
@import url(‘../twentyten/style.css’);[/css]

De regels die hier het meest belangrijk zijn, zijn de volgende:

[css]Template: twentyten[/css]
[css]@import url(‘../twentyten/style.css’);[/css]

De eerste regel geeft aan dat Twenty Ten als Parent Theme gezien moet worken en de tweede regel importeert het stylesheet van Twenty Ten.

Het enige wat je dus feitelijk hoeft te doen is alle CSS aanpassingen die je ten opzichte van het origineel wilt veranderen in het bovenstaande stylesheet aan te passen. Mocht je PHP bestanden aan willen passen, dan hoef je enkel een kopie van het originele bestand te kopiëren naar je Twenty Ten Variatie theme en in die kopie pas je dus aan wat je wilt veranderen.

Overigens kun je al je extra PHP functies gewoon nog kwijt in het functions.php bestand van je Twenty Ten Variatie Child Theme.

Gerelateerde berichten:

1. Hoe maak je een child theme op basis van Thematic
2. Thematic snippets om WP Dimensie Child Themes te maken

Google Analytics is heilig. De mogelijkheden tot meten en analyseren van bezoekstatistieken lijken eindeloos. “To the stars and beyond and beyond and beyond…” Toch beperkt het gebruik van statistieken zich in de meeste gevallen tot én simpele vraag: hoe vaak is mijn bericht gelezen? Haal dat maar eens uit de brei van data in Google Analytics. Inderdaad, daarvoor is een eenvoudig tellertje meer dan voldoende. Het biedt zelfs een aantal extra voordelen. Denk aan een functie als ‘meest bekeken berichten deze week’. Bekijk het weblog van een vriend van mij in Mongolië voor een voorbeeld hiervan.

DevPress heeft hiervoor een extensie gemaakt die je gemakkelijk kunt integreren in je plugin of thema. Deze extensie behelst in het kort de volgende mogelijkheden:

• Weergaven tellen met behulp van javascript-teller en post metadata

• De teller is via add_post_type_support() en register_post_type() te koppelen aan verschillende ‘post types’
• Het aantal weergaven wordt automatisch weergegeven in een nieuwe kolom in het berichtenoverzicht in wp-admin

Waarom deze extensie en niet één van de vele plugins die precies hetzelfde doen?

Goeie vraag! Drie klikken vanuit je dashboard en je hebt een vergelijkbare teller. Waarom moeilijk doen als het makkelijk kan? Deze vraag is te beantwoorden met twee quotes van Justin Tadlock:

Reason #1: We didn’t want our users to have to install a third-party plugin for something so simple, especially when it plays an integral part within our theme.

Reason #2: I see no reason for recommending that plugin/theme authors rely on a plugin with loads of stuff they don’t need when they can use a small, 6kb file to include the functionality within their projects.

Geïnteresseerd? Download de code en lees de uitgebreide tutorial op de site van DevPress.com

Gerelateerde berichten:

1. Volg Je Bezoekers Live met Woopra

Het laatste half jaar kun je steeds meer oplossingen vinden om GEO functionaliteit aan je WordPress site toe te voegen. Een simpele blik in de WordPress plugin repository laat je al snel zien dat er ondertussen heel veel te krijgen is.

In plaats van een plugin laat Remco Tolsma zien op zijn site hoe je een leuke GEO functionaliteit aan je site kunt toevoegen. In Remco’s woorden:

Als het goed is zou je nu een dynamisch blok in je footer moeten hebben die geüpdate wordt zodra de afstand tussen de bezoeker en je locatie bekend is. Je kunt uiteraard geo-location-footer.php helemaal naar je eigen wens aanpassen. Daarnaast kun je een onbeperkt aantal GEO elementen toevoegen.

Lees meer over WordPress GEO afstand op Remco’s site.

No related posts.

De laatste tijd zie ik steeds meer meldingen in het Nederlandse WordPress forum van mensen die problemen hebben met het uploaden van afbeeldingen. Nu ligt het probleem vaak bij je hoster en hoe deze z’n server heeft ingericht, maar er zijn toch een aantal dingen die je kunt doen om te kijken of je het werkend kunt krijgen

1. Informeer of Safe-mode aan staat op je server. Dit antwoord kun je vaak het best van je hoster krijgen. Indien dit aan staat vraag dan gelijk of het ook uit mag. In veel gevallen mag/kan dit niet aangezien deze vaak standaard aan staat bij shared hosting.
2. WordPress kent een configuratie bestand – wp-config.php – welke je terug kunt vinden in de root van je WordPress site waar je de volgende code aan toe kunt voegen: define('WP_MEMORY_LIMIT', '64M');. Het 64M gedeelte bepaald hoeveel intern geheugen er toe wordt gewezen aan je WordPress site. Veel (goedkopere) hosting omgevingen negeren deze instelling en in principe zal WordPress zelf ook al proberen meer geheugen toegewezen te krijgen, maar je kunt het altijd proberen.
3. Een andere optie is via je .htaccess bestand je intern geheugen te verhogen door de volgende code helemaal bovenaan toe te voegen: php_value memory_limit 64M.
4. Maak handmatig een map uploads aan in je /wp-content/ map. In sommige gevallen moet deze map via CHMOD op 777 staan om werkend te krijgen. Dit is op zich niet aan te raden, maar op sommige servers werkt het echt niet anders.
5. Op sommige servers moet de eigenaar van de map uploads veranderd worden van de ftp user naar de apache.apache user. Dit moet meestal door je hoster gedaan worden, maar als je SSH toegang hebt kun je dit ook zelf doen door het volgende commando uit te voeren wanneer je naar de /wp-content/ map genavigeerd bent: CHOWN apache.apache uploads
6. Als aanvulling op punt 2 moet soms zelfs de bovenliggende map, /wp-content/ zelfs ook op CHMOD 777 gezet worden. Nogmaals, dit is niet aan te bevelen, maar soms heb je geen keuze.
7. Af en toe werkt het perfect wanneer de afbeeldingen rechtstreeks in de map uploads worden gezet maar niet wanneer er door WordPress mappen aangemaakt moeten worden in /uploads/ zoals /2010/11/ of /2010/12/. Gelukkig is dit probleem op te lossen door naar je Instellingen > Media te gaan waar je de optie Uploads bewaren in mappen op basis van maand en jaar kunt uit zetten.
8. In datzelfde menu kun ook aangeven dat je met een andere map wilt werken dan de standaard /uploads/
9. Een extreme oplossing zou kunnen zijn, mits je een eigen subdomein aan kan maken, het verhuizen van je hele /wp-content/ map naar een subdomein. Voor meer informatie daarover kun je kijken op de WordPress codex pagina, maar hou er rekening mee dat dit een vrij extreme oplossing is.
10. Soms moet je combinatie van bovenstaande oplossingen gebruiken, dus speel vooral met rechten op mappen.
11. De meest extreme oplossing is een andere hoster zoeken. Soms is goedkoop gewoon echt duurkoop. Hou er rekening mee dat je krijgt waarvoor je betaald en dat dat soms inhoudt…

In de meeste gevallen zul je samen met je hoster tot de juiste oplossing moeten komen. Neem dus als eerste contact op met je hoster om e.e.a. na te vragen voordat je van alles gaat uitproberen en gefrustreerd raakt door instellingen die onzichtbaar zijn voor jou.

No related posts.

De meesten onder ons maken gebruik van Google Analytics om bij te houden hoeveel mensen je site bezoeken. Als je het slim doet dan gebruik je daar aanvullende Joost’s Google Analytics Plugin ook nog voor aangezien deze plugin je in staat stelt enorm veel meer te in te stellen, maar het kan ook anders.

Een paar maanden geleden kwam Woopra, een offline analytics tracking tool waarmee je bezoekers live kunt volgen op site, uit beta en beschikbaar voor iedereen. Woopra is een prachtige tool om het gedrag van bezoekers live op je site te volgen. Tot het punt dat het verslavend werkt .

Zoals je kunt zien krijg je een mooi overzicht waar je op heel veel gegevens kunt doorklikken. Het mooie van Woopra is dat de basis account gratis en je pas betaald wanneer je heel veel bezoekers hebt. Voor een volledig overzicht van wat Woopra voor jou kan betekenen, kijk op de features pagina van Woopra.

Woopra is vrij eenvoudig te activeren op je WordPress site door de Woopra plugin te installeren. Zorg wel wat je eerst een account hebt aangemaakt op de site van Woopra. Woopra is een desktop applicatie op basis van Adobe Air.

Gerelateerde berichten:

1. Weergaven tellen zonder plugins en Analytics

Als je zelf een website aan het bouwen bent en je moet daarbij ook het design doen dan zijn kleuren cheat-sheets erg handig. Zo weet je welke kleuren websafe zijn. Hierdoor kom je niet voor verrassingen te staan. Op deze cheat-sheets staan de kleuren met hun hex nummer, hierdoor kan je de kleuren gemakkelijk in je css-bestand opnemen door de nummers over te nemen.

Zelf gebruik ik de RGB hex Colour Chart van Addedbytes. Deze heb ik uitgeprint en in een map gestopt. Zo kan ik deze pakken als ik een bepaalde kleur nodig heb. Maar er zijn natuurlijk meer kleuren cheat-sheets.

• Zo heb je een mooie kleuren cheat-sheet van visibone. Deze kan je als poster bestellen.
• Bij webmonkey.com hebben ze een mooi overzicht van kleuren.
• Bij veign.com hebben ze een kleuren overzicht in een pdf file die je kan downloaden.
• Pagetutor.com heeft een overzichtelijke afbeelding met websafe colors.

Verder gebruik ik de FireFox add-on colorzilla. Hiermee kan ik een kleur op een website aanwijzen en krijg ik te zien welk kleur nummer het is. Verder gebruik ik het om een palette te maken van alle kleuren die gebruikt worden op een bepaalde site. Dit gebruik ik ter inspiratie of juist om een aantal van deze kleuren te gebruiken. Zo weet ik dat ze bij elkaar passen.

Naast de websites en cheat-sheets die ik hierboven heb benoemd zijn er nog meer hulpmiddelen om de juiste kleuren te kiezen. Welke hulpmiddelen gebruiken jullie?

No related posts.