It’s Never Too Late
Volledig herbouwde website voor een spreker en ervaringsdeskundige, als eigen WordPress child theme. De site vertelt zijn verhaal, toont zijn diensten en referenties, en heeft een voorinschrijvingspagina voor zijn aankomende boek.
Een site die bleef breken, en een boek dat eraan kwam.
De eerste versie bestond uit losse statische HTML-pagina’s. Die waren lastig te onderhouden en een update van het Astra-theme liet de site breken. Daarnaast kwam er een boek aan, en daarvoor moesten bezoekers zich vooraf kunnen inschrijven, zonder dat er een plugin nodig was die op deze templates niet werkte.
Onderhoudbaar
Eén plek voor de navigatie en de stijl, in plaats van paden en opmaak die in elke pagina apart staan.
Voorinschrijving
E-mailadressen verzamelen voor het boek, met bevestiging aan de inschrijver en een melding aan de schrijver.
Professionele uitstraling
Een eigen ontwerp dat past bij een spreker, zonder de standaard template- of AI-look.
Van statische HTML naar een eigen child theme.
Ik heb de site overgezet naar een WordPress child theme op Astra, met eigen PHP-templates per pagina. Zo breekt een update van het parent theme de site niet meer. Het voorinschrijfformulier heb ik zelf gebouwd, zonder plugin, omdat de templates wp_head() en wp_footer() niet aanroepen en plugins daardoor niet werkten. Daarna volgde een redesign van de hele site in CSS.
- 01
Formulierverwerking zonder plugin
De inschrijving loopt via admin-post.php en wordt in lagen beschermd: een nonce, een honeypot, een tijdcontrole, een rate limit per IP (een transient met een hash van het adres), validatie en een check op dubbele inschrijvingen. Na het versturen volgt een Post/Redirect/Get, zodat vernieuwen geen tweede inschrijving oplevert. De CSV-export beschermt tegen CSV-injectie en bevat een BOM, zodat Excel het bestand goed opent.
- 02
Cache-busting en centrale helpers
Een helper zet de wijzigingstijd van elk CSS- en JS-bestand achter de URL. Na een upload via FTP ziet de bezoeker dus meteen de nieuwe versie in plaats van een oude uit de cache. Andere helpers zorgen dat alle templates dezelfde navbar-configuratie gebruiken en nooit naar een pagina linken die nog niet bestaat.
- 03
Een robuust navbar-component
De navigatie is één JavaScript-component voor alle pagina’s. Het is beveiligd tegen dubbel laden, laadt de lettertypes zelf als een template dat niet doet en bepaalt de actieve pagina op page_id of pad, zodat Home niet altijd als actief oplicht.
Live, en klaar voor het boek.
Vijf eigen pagina’s
Home, Mijn verhaal, Referenties, Diensten en Media, met een roterende hero-slideshow op de homepage.
Voorinschrijving voor het boek
Formulier met een bevestigingsmail aan de inschrijver en een melding aan de schrijver.
Beheeroverzicht met export
Alle inschrijvingen in WordPress met extra kolommen en een CSV-export die direct in Excel opent.
Bron-tracking
Via ?bron= is te zien of een inschrijving van de poster, de flyer of social media komt. De QR-codes op poster en flyer linken daar al naar.
Privacy vastgelegd
Een eigen privacyverklaring, en bij elke inschrijving worden het tijdstip en de versie van de toestemmingstekst opgeslagen.
Volledig redesign
Nieuwe typografie (Archivo en Source Serif 4), haarlijnen en een vast kleurenpalet in CSS-variabelen, volledig responsive.
Design dat er professioneel uitziet, en mail die aankomt.
Een professioneel design uitwerken
Hoe je ontwerpkeuzes voor typografie, kleur en layout maakt en die consequent doorvoert in code.
Werken met webmail
De SMTP-koppeling instellen, zodat het formulier betrouwbaar bevestigings- en meldingsmails verstuurt.