Sådan tilføjes, konfigureres og tilpasses web byggerens fullwidth header modul.

Bemærk: Du skal indsætte en fullwidth række i din header på hjemmesiden, før du kan tilføje denne funktion.

Fullwidth header modul gør det nemt at tilføje smukke, farverige overskrifter til toppen af dine sider (eller hvor som helst på din side, hvis du vælger det). Disse moduler kan kun placeres inden for fullwidth sektioner.

Hvordan tilføjer jeg et Fullwidth header modul?

Før du kan tilføje et fullwidth header modul til din hjemmeside skal du først ind i web byggeren. Når dit Awork biz tema er blevet installeret på din hjemmeside, skal du ind i den visuelle bygger og derfra tager tingene fart.  

Når du har trykket på den visuelle bygger, kan du klikke på den grå plus-knap for at tilføje et nyt modul til din side. Nye moduler kan kun tilføjes inde i rækker. Hvis du starter en ny side, skal du huske at tilføje en række til din side først.

Find det nye modul i modullisten, og klik på det for at tilføje det til din side. Modullisten er søgbar, hvilket betyder at du også kan skrive "Fullwidth header" og derefter trykke “Enter” for at automatisk finde det. Når modulet er tilføjet, vil du blive mødt med modulets liste over muligheder. Disse muligheder er opdelt i tre hovedgrupper: Indhold, Design og Avanceret.

Fullwidth Header indholdsindstillinger

Inden for fanen indhold finder du alle modulets indholdselementer, såsom tekst, billeder og ikoner. Alt, der styrer det, der vises i dit modul, findes altid i denne fane.

Titel

Indtast din sidetitel her.

Subheader tekst

Hvis du vil bruge en underoverskrift, skal du tilføje det her. Din underoverskrift vises under din titel i en lille skrifttype.

Knap # 1 Tekst

Indtast teksten til knappen.

Knap # 2 Tekst

Indtast teksten til knappen.

Indhold

Her kan du definere det indhold, der vil blive placeret under overskriften og titelteksten.

Knap # 1 URL

Indtast webadressen for knappen.

Knap # 2 URL

Indtast webadressen for knappen.

Logo Billede URL

Upload dit ønskede billede, eller skriv URL'en til det billede, du vil have vist.

Header Billede URL

Upload dit ønskede billede, eller skriv URL'en til det billede, du vil have vist.

Baggrundsbillede URL

Hvis det er defineret, vil dette billede blive brugt som baggrund for dette modul. For at fjerne et baggrundsbillede, skal du blot slette webadressen fra indstillingsfeltet. Baggrundsbilleder vises oven over baggrundsfarver, hvilket betyder at din baggrundsfarve ikke vil blive synlig, når et baggrundsbilde anvendes.

Baggrundsfarve

Definer en brugerdefineret baggrundsfarve til dit modul, eller slip blank for at bruge standardfarven.

Baggrund overlejringsfarve

Vælg en baggrunds overlejringsfarve, som placeres oven på baggrundsbilledet.

Admin Etiket

Dette vil ændre modulets etiket i byggeren for nem identifikation.

Fullwidth Header Indstillinger

Inden for designfanen finder du alle modulets stylings indstillinger, såsom skrifttyper, farver, størrelser og mellemrum. Dette er den fane, du vil bruge til at ændre, hvordan dit modul ser ud. Hvert modul har en lang liste over design indstillinger, som du kan bruge til at ændre næsten alt.

Tekst og Logo retning

Dette styrer hvordan din tekst er justeret inden for modulet.

Lav fuldskærm

Her kan du vælge om overskriften udvides til fuldskærmstørrelse.

Brug Parallax effekt

Hvis aktiveret, vil dine baggrundsbilleder have en fast position.

Vis rulle ned-knappen

Her kan du vælge om rullemenuen skal vises.

Ikon

Vælg et ikon, der skal vises for rullemenuen.

