WordCamp Europe 2013 zaterdag 5 oktober

Afgelopen weekend hebben we met Pronamic WordCamp Europe 2013 in Leiden bezocht. Hier hebben we verschillende presentaties bijgewoond en weer flink wat inspiratie en ideeën opgedaan. In dit bericht kort per presentatie enkele punten die ik interessant vond.

Zaterdag 5 oktober

Behind the Scenes at Smashing Magazine door Vitaly Friedman

Quality content is expensive

Better Site Stacks with Composer door Andrey “Rarst” Savchenko

De presentatie van Rarst is terug te vinden op de volgende webpagina:
http://composer.rarst.net/slides/

…a lot of professionals are running professional sites like they are still hobbyists.

Mark Jaquith #

The Life of a Theme door Tammie Lister

De presentatie van Tammie Lister is terug te vinden op de volgende webpagina:
https://speakerdeck.com/tammielis/the-life-of-a-theme

 Start » Plan » Moodboard » Styleguide » Schets » Wireframes » Ontwikkel » Filter » Test » Lanceer » Verfijn

Is the Freemium Model Right for Your Plugin? door Kim Gjerstad

De presentatie van Kim Gjerstad is terug te vinden op de volgende pagina:
http://www.slideshare.net/kgjerstad/is-the-freemium-plugin-right-for-your-plugin

Update regularly

Unlocking Enterprise with WordPress door David Coveney

De presentatie van David Coveney is terug te vinden op de volgende pagina:
http://www.slideshare.net/interconnectit/unlocking-enterprise-with-wordpress

WordPress is “Enterprise Ready!”

From plugin developer to running a successful WordPress business: A ManageWP Case Study

Writing Secure WordPress Code

Meer

WordPress oEmbed en de Vimeo API (Froogaloop)

De videoplayer van Vimeo kan met behulp van JavaScript aangestuurd worden. Op de JavaScript API pagina van Vimeo is hier meer informatie over te vinden. Ook is de kleine JavaScript bibliotheek Froogaloop erg handig om hiervoor te gebruiken.

Om gebruik van te maken van de Vimeo JavaScript API moet echter de embed code aangepast worden. Ze moet de video van de URL in de iframe uitgebreid worden met een ‘api’ parameter.

http://player.vimeo.com/video/VIDEO_ID?api=1

Als je meerdere URL’s op 1 pagina hebt ingevoerd moet daar ook nog een ‘player_id’ parameter aan toegevoegd worden:

http://player.vimeo.com/video/VIDEO_ID?api=1&player_id=vimeoplayer

Helaas ondersteund WordPress en Vimeo oEmbed deze parameters nog niet. Dit is echter eenvoudig te corrigeren met behulp van de volgende fiter functies. Met behulp van de eerste filter voegen we de ‘api’ en ‘player_id’ parameter toe aan de video URL:

In de tweede filter functie zorgen we dat het ‘iframe’ element dezelfde ‘id’ attribuut krijgt als de ‘player_id’:

Vervolgens kunnen we de volgende shortcode gebruiken om gebruik te maken van WordPress oEmbed en de Vimeo API en player ID:

[embed player_id="uniqid"]http://vimeo.com/31215588[/embed]

ABN AMRO – iDEAL Only Kassa foutmelding

Gebruikers van de “ABN AMRO – iDEAL Only Kassa” iDEAL-variant zullen ongetwijfeld een keer tegen de volgende foutmelding aangelopen zijn:

An error has occurred; please try again later. If you are the owner or the integrator of this website, please log into the ABN AMRO Bank back office to see the details of the error.

In deze foutmelding wordt verwezen naar de “ABN AMRO Bank back office” omgeving. Veel gebruikers zullen dan denken dat ze moeten inloggen in de Ogone omgeving:

Na telefonisch contact met de “Special Desk e-Commerce” van de ABN AMRO bleek echter de “ABN AMRO Bank back office” niet beschikbaar is voor “ABN AMRO – iDEAL Only Kassa” gebruikers.

De betreffende foutmelding kan echter vaak opgelost worden door een keer alle gegevens goed te controleren. Mocht je er vervolgens als nog niet uitkomen dan kan de “Special Desk e-Commerce” van de ABN AMRO je vaak goed helpen.

Ook bij Pronamic kunnen we je vaak goed helpen met de installatie en configuratie van iDEAL. We hebben hier veel ervaring mee en kunnen vaak nog dezelfde de iDEAL installatie tegen voordelig tarief realiseren.

WooCommerce LESS compile fout

