Brug af CSS til layout

Hvis du gerne vil ændre lidt på, hvordan indholdet af WordPress siden vises, så kan man gøre det på 2 forskellige måder.

  • Benytte CSS redigeringsfacilitet i WordPress. Det vil sige at du opretter CSS sætninger for dit websted ved at benytte “tilpas dit websted” knappen og redigere i CSS filen
  • Man kan installere et child-tema og redigere i dets CSS fil.
  • Man kan også redigere i hovedtemaets CSS fil, men den overskrives ved opdatering, og så går ændringerne tabt.

Det bedste er nok at benytte den indbyggede mulighed, så du klikker på knappen, “Tilpas dit websted” som vist på figuren:

Så får du følgende vindue frem:

Du klikker på “Ekstra CSS” og vil have brødteksten i indlæggene og overskriften til at være sort. Og skriver som følger:

CSS filen

Hvordan ved man så, hvilken klasse man skal ændre på? Det gør du ved at vise en side med indlæg, flyt musen til det sted, som du vil ændre på, fx tekstfarve fra grå til sort. Højreklik med musen Så får du følgende vindue,

Højreklik – klik på Undersøg

Derefter klik på “Undersøg”, så kommer du til en kildekode hvor netop koden for det sted er markeret.

Billedet nedenunder viser den markerede overskrift og ovenover dens CSS klasse. På venstre siden ser du hvor dens kode ligger, og format-specifikation i CSS klassen

Markeret indlægs-overskrift
Entry header, kildekode, H2 overskrift
oppe, gammel formatering, nede udvidet formattering

Det mellemste billede viser kildekoden for overskriften, og det nederste billede standard formateringen og nederste halvdel brugertilføjede formatering. Læg mærke til !Important efter Color:#000 specifikationen. Dette er nødvendigt for at få tekstfarven sort!

Bemærk også, hvis du skifter tema, så forsvinder dine CSS klasser, – til gengæld opbevares det i dit gamle tema.

Skriv et svar

Forfatter

profilbillede af mig selv

Dette er en eksempel præsenation af mig i footeren

Jeg følger kurset "avanceret WordPress" i nemprogrammering.dk, og prøver

at reproducere alt det, som læreren foretager sig