WordPress theme customize

Artiklen er opdateret den: 12. december 2022

Du kan i WordPress indbygge tema customizer ændre på en lang række af designets elementer. Det betyder, at du kan ændre udseende på din hjemmeside radikalt med blot nogle få klik med musen.

Diverse farver

–main-bg : Baggrundsfarve på sidefoden
–footer-color : Tekst farve på sidefoden
–body-bg : Baggrundsfarven på indholdsfeltet
–body-color : Den generelle tekst farve på hjemmesiden
–link : Farven på link der optræder i indholdet (ikke menu!)
–link-hover : Farve på link når du “hover” over linket
–pre-header-bg : Baggrundsfarven på “pre header” området
–pre-header-color : Tekst farve på “pre header” området
–header-bg : Baggrundsfarven på “header” området
–header-color : Tekst farve på “header” området
–border : Farven på border som benyttes på mange forskellige elementer på hjemmesiden
–pil-op : Farven på pilen som “sender” den besøgende tilbage til toppen af siden
–slider-bg : Baggrundsfarven på slider området på forsiden
–slider-color : Tekst farven på slider området på forsiden
–top-caption-bg (80%) : Baggrundsfarven på overskriften der ligger oven på top-billedet (banner)
–top-caption-color : Tekst farven på overskriften der ligger oven på top-billedet (banner)
–submit-bg : Baggrundfarven til submit knapper (søg o.lign)
–submit-color : Tekst farve til submit knap
–sticky-scroll-bg : Baggrundsfarven på den sticky del af header ved scroll

Google Font

Google Font Link : eks. https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&display=swap
Google Font Family : eks. 'Open Sans', sans-serif

Header

Vis sidetitel sammen med logo : Normalt vises hjemmesidens titel og sub-title ikke. hvis der uploades et logo – det kan her ændres
Sticky Header : På desktop visning bliver menuen i toppen når du scroller på siden
Menu – Left : Placer menuen umiddelbart til højre for logo
Menu – Vertical : Vælg : Top, center eller bund

Mobile menu

–menu-mobile-bg : Baggrundsfarven på mobil menuen (overlayer)
–menu-mobile-color : Farven på teksten i mobil menuen
–menu-mobile-border : Farven på border
–menu-mobile-trigger-bg : Baggrundsfarven på området der folder sum-menu ud ved klik
–menu-mobile-trigger-color : Farven på + og – på trigger området
–menu-mobile-trigger-active-bg : Baggrundsfarven på trigger området når menupunktet eller underpunkter er aktive
–menu-mobile-trigger-active-color : Farven på + og – når menupunktet er aktivit
–menu-icon : Farven på menu ikonet der åbner menu (hamburger)
–menu-icon-close : Farven på menu ikonet der lukker menu (hamburger)

Menu desktop

–menu-desktop-color : – Farven på teksten i menuen
–menu-desktop-hover-color : Tekst farve ved hover
–menu-desktop-current-color : Tekst farven på det aktuelle menupunkt og father menupunkter
–menu-desktop-sub-bg : Baggrundsfarven på dropdown menuen (menupunkter i 2.,3. etc. led)
–menu-desktop-sub-color : Link farven på dropdownmenuen
–menu-desktop-sub-current-bg : Baggrundsfarven på det aktuelle menupunkt, samt hvis punktet er father menupunkt
–menu-desktop-sub-current-color : Linkfarven på det aktuelle menupunkt
–menu-desktop-sub-hover-bg : Baggrundfarven når man hover over dropdown menuen
–menu-desktop-sub-hover-color : Link farven ved hover i dropdown menuen
–menu-desktop-sub-border : Farven på linjen der adskiller de enkelte menupunkter i dropdown menuen

Side og aside bredde

–page-width (1100px) : Indholdsfeltet max bredde på hjemmesiden (minus padding)
–aside-left (24%) : Breden på venstre sidebar (% i forhold til –page-width)
–aside-right (24%) : Breden på højre sidebar (% i forhold til –page-width)

Tilbage