WordPress kennisbank
CSS Sticky in WordPress
Sticky met CSS een veelgebruikte techniek in WordPress webdesign, stelt elementen in staat om tijdens het scrollen op een specifieke plaats in de viewport te blijven. Dit effect wordt bereikt door de CSS-eigenschap position: sticky; toe te passen op een element. Denk bijvoorbeeld aan een sidebar die in beeld blijft...
Lees meerExtra CSS in WordPress plaatsen?
Er zijn heel veel verschillende plaatsen waar je de CSS kunt plaatsen voor je website. We zullen een aantal opties opsommen waar je de CSS nog meer zou kunnen plaatsen. CSS in de customizer van WordPress Deze vind je via het dashboard van je website en dan ga je naar...
Lees meerExtra CSS stylesheet laden via je thema
Een stylesheet specifiek voor mobiel. Dit kan bijvoorbeeld ook een stylesheet zijn voor WooCommerce of voor de styling van Gravity Forms. Bijkomend voordeel is dat je dit voor één website kunt maken en vervolgens bij andere websites kunt integreren. Hiermee bespaar je dus op termijn tijd en ontwikkel je een...
Lees meerCustom CSS menu WordPress
Het toevoegen van een CSS class aan een menu-item in een WordPress website kan handig zijn voor het opmaken en stylen van specifieke menu-items. Bijvoorbeeld, je kunt de laatste menu-item omvormen tot een call-to-action (CTA) knop om het beter te laten opvallen. Waarom Custom CSS toevoegen? CSS classes geven je...
Lees meerMet CSS text shadow toevoegen aan je tekst
Je hebt binnen je website een standaard opmaak voor je tekst en uiteraard maak je voor de beste SEO resultaten gebruik van bijvoorbeeld H1- en H2-koppen. Sliders gebruik jij natuurlijk niet, wil je weten waarom stuur ons dan gerust een berichtje, maar een mooie website zul je mogelijk wel voorzien van een...
Lees meerGeordende lijst in CSS ander nummer starten
Je kunt een geordende lijst (ol) in HTML eenvoudig laten starten vanaf een ander nummer dan 1 door gebruik te maken van de start attributen in HTML of de counter-reset eigenschap in CSS. Hieronder leg ik beide methoden uit. Methode 1: OL via HTML aanpassen In HTML kun je het...
Lees meerOpsommingstekens met CSS vervangen door iconen
Het integreren van een lijst met je sociale media kanalen in de footer van je WordPress website is een slimme zet. Hiermee geef je je bezoekers de mogelijkheid om rechtstreeks door te klikken naar jouw verschillende sociale mediaprofielen. Maar hoe voer je dit nu precies uit? Hier laten we je...
Lees meerLaatste menu item in je hoofdmenu laten opvallen
Laatste menu-item laten opvallen Er zijn tal van situaties waarin je wellicht de behoefte hebt om het laatste menu-item op je website te laten opvallen. Dit kan bijvoorbeeld het geval zijn bij een WordPress-website waar je graag de aandacht wilt vestigen op een offerte-aanvraag, of in een webshop waar het...
Lees meerAfbeelding met CSS in de achtergrond laden
Op bepaalde WordPress websites kan het qua design passen om een achtergrond te laden. Regelmatig gebruiken wij dit met een sterk vervaagde achtergrond zodat de achtergrond puur voor het design is en niet de aandacht wegtrekt. Als voorbeeld nemen we de website van Tim’s Verhuurbedrijf uit Gouda die wij mochten bouwen. Op...
Lees meerCSS border toevoegen
Een border rondom een afbeelding? Of een border rondom een tekstblok? Aan de hand van een voorbeeld leggen we je uit hoe je een border kunt aanpassen naar jouw eigen stijl in je WordPress websites. Standaard CSS border Standaard heeft de border-optie in CSS verschillende opties; solid, dotted en dashed....
Lees meer