WordPress har endelig gjenopprettet muligheten til å legge til tilpasset CSS på nettstedet ditt med utgivelsen av WordPress 6.2! I denne hjelpeartikkelen viser jeg deg hvordan du raskt kan legge til tilpasset CSS til et hvilket som helst nettsted ved å bruke denne siste versjonen av WordPress, den gratis og åpen kildekode CMS-plattformen og webdesigneren.

Denne metoden fungerer også med nyere versjoner, inkludert WordPress 6.3, 6.4, 6.5, 6.6, etc.

Trinn 1: Naviger til Site Editor

Du kan få tilgang til Custom CSS-funksjonen fra Site Editor, som er der du redigerer maler og Maldeler av nettstedet ditt. Site Editor er der du utfører det som er kjent som "Full sideredigering."

Naviger til Utseende> Redaktør i WordPress Admin Area

Fra WordPress Dashboard (den første siden du kommer til etter at du har logget på), hold musen over menyelementet "Utseende" og klikk "Editor" (rød pil i bildet ovenfor). Dette tar deg til Site Editor.

Klikk på hovedinnholdsområdet i WordPress for å få tilgang til Site Editor

Når du er inne i Site Editor, kan du klikke hvor som helst på høyre side av skjermen (området som viser en forhåndsvisning av nettstedet ditt – skissert i grønt i bildet ovenfor) for å få frem Site Editor Top Menu.

WordPress forenklet: Hvordan bygge kraftige nettsteder-kurs av Davies Media Design

Trinn 2: Gå til "Stiler"-menyen

Klikk på Stiler-ikonet øverst i høyre hjørne av Block-toppmenyen

Inne i toppmenyen klikker du på "Stiler"-ikonet (ikonet er en halv svart, halv hvit sirkel) for å få frem stilsidefeltet.

Trinn 3: Få tilgang til "Ytterligere CSS"

Klikk på handlingsmenyen for stiler til høyre for sidefelttittelen for stiler

Klikk på "Styler Actions"-menyen øverst i sidefeltet (det små tre prikker-ikonet - rød pil i bildet ovenfor).

Klikk på koblingen "Ekstra CSS" fra rullegardinmenyen for alternativer

Klikk på alternativet "Ekstra CSS" fra rullegardinmenyen (rød pil).

Du kan legge til tilpasset CSS til WordPress-nettstedet ditt i boksen Ekstra CSS

Du vil nå se en lang tekstboks merket "Ekstra CSS" der du kan legge til din egendefinerte CSS-kode (skissert i grønt i bildet ovenfor). Øverst i boksen står det "Legg til din egen CSS for å tilpasse utseendet og layouten til nettstedet ditt" (rød pil). Du vil også se en lenke der du kan lære mer om CSS-koding, som kan brukes til å tilpasse stilelementer på WordPress-siden din.

Klikk Lagre for å lagre tilpassede CSS-endringer eller tillegg

Når du har lagt til din egendefinerte CSS (grønn pil), klikker du på "Lagre"-knappen i toppmenyen for å lagre endringene (rød pil).

Det er det! Du vet nå hvor du skal legge til tilpasset CSS til WordPress-nettstedet ditt i WordPress 6.2. Vil du mestre WordPress? Sjekk ut min WordPress Masterclass på Udemy!