WordPress heeft eindelijk de mogelijkheid hersteld om aangepaste CSS aan uw website toe te voegen met de release van WordPress 6.2! In dit Help-artikel laat ik je zien hoe je snel aangepaste CSS aan elke website kunt toevoegen met behulp van deze nieuwste releaseversie van WordPress, het gratis en open source CMS-platform en de webdesigner.

Deze methode werkt ook met nieuwere versies, waaronder WordPress 6.3 en 6.4.

Inhoudsopgave

Stap 1: Navigeer naar de site-editor

U hebt toegang tot de Custom CSS-functie vanuit de Site-editor, waar u de Sjablonen en Sjabloon delen van uw website. In de site-editor voert u uit wat algemeen bekend staat als "Volledige sitebewerking."

Ga vanuit het WordPress-dashboard (de eerste pagina waar u naartoe wordt geleid nadat u bent ingelogd) met uw muis over het menu-item "Uiterlijk" en klik op "Editor" (rode pijl in de afbeelding hierboven). Hiermee gaat u naar de site-editor.

Eenmaal in de site-editor kunt u ergens aan de rechterkant van het scherm klikken (het gebied dat een voorbeeld van uw website weergeeft - groen omlijnd in de bovenstaande afbeelding) om het hoofdmenu van de site-editor te openen.

WordPress vereenvoudigd: cursus krachtige websites bouwen door Davies Media Design

Stap 2: Open het menu "Stijlen".

Klik in het hoofdmenu op het pictogram "Stijlen" (het pictogram is een half zwarte, half witte cirkel) om de zijbalk Stijlen te openen.

Stap 3: Toegang tot “Aanvullende CSS”

Klik op het menu "Stijlenacties" bovenaan de zijbalk (het kleine pictogram met drie stippen - rode pijl in de bovenstaande afbeelding).

Klik op de optie "Extra CSS" in de vervolgkeuzelijst van het menu (rode pijl).

U ziet nu een lang tekstvak met de naam 'Aanvullende CSS' waarin u uw aangepaste CSS-code kunt toevoegen (groen omlijnd in de bovenstaande afbeelding). Bovenaan het vak staat "Voeg uw eigen CSS toe om het uiterlijk en de lay-out van uw site aan te passen" (rode pijl). Je ziet ook een link waar je meer te weten kunt komen over CSS-codering, die kan worden gebruikt om stijlelementen van je WordPress-site aan te passen.

Nadat u uw aangepaste CSS (groene pijl) heeft toegevoegd, klikt u op de knop "Opslaan" in het hoofdmenu om uw wijzigingen op te slaan (rode pijl).

Dat is het! U weet nu waar u aangepaste CSS aan uw WordPress-site kunt toevoegen in WordPress 6.2. WordPress onder de knie krijgen? Bekijk mijn WordPress-masterclass op Udemy!

Verlaat de mobiele versie