Responsive SVG image map

Vroeger gebruikte ik vaak clickable maps als navigatie, bijvoorbeeld een kaartje van Nederland waar elke provincie een link is naar een aparte pagina. “Ouderwetse” image maps (bitmap plaatjes met klikbare hotspots in html) hebben als nadelen: Bewerkelijk om te maken. Niet responsive: plaatje schaalt wel, hotspots niet. Vaak grote bestanden. Op zoek naar een alternatief dus: de oplossing …
Lees meer over: Responsive SVG image map

Hamburgermenu met MENU in 10 minuten – een update!

Winy schreef een fijne handleiding voor het maken van een hamburgermenu in 5 minuten. Werkt perfect. Maar bij uittesten blijkt dat niet iedereen het hamburgericoon voor een menu aanziet. Ik zocht naar de mogelijkheid om er het woord “Menu” naast te zetten. Een update dus ten behoeve van de gebruiksvriendelijkheid. Bekijk hier een demo. En hieronder …
Lees meer over: Hamburgermenu met MENU in 10 minuten – een update!

Javacript in pagina? Text-widget!

Ik moest een stukje Javascript toevoegen aan een pagina voor een reserveringsmodule. Het moest in de <body> komen. En hij kon niet in de Genesis Theme instellingen want het moest per taal een ander script zijn. Ik plakte het in een multi-lingual text-widget (van WPML). Rechtstreeks. En het werkt! Handig!

Testomgeving maken van website

We hebben er allemaal mee te maken. WordPress en updates. Updates van de core bestanden, van je theme, van je child-theme, van de plugins. Ik werk met het framework Genesis en veel met premium plugins zoals Gravity Forms, Toolset, WPML. Maar meertalige websites zijn ook complex. En updates zijn plenty. Laatst ging het fout bij …
Lees meer over: Testomgeving maken van website

Een hamburger-menu in 5 minuten

Corine schreef eerder over het Gemakkelijkste mobiele menu ever. Ik heb dit een paar keer toegepast en het is inderdaad super simpel. Wat ik wel een (klein) nadeel vind is dat je in je css, menu’s en widgets toch het een en ander moet aanpassen (en onthouden hoe je dat ook alweer gedaan hebt). Gelukkig is er nog …
Lees meer over: Een hamburger-menu in 5 minuten

Eigen plugin-vertaling toevoegen

Ken je dat, je hebt een plugin geïnstalleerd maar de gegenereerde HTML zit vol met Engelse termen? Dat ziet er niet erg professioneel uit in een Nederlandstalige site, wat nu? Je kunt in de code van de plugin duiken, alle Engelse termen opzoeken en vervangen door de Nederlandse vertaling. Maar je snapt dat zodra de …
Lees meer over: Eigen plugin-vertaling toevoegen

Responsive menu’s voor Genesis

Het Genesis Framework heeft standaard niet zo’n elegante oplossing voor de navigatie op kleine schermen. De menu’s zijn daarop niet erg gebruiksvriendelijk. WordPress Twenty Twelve en Twenty Thirteen themes hebben hiervoor een betere oplossing. Ik ga op zoek naar een gebruiksvriendelijk oplossing voor menu’s met veel hoofd- en submenu-items op kleine schermen. zoals dat van de …
Lees meer over: Responsive menu’s voor Genesis

Maak een portfolio-website met Custom Post Types – deel 2

In deel 1 legde ik uit hoe je een portfolio Custom Post Type maakt met categorieën. Ik wil nu graag (als navigatie) thumbnails laten zien van alle portfolio-items van een categorie. Deze thumbnails komen in de sidebar naast het portfolio item. In dit deel leg ik uit hoe ik dit voor elkaar heb gekregen.

Maak een portfolio-website met Custom Post Types – deel 1

Veel themes hebben tegenwoordig een ingebouwde portfolio met Custom Post Types. De meeste kant-en-klare (Genesis) portfolio childthemes hebben echter geen portfolio-categorieën, en dat wil ik juist wel. Dan maar zelf iets in elkaar knutselen.