Denne guide henviser til skabelonen (theme) Mantra.
Der er intet baggrundsbillede i headeren, og man kan se sidens baggrundsbillede. Headeren er gennemsigtig. Det kaldes Transparent i CSS sprog. Man kan også bruge koden None, som du ser her:
Placering: blog/wp-content/themes/mantra/style.css (åbnes)
linje 426:
#header {
background:none;
Denne kode bestemmer, at jeg ikke har nogen baggrund bag mine menupunkter.
Mantra theme kommer med en lang række muligheder for at tilpasse siden, som du selv måtte ønske.
Hvis du klikker på menupunktet Blog, kan du se en side, der også er lavet med Mantra, men ser helt anderledes ud. Den har et headerbillede, der er indsat gennem Mantra Settings, men der er heller ingen baggrund bag menupunkterne på bloggen.
Hvis jeg nu ville ændre baggrundfarven, kunne jeg let gøre det gennem Mantra Settings, men vil jeg indsætte et baggrundsbillede bagved menupunkterne skal jeg finde mit stylesheet og ændre koden herover til:
Placering: blog/wp-content/themes/mantra/style.css (åbnes)
linje 426:
#header {
background-image:url (http://blog.soegaardhansen.dk/wp-content/uploads/2016/07/rusort.png);}
Husk at finde frem til den korrekte URL på dit billede!
- Gå i Medier (i WordPress kontrolpanelet)
- Dobbeltklik på billedet
- Kopier URL’en fra panelet i højre side
- Indsæt det i Style.css (se ovenfor
Jeg går i denne artikel ud fra, at du kan finde frem til dit stylesheet enten i Editor i kontrolpanelet, via FileZilla, eller gennem dit webhotels kontrolpanel.