Rul ned ikonfarve

Som standard har rulle ned-ikonet farven på din header tekst (hvid eller grå). Du kan ændre denne farve ved at justere farven i denne indstilling ved hjælp af farvevælgeren.

Rul ned ikonstørrelse

Brug denne indstilling til at øge eller formindske størrelsen på det rullende ikon, der vises nederst i overskriften.

Billede i vertikal retning

Dette styrer placeringen af billedet i modulet.

Tekstfarve

Her kan du vælge farven  af din tekst. Hvis du arbejder med en mørk baggrund, skal din tekst indstilles til lys. Hvis du arbejder med en lys baggrund, skal din tekst være mørk.

Tekst i Vertikal retning

Denne indstilling bestemmer den lodrette tilpasning af dit indhold. Dit indhold kan enten være vertikalt centreret eller justeret til bunden

Layout

Vælg hvilket layout du vil bruge. "Gitter" vil vise alle dine varer i en multi-kolonne og multi-række layout. “Karrusellen” viser dine varer i en enkelt række billeder, der slider for at vise yderligere elementer på listen.

Titel Tekstfarve

Som udgangspunkt er alle tekstfarver til at starte med hvid eller mørkegrå. Hvis du ønsker at ændre farven på tekstfarven, kan du gøre dette i farvevælgeren.

Titel Bogstavsafstand

Bogstavsafstanden påvirker mellemrummet mellem hvert enkelt bogstav. Hvis du ønsker at justere mellemrummet mellem hvert bogstav, kan du her benytte dig af skyderen til at justere dette eller du kan angive din ønskede værdi for afstanden til højre for skyderen. Indtastningsfelterne understøtter forskellige måleenheder, hvilket betyder at du kan indtaste “px” eller “em” efter den størrelses værdi du ønsker at benytte dig af.

Titel Linjehøjde

Linjehøjden påvirker mellemrummet mellem hver linje af din tekst. Hvis du ønsker at justere linjehøjden, kan du her benytte dig af skyderen til at justere dette eller du kan angive din ønskede værdi for afstanden til højre for skyderen. Indtastningsfelterne understøtter forskellige måleenheder, hvilket betyder at du kan indtaste “px” eller “em” efter den størrelses værdi du ønsker at benytte dig af.

Meta Font

Du kan ændre skrifttypen for din meta tekst ved at vælge den ønskede skrifttype fra rullemenuen. Awork biz har skrifttyper drevet af Google Fonts. Som standard bruger awork biz skriften Open Sans til al tekst på din side. Du kan også tilpasse stilen på din tekst ved hjælp af fed, kursiv, all-caps og understrege muligheder.

Meta Font Size

Her kan du justere størrelsen af din meta tekst. Du kan trække skyderen for at rækkevidden øger eller formindsker størrelsen på din tekst, eller du kan indtaste din ønskede tekststørrelses værdi direkte i indtastningsfeltet til højre for skyderen. Indtastningsfelterne understøtter forskellige måleenheder, hvilket betyder at du kan indtaste "px" eller "em" efter din størrelsesværdi for at ændre dens enhedstype.

Meta tekstfarve

Som standard vises alle tekstfarver i awork biz som hvid eller mørkegrå. Hvis du gerne vil ændre farven på din metatekst, skal du vælge den ønskede farve fra farvevælgeren ved hjælp af denne indstilling.

Meta Letter Spacing

Bogstavs afstanden påvirker mellemrummet mellem hvert enkelt bogstav. Hvis du ønsker at justere mellemrummet mellem hvert bogstav, kan du her benytte dig af skyderen til at justere dette eller du kan angive din ønskede værdi for afstanden til højre for skyderen. Indtastningsfelterne understøtter forskellige måleenheder, hvilket betyder at du kan indtaste “px” eller “em” efter den størrelses værdi du ønsker at benytte dig af.

Meta Linjehøjde

