Gradient background met meer dan twee kleuren in Elementor Pro
Multi-color gradient in Elementor Pro. Een goede gradient kan een ontwerp maken of breken. Maak je de juiste combinatie, dan ziet je pagina er direct strak en modern uit. En om je heen zie je de mooiste gradients voorbij komen. Waarom lukt het jou niet in Elementor pro, terwijl die een ingebouwde verloop-background functie hebben? […]
Elementor pro mobiele weergave optimaliseren
Elementor Pro mobiel aanpassen: zo maak je je website responsive Een website die er op desktop fantastisch uitziet, kan op een smartphone of tablet behoorlijk tegen vallen. Het kan zo erg zijn dat teksten buiten het scherm vallen of dat afbeeldingen veel te groot (of juist veel te klein) zijn. Maar dat zijn pas de […]
Afbeeldingen optimaliseren voor gebruik op websites
Te grote afbeeldingen zijn, samen met Kwalitatief Uitermate Teleurstellende hosting, de grootste oorzaak van trage websites.
Door je afbeeldingen vooraf te optimaliseren, blijft je website supersnel. Mits je hosting supersnel is natuurlijk. Én hij scoort beter in Google.
Hoe gebruik je Global Style Settings in Elementor Pro?
Met Global Style Settings in Elementor Pro beheer je de visuele identiteit (lettertype & huisstijl kleuren) van je gehele website op één centrale plek. De belangrijkste design-keuzes stel je hier in als standaard. Bij alle tekstvakken, knoppen & titels die je toevoegt, maak je gebruik van deze vooraf ingestelde fonts, sizes en kleuren. Verandert er […]
Hoe gebruik je Global Widgets in Elementor Pro?
Eén keer aanpassen, overal bijgewerkt Met Global Widgets in Elementor Pro beheer je herhalende onderdelen op je website gemakkelijk vanaf één centrale plek. Denk aan een knop voor offerte aanvraag, nieuwsbrief aanmelding of review-blokje. Dit zijn onderdelen die vaak op meerdere plekken terugkomen. Verandert er iets in deze knop, tekstje of aanmeldformulier? Dan pas je […]
Margin vs padding in Elementor: wat is het verschil (en wanneer kies je wat)?
Je ziet ze bij ieder element in Elementor:! Margin (marge) en padding. In de praktijk gebruik je ze allebei om “ruimte” te maken, maar dat doen ze niet op dezelfde manier. Als je dit verschil eenmaal snapt, voorkom je dat je layout op mobiel raar gaat schuiven of dat achtergronden ineens niet meer doorlopen. Het […]
Afstanden in Elementor: welke maat kies je? PX, %, VW, VH, EM of REM?
Als je met Elementor werkt, ken je ze wel. Je klikt op de padding of marge van een element, of opent de hoogte- en breedte-instellingen van een container, en daar staat het rijtje: PX, %, VW, VH, EM, REM. Binnen Elementor krijg je hier precies nul uitleg over. Als je niet dagelijks met CSS bezig […]
Dynamic tags in Elementor Pro
De makkelijkste manier om linkjes goed te zetten in Elementor Pro zijn dynamic tags Je hoeft dit maar één keer mee te maken: Je past de titel van een pagina aan en ineens werken er op meerdere plekken op je website knoppen en doorverwijzingen niet meer. Dat gebeurt als je linkjes handmatig achter een knop […]
Sneller ontwikkelen in Elementor Pro met je eigen template-bibliotheek
Ik wil sneller kunnen bouwen in Elementor Pro, maar niet ten koste van een strakke, consistente website. Wat ik absoluut niet wil is allemaal pagina’s met nét andere margins, knoppen of stijlen omdat ik alles steeds opnieuw opbouw. Daarom werk ik met site-templates en een eigen templatebibliotheek: mijn vaste bouwblokken die ik binnen een project […]
Automatisch huidig jaartal bij copyright in de footer
Als WordPress expert raad ik altijd aan om het jaartal automatisch te laten updaten (waar mijn tutorial over gaat), zodat je dit niet elk jaar handmatig hoeft aan te passen. Dit is niet alleen handiger voor jou als website eigenaar, maar het zorgt er ook voor dat je website altijd actueel oogt. Daarom laat ik […]