Onlangs werden we bij Pronamic benaderd door een WooCommerce gebruiker die na een WooCommerce update van 2.0.12 naar 2.0.14 de volgende foutmelding te zien kreeg:

Kon woocommerce.less niet compileren: expected color value: failed at `color:fade( desaturate( @highlight, 75% ), 50% );` /wp-content/plugins/woocommerce/assets/css/woocommerce.less on line 181

Na een lange zoektocht kwamen we bij de WooCommerce ‘woocommerce_compile_less_styles’ functie terecht:

https://github.com/woothemes/woocommerce/blob/v2.0.14/admin/woocommerce-admin-functions.php#L415

Deze functie moet LESS omzetten naar CSS, maar daar ging blijkbaar iets fout met de ‘highlight’ kleur.

Na wat debug werk kwamen we er achter dat $colors variabele als volgt was gevuld:

array
  'primary' => string '#9D3ED5' (length=7)
  'secondary' => string '#EF7425' (length=7)
  'highlight' => string '#cccc' (length=5)
  'content_bg' => string '#ffffff' (length=7)
  'subtext' => string '#777777' (length=7)

De ‘highlight’ kleur bevatte een ongeldig kleur waarde ‘#cccc’, hier ontbraken twee tekens. Door de hightlight kleur even tijdelijke in te programmeren kon dit probleem opgelost worden:

$colors['highlight'] = '#CCCCCC';

Vervolgens konden we via de WordPress admin omgeving en WooCommerce instellingen pagina de foutieve kleur corrigeren.

WooCommerce LESS compile opmaak fout

WordPress comment type uitsluiten in comment count

Binnen de Pronamic Post Like plugin gebruiken we het WordPress reactiesysteem om ‘likes’ bij te houden. Hiervoor plaatsen we voor elke ‘like’ een reactie, zodat we per gebruiker kunnen bijhouden wie wat ‘liked’. Elke ‘like’ zorgde er echter ook voor dat het aantal reacties werd verhoogd.

Dit was niet gewenst binnen de website die we aan het ontwikkelen waren. Daarom gingen we opzoek naar een oplossing. Na het doorbladeren van de code van het WordPress reactiesysteem kwamen we al snel de ‘wp_update_comment_count_now’ functie tegen:

https://github.com/WordPress/WordPress/blob/3.6/wp-includes/comment.php#L1620

Binnen deze functie wordt de ‘wp_update_comment_count’ actie aangeroepen. Hier konden we eenvoudig op inhaken om het aantal reacties opnieuw te tellen en een specifieke comment type uit te sluiten:

Gravity Forms dagen tussen datum berekenen

Een aantal weken terug werd ik gevraagd om het aantal dagen tussen twee Gravity Forms datum velden te berekenen. Na een zoektocht via Google kwam ik al snel een JavaScript oplossing tegen op Stack Overflow:

http://stackoverflow.com/a/2627493

Naar aanleiding van dit topic heb ik het volgende script geschreven die inhaakt op de twee Gravity Forms datum velden.

Dit kan erg handig zijn als je het aantal dagen tussen twee datum wilt gebruiken voor het berekenen van bijvoorbeeld een prijs.

Van fouten kun je veel leren

Een paar weken geleden kwam ik het blog bericht “Mistakes I’ve Made (And Lessons Learned Along The Way)” van op Smashing Magazine tegen. In zijn blog schrijft hij over fouten die hij gemaakt heeft en wat hij daar van geleerd heeft. Ik denk dat veel van deze fouten worden gemaakt door bedrijven. Voor mij als ontwikkelaar bij Pronamic daarom ook zeker een leerzaam bericht.

Fout #1: Voortgang belangrijker vinden dan projecten (en personen)

Jeremy verteld in zijn blog over een project waarbij hij minder goed kon opschieten met de opdrachtgever. Om het project wel in goede banen te leiden hield hij zich vast aan een proces. Dit kwam de samenwerking met de opdrachtgever echter niet ten goede.

Fout #2: Vertellen in plaats van laten zien

Veel bedrijven vertellen hoe fantastisch hun product en/of dienst is. Dit terwijl iedereen het spreekwoord “Praatjes vullen geen gaatjes” kent. Door klanten niet te laten zien hoe het product kunnen er verkeerde verwachtingen ontstaan. Dit is eenvoudig te voorkomen door het product of dienst te laten zien.

Jermey behandeld in zijn blog bericht nog een 3-tal fouten waarvan hij geleerd heeft:http://www.smashingmagazine.com/2013/07/26/mistakes-made-lessons-learned/