Help, de ankerplaats verdwijnt onder de header!

Als je website een sticky header heeft (dat is een header, meestal met het hoofdmenu daarin, die altijd in beeld blijft bovenaan het venster van de browser) dan kan het zijn dat, wanneer je links binnen de pagina maakt met anchors, de ankerplaats helemaal of gedeeltelijk onder die header verdwijnt. Het staat namelijk standaard zo ingesteld dat de plaats waar …
Lees meer over: Help, de ankerplaats verdwijnt onder de header!

Gravity Forms – Datum inzending in notificatie

Op een website die ik heb gemaakt staan vele inschrijfformulieren waarmee standhouders zich kunnen opgeven voor een evenement. Deze formulieren zijn gemaakt met Gravity Forms, waar een betaalmodule aanhangt. Afhankelijk van de betalingsvorm krijgt de standhouder een factuur toegestuurd via de notificatie-optie van Gravity Forms. Op deze factuur werd een datum gezet met de mergetag Datum …
Lees meer over: Gravity Forms – Datum inzending in notificatie

Lege p automatisch verwijderen

Klanten opvoeden blijft lastig. 🙂 Dus maak ik het ze liever gemakkelijk met wat code-snippers, zodat de meest voorkomende “fouten” vanzelf worden rechtgetrokken. Dit keer de lege p-tag die vaak aan het einde van een bericht onnodige witregels veroorzaakt. Ik vond een stukje code op github en het werkt super. [code] add_filter( ‘the_content’, ‘remove_empty_p’, 20, …
Lees meer over: Lege p automatisch verwijderen

if/else statement in een toolset View

Voor een website ben ik een blogpagina aan het maken met Toolset. De overzichtspagina van het blog bestaat uit allemaal foto’s. Hiervoor gebruik ik de uitgelichte afbeelding. De single berichtpagina begint met een grote foto. Dit zal in de meeste gevallen de uitgelichte afbeelding weer zijn, maar de klant wil graag ook de mogelijkheid om hier …
Lees meer over: if/else statement in een toolset View

Vooraf laden van afbeeldingen

Om een website lekker snel te laten zien, en geen vertraging te krijgen in afbeeldingen die je pas ziet als je ergens met je muis overheen gaat is er een klein css-trucje. Voeg de afbeeldingen op onderstaande manier aan je css toe en verstop ze weer met display:none. Ze worden dan alvast geladen zonder dat …
Lees meer over: Vooraf laden van afbeeldingen

Afbeelding schuin zetten met een schaduw

Hier word ik weer zo blij van. Dit scheelt uren werk vergeleken met een paar jaar geleden. De code is gewoon van w3schools.com gehaald. Een plaatje iets buiten het vlak, een beetje gekanteld en een schaduwtje. Op deze manier, ernaast de afbeelding zonder onderstaande CSS: [code] img.mjh_img { position: relative; top: -25px; left: -45px; transform:rotate(3deg); -ms-transform:rotate(3deg); /* …
Lees meer over: Afbeelding schuin zetten met een schaduw

Gemakkelijkste mobiele menu ever!

Dit vond ik zo’n vondst. Prachtige eenvoud. Het gaat om het toevoegen van een menu voor de mobiele versie van een website waarbij het hoofdmenu in de zijbalk zit. Wat je krijgt is een knop bovenaan je website (alleen mobiele versie) die laat je springen naar het menu dat verder onderaan staat. Ik ga er …
Lees meer over: Gemakkelijkste mobiele menu ever!

Tekst in je eigen kleur

Sinds WordPress 3.9 zijn de eigen gemaakte kleuren verdwenen. Ik heb een aantal klanten die dat graag gebruiken en die hingen aan de telefoon. “Waar is mijn kleuren palletje?” Standaard zie je nu dit: Maar wat mijn klant wil is bijvoorbeeld dit: Dit zijn kleuren die niet in het algemene palet zitten, en je kunt …
Lees meer over: Tekst in je eigen kleur

Snippet om afbeeldingen bij het uploaden te verkleinen

Vaak is het voor klanten lastig om eerst foto’s te verkleinen voordat ze deze uploaden naar de website. Daardoor krijgen sommige websites ruimtegebrek op de server. Ik heb deze code niet zelf geschreven en kan helaas niet meer vinden waar ik het gevonden heb dus: met dank aan de onbekende PHP-WordPress programmeur. Plaats de onderstaande …
Lees meer over: Snippet om afbeeldingen bij het uploaden te verkleinen

Embedded CSS voor WordPress gallery uitschakelen

Steeds vaker gebruik ik de ingebouwde WordPress gallery in plaats van een plugin, zoals NextGen Gallery. Een klant vroeg mij de stijl van de gallery een beetje aan te passen. In de stylesheet van het theme kon ik geen css vinden voor de gallery. WordPress genereert de stijlen voor de gallery in de html van de pagina.