Linjehøjde påvirker mellemrummet mellem hver linje i din metatekst.Hvis du ønsker at justere linjehøjden, kan du her benytte dig af skyderen til at justere dette eller du kan angive din ønskede værdi for afstanden til højre for skyderen. Indtastningsfelterne understøtter forskellige måleenheder, hvilket betyder at du kan indtaste “px” eller “em” efter den størrelses værdi du ønsker at benytte dig af.

Knap Tekst Størrelse

Denne indstilling kan bruges til at øge eller formindske tekstens størrelse inden for knappen. Knappen skaleres, da tekststørrelsen øges og formindskes.

Knap Tekst Farve

Denne indstilling giver dig mulighed for at tildele en brugerdefineret tekstfarve til knappen i dette modul. Vælg din brugerdefinerede farve ved hjælp af farvevælgeren for at ændre knappens farve.

Knap Baggrundsfarve

Som standard har knapper en gennemsigtig baggrundsfarve. Dette kan ændres ved at vælge den ønskede baggrundsfarve fra farvevælgeren.

Knappens kantbredde

Alle Awork biz knapper har som standard en 2px-grænse. Denne grænse kan øges eller formindskes ved hjælp af denne indstilling. Grænser kan fjernes ved at indtaste en værdi på 0.

Knappens kantfarve

Denne indstilling giver dig mulighed for at tildele en brugerdefineret kantfarve til knappen i dette modul. Vælg din brugerdefinerede farve ved hjælp af farvevælgeren for at ændre knappens kantfarve.

Knap Border Radius

Border-radius påvirker, hvordan afrundede hjørnerne på dine knapper ses. Som standard har knapper i awork biz en lille grænseradius der runder hjørnerne med 3 pixels. Du kan reducere dette til 0 for at oprette en firkantet knap eller øge det betydeligt for at oprette knapper med cirkulære kanter.

Knap Letter Spacing

Bogstavafstand påvirker mellemrummet mellem hvert bogstav. Hvis du vil øge mellemrummet mellem hvert bogstav i din knaptekst, skal du bruge mellemrums knappen til at justere mellemrummet eller indtaste din ønskede mellemrums størrelse i inputfeltet til højre for skyderen. Indtastningsfelterne understøtter forskellige måleenheder, hvilket betyder at du kan indtaste "px" eller "em" efter din størrelsesværdi for at ændre dens enhedstype.

Fullwidth Header avanceret indstillinger

På den avanceret fane finder du muligheder, som mere erfarne webdesignere kan finde nyttige, som f.eks. Brugerdefinerede CSS- og HTML-attributter. Her kan du anvende tilpasset CSS til et af modulets mange elementer.

CSS ID

Indtast et valgfrit CSS ID, der skal bruges til dette modul. Et ID kan bruges til at oprette brugerdefineret CSS-styling, eller at oprette links til bestemte afsnit på din side.

CSS klasse

Indtast valgfrie CSS-klasser, der skal bruges til dette modul. En CSS-klasse kan bruges til at oprette brugerdefineret CSS-styling. Du kan tilføje flere klasser, adskilt med et mellemrum.

Brugerdefineret CSS

Brugerdefineret CSS kan også anvendes til modulet og et hvilket som helst af modulets interne elementer. I sektionen Custom CSS finder du et tekstfelt, hvor du kan tilføje brugerdefineret CSS direkte til hvert element. CSS-input til disse indstillinger er allerede pakket ind i stilkoder, så du behøver kun at indtaste CSS-regler adskilt af semikolon.

Synlighed

Denne indstilling lader dig styre hvilke enheder dit modul vises på. Du kan vælge at deaktivere dit modul på tablets, smartphones eller computer individuelt. Dette er nyttigt, hvis du vil bruge forskellige moduler på forskellige enheder, eller hvis du vil forenkle det mobile design ved at fjerne visse elementer fra siden.