Hjemmeside

Spørgsmål til hjemmesiden og administrationspanel.

Generelt

Hvordan logger jeg ind på kontrolpanelet på min side?

Hvis du ønsker at logge ind på kontrolpanelet på dit site, skal du gøre således:

  1. I din browser skriver du navnet på din webløsning hos AWORK efterfulgt af “/wp-admin” (uden anfsørselstegn). F.eks. www.webløsning.awork.biz/wp-admin

  1. Indtast dit tilsendte burgenavn og adgangskode.

Du har nu adgang til kontrolpanelet.

Kom i gang med Web Byggeren

Web byggeren benyttes bedst i visuel tilstand, så du kan bygge din side på ”front-end” af din hjemmeside.

Hvad er den visuelle bygger?
Web byggeren kommer i to varianter. Standarden web byggeren og visuel bygger. Begge byggere giver dig mulighed for at bygge præcis de samme typer hjemmesider, med de samme indholdsfunktioner og designindstillinger. Den eneste forskel er grænseoverfladen.

Web byggeren findes i AWORK BIZ kontrolpanelet og denne kan tilgås sammen med alle de andre standard indstillinger. Den sidder inde på den respektive side og erstatter standard redigeringen. Det er derudover nemt og hurtigt at lave ændringer på din hjemmeside, imens du er inde i kontrolpanelet men det er også begrænset af kontrolpanelet, og denne gengives som blokeret repræsentation af din hjemmeside.

Denne vejledning vil kun fokusere på den visuelle bygger.

            

Den visuelle bygger giver dig mulighed for at bygge dine sider, på forsiden af din hjemmeside. Dette er en fantastisk oplevelse og giver mulighed for et meget hurtigere design. Når du tilføjer indhold eller justerer dine designindstillinger inde i den visuelle bygger, vises dine ændringer øjeblikkeligt. Du kan klikke på siden og begynde at skrive med det samme. Du kan derudover fremhæve tekst, justere typografi og stil. Du kan tilføje nyt indhold, bygge din side og se det hele ske for øjnene af dig.

Aktivering af visuel bygger
Når du er logget ind på AWORK BIZ, kan du her navigere rundt til hvilken som helst side på forsiden af din hjemmeside samt klikke på knappen ”Aktiver visuel bygger” i AWORK BIZ kontrolpanelet for at starte den visuelle bygger.
Hvis du redigerer i din hjemmeside via back-end, kan du skifte til den visuelle bygger ved klikke på knappen ”Aktiver visuel bygger”, der sidder øverst oppe i web byggerens grænseoverflade. (Bemærk: Du skal først aktivere Web byggeren før den visuelle bygger knap kan vises)

Grundlæggende info om visuel bygger
Visuel bygger er en ”træk og slip” side bygger, der giver dig mulighed for at bygge stort set enhver form for hjemmeside ved at kombinere og arrangere indhold.
Web byggeren bruger tre hovedelementer: sektioner, rækker og moduler. Ved hjælp af disse kan du oprette et utal af forskellige side layouter. Sektioner er de største byggesten og de indeholder grupper af rækker. Rækker sidder indenfor sektioner og de indeholder grupper af moduler. Moduler placeres inde i rækker. Dette er strukturen på enhver AWORK BIZ webløsning.

Sektioner
De mest grundlæggende og største byggesten til udformningen af et layout med AWORK BIZ, er sektioner. Disse bruges til at oprette store grupper af indhold og er de første du tilføjer til din side. Der er tre typer af sektioner: standard sektion, særlig sektion og sektion i fuld bredde. Standard sektion består af rækker af kolonner mens fuld bredde sektioner består af moduler med fuld bredde, som udvider hele bredden af skærmen. Særlig sektion giver mulighed for mere avancerede sidebarlayouter.

Rækker
Rækker sidder indenfor sektioner og du kan her placere et hvilket som helst antal rækker i et afsnit. Der er mange forskellige kolonne typer at vælge imellem. Når du har defineret en kolonnestruktur for din række, kan du herefter placere moduler i en ønsket kolonne. Der er ingen grænse for antallet af moduler, du kan placere i en kolonne.

Moduler
Moduler er indholdselementerne, der udgør din hjemmeside. Hvert modul, AWORK BIZ har, kan passe ind i enhver kolonnebredde.

Opbygningen af din første side
De tre grundlæggende byggesten: sektioner, rækker og moduler bruges til at opbygge din side.

Tilføj din første sektion
Før du kan tilføje noget, skal du først tilføje et afsnit. Afsnit kan tilføjes ved at klikke på den blå (+) knap. Når du holder musen over et afsnit, der allerede findes på siden, vises en blå (+) knap under den. Når du klikker, tilføjes en ny sektion under det afsnit du for øjeblikket holder musen over.
Når du starter en helt ny side, bliver din første sektion automatisk tilføjet.

Tilføj din første række
Når du har tilføjet din første sektion, kan du begynde at tilføje kolonner i kolonnerne inde i denne. Et afsnit kan rumme et hvilket som helst antal rækker og du kan blande varianterne af rækker og de varierende søjletyper, for at skabe forskellige layouter.
For at tilføje en række skal du klikke på den grønne (+) knap inde i et tomt afsnit eller klikke på den grønne (+) knap, der vises når du holder musen over en hvilken som helst nuværende række for at tilføje en ny række under den. Når du har klikket på den grønne (+) knap, vil du blive mødt af en liste over kolonne typer. Vælg den ønskede kolonne, og så er du klar til at tilføje dit første modul.

Tilføj dit første modul
Moduler kan tilføjes inde i rækker og hver række kan indeholde et hvilket som helst antal moduler. Moduler er indholdselementerne på din side og AWORK BIZ leveres med over 40 forskellige elementer som kan bruges til at bygge din hjemmeside. Du kan bruge grundlæggende moduler som tekst, billeder og knapper eller mere avancerede moduler som galleri og e-handelsbutikker.
For at tilføje et modul, skal du klikke på den grå (+) knap, der findes inde i en tom kolonne eller klik på den grå (+) knap, der findes når du fører musen over et modul på siden for at tilføje et nyt modul under det. Når du har klikket på knappen, vil du blive mødt af en liste over moduler. Vælg dit ønskede modul og det vil blive tilføjet til din side og modulindstillingerne for modulet vises. Ved hjælp af dette er modulindstillingerne med til at du kan begynde at konfigurere dit modul.

Konfiguration og tilpasning af sektioner, rækker og moduler
Hver sektion, række og modul kan tilpasses på forskellige måder. Du kan få adgang til f.eks. et billede indstillingspanel ved at klikke på tandhjulsikonet, der kommer frem når du kører musen over noget på den pågældende side.

Dette vil starte installations panelet for den pågældende tekst eller billede. Hvert indstillingspanel er opdelt i tre faner: Indhold, design og avanceret. Hver fane er designet til at give adgang til og justere AWORK BIZ’s mange indstillinger hurtigt og nemt. I fanen ”indhold” kan du her tilføje indhold såsom billeder, video, links og admin etiket. I fanen ”design” er det her, hvor der er placeret alle de indbyggede design indstillinger for hver tekst/billede. Afhængigt af hvad du redigerer, kan du styre et bredt udvalg af design indstillinger med et klik herunder: typografi, mellemrum (polstring & margen), knap stilarter og meget mere. Hvis du ønsker et større overblik, kan du her gå videre til fanen ”avanceret” hvor du kan anvende et brugerdefineret CSS, justere synlighed baseret på enhed og – afhængigt af hvad du redigerer – lave endnu flere finjusteringer.

Gem din side og få adgang til flere sideindstillinger
For at få adgang til de generelle side indstillinger, skal du klikke på det lilla dock ikon i bunden af din skærm. Dette vil være med til at udvide indstilling linjen og give dig forskellige valgmuligheder. Du kan åbne dine side indstillinger ved at klikke på tandhjulsikonet. Her kan du justere ting såsom side, baggrundsfarve og tekstfarve. Du kan finde knapperne ”Gem og afslut”.

Giv dit design et forspring med færdiglavede layouter
En god måde at give din hjemmeside et forspring på er ved hjælp af de færdiglavede layouter. AWORK BIZ har mere end 20 færdiglavede layouter, der dækker en lang række almindelige sidetyper såsom ”Om os”, ”Kontakt” ”Blog” mm. Du kan indlæse disse og derefter bytte demo indholdet ud med dit eget indhold, og din nye side bliver færdig, før du ved det!

Gem dine egne layouter til biblioteket
Ud over at bruge de færdiglavede layouter, der følger med AWORK BIZ kan du også komme med egne kreationer til AWORK BIZ biblioteket. Når et design er blevet gemt som et AWORK BIZ layout i AWORK BIZ biblioteket, kan det indlæses på nye sider. Jo mere du opbygger dit bibliotek med dine yndlingsdesigns, desto hurtigere vil du kunne oprette nye hjemmesider.
For at gemme et emne i biblioteket skal du klikke på det ikon, der findes på biblioteket når du kører musen over noget på hjemmesiden, f.eks. et billede eller tekst, og indenfor indstillingspanelet for siden. Når et emne er blevet tilføjet til biblioteket, vises det i fanen ”Indløs fra bibliotek” når du tilføjer nye AWORK BIZ layouter, sektioner, rækker og moduler.

Okay, nu har du styr på det grundlæggende. Nu er det tid til at grave dybere!
På nuværende tidspunkt har du tilføjet dine første afsnit, rækker og moduler til din side. Du har justeret deres indstillinger og begyndt at bygge samt tilpasse dit design. Du har det grundlæggende, men der er meget mere at lære. Vi har masser af guides, der dækker hvert et aspekt af AWORK BIZ. Jeg opfordrer dig til at gå tilbage til forsiden og læse alle manualer igennem. Når du er færdig, vil du være mester i AWORK BIZ.

Hvordan fungerer AWORK BIZ Biblioteket?

Biblioteket er det sted du kan gemme brugerdefineret moduler og designs, som du først skal bruge senere.

Hvad er Awork biz biblioteket?

Awork biz biblioteket er dit ultimative webdesign værktøjskasse. Her kan du gemme dine yndlingsdesigns, sektioner, rækker eller moduler til senere brug. Når du gemmer noget til dit awork biz bibliotek, kan du nemt få adgang til det fra modulvinduet, når du tilføjer et nyt design, modul, sektion eller række til siden.

Spar dig selv for mange “design timer” ved at oprette samlinger af dine favorit modulkombinationer. Har du brugt timer på at tilpasse indstillingerne i “Design” og “Avanceret” til et modul for at skabe et helt unikt udseende til din nye hjemmeside? Hvorfor så ikke gemme alle de brugerdefinerede moduler til dit bibliotek, så du kan bruge dem i fremtiden uden at skulle genskabe dem igen. Når du har oprettet din samling i biblioteket, vil du opdage, at det er lettere lave din egen hjemmeside. Faktisk behøver du aldrig at oprette et “Child theme” igen. Når du har udviklet et bibliotek med brugerdefinerede moduler, rækker og sektioner, kan du eksportere disse og importere dem, når du opretter nye hjemmesider. På den måde kan fremskynde din designproces.

Awork biz biblioteket er mere end blot en samling af gemte designs. Hvert biblioteksfil kan gøres “Global”. Globale moduler synkroniseret, uanset hvor de er placeret. Når et globalt modul ændres, opdateres det automatisk på alle de sider, du har tilføjet det til. På den måde bliver awork biz mere end blot en sidebygger, det bliver en hjemmeside bygger. For eksempel kan du oprette et globalt afsnit, der tilføjes til sidefoden på hver side på din hjemmeside. Opdater den globale sektion én gang og få hele din hjemmeside opdateret med det samme .Moduler i biblioteket kan også få deres indstillinger selektivt synkroniseret. Hvis du f.eks. Har tilpasset et modul ved hjælp af fanerne “Design” og “Avanceret”, kan du gemme modulet til biblioteket, mens du kun gemmer indstillingerne i disse to områder. Hvis dit modul er gjort “Global”, bliver dine “Design” og “Avancerede” indstillinger synkroniseret, men alt i fanen “Indhold” kan være anderledes på hver side, modulet bruges på.

Gem nye ting til dit bibliotek

Gem nye ting til dit bibliotek med web byggeren, når du svinger over et modul, en række eller en sektion i web byggeren, indeholder menulinjen en knap for at gemme en vare til biblioteket til senere brug. Klik blot på ikonet, giv din skabelon et navn og klik på “Gem til bibliotek”.

Når det er tilføjet biblioteket, kan du til enhver tid få adgang til emnet via awork biz > web byggeren bibliotek-linket i dit awork biz kontrolpanel, og du kan føje det gemte emne til en ny side via fanen “Tilføj fra bibliotek”, når du tilføjer en nyt modul, række eller sektion til din side.

Når du har klikket på “Gem og tilføj til bibliotek”, bliver du bedt om at udfylde nogle oplysninger om dit nye biblioteksfil. Du kan give dit nye emne et navn for at huske det ved at vælge hvilke indstillinger du vil gemme, tilføje dit emne til en kategori samt gøre emnet til et “globalt bibliotek” element. Når du har udfyldt alle de nødvendige oplysninger, skal du klikke på “Gem” for at afslutte processen og tilføje dit nye emne til biblioteket.

Oprettelse og administration af elementer i biblioteket

Når du tilføjer et nyt element til dit bibliotek, kan dette element administreres og redigeres fra awork biz> web biblioteks-siden i dit awork biz kontrolpanel. Når du åbner denne side, får du en liste over alle dine biblioteksfiler. Du kan sortere din liste via kontrollerne øverst på siden, og du kan redigere nogle af dine biblioteksposter ved at klikke på linket “Rediger” ved siden af elementet i listen. Du kan også bygge nye elementer fra bunden inde fra Divi bibliotek. Når du har opbygget et nyt bibliotekspost, vil det være tilgængeligt i fanen “Tilføj fra bibliotek”, mens du bruger web byggeren. For at oprette et nyt emne i biblioteket skal du klikke på knappen “Tilføj ny” øverst på skærmen, mens du er inde på awork biz> Divi biblioteks-siden i dit awork biz kontrolpanel.

Tilføj af biblioteksfiler til din side

Når et emne er blevet tilføjet til dit Divi-bibliotek, kan det hurtigt nås, når der opbygges nye sider. Når du tilføjer et nyt modul, række eller layout på din side, vil du se en “Tilføj fra bibliotek” -fanen. Hvis du klikker på denne fane, vises alle elementer i dit bibliotek. Klik på det emne, du gerne vil tilføje til din side.

Text Block”.

Hvordan fungerer AWORK BIZ tastaturgenveje?
  1. AWORK BIZ tastaturgenveje sparer dig tid. Gør noget ved bare et par tastetryk!

    Brug web byggeren til tastaturgenveje

    Web byggeren har en lang række nyttige tastaturgenveje. Når du har mester de mange genveje, vil det spare dig for en masse tid. Handlinger der normalt vil tage dig 2,3 eller 4 klik, kan ofte udføres med færre. Web byggeren har tastaturgenveje til næsten alt.

    Brug genveje når du designer

    Web byggeren har et væld af mange nyttige tastaturgenveje, men det kan være svært at huske dem alle. Derfor er der oprettet web bygger guide som indeholder en komplet liste over tilgængelige tastaturgenveje. For at få adgang til web bygger guiden, skal du trykke på “?” -tasten, i mens du designer din hjemmeside i visuel byggeren.

    Visuelle bygger tastaturgenveje

    Følgende tastaturgenveje er tilgængelige, når visuelle bygger er aktiv

    Sidegenveje

    Indlejrede værktøjsgenveje

    Modulgenveje

    Modale genveje

Hvordan bruger jeg web byggerens højre knap funktion?

Web byggerens højre klik funktion giver dig hurtig adgang til nogle nye og almindeligt anvendte funktioner.

Hurtig adgang til Web Byggerens funktioner

Når du højreklikker på noget med web byggeren eller den visuelle bygger er den aktiveret, uanset om det er et modul, en række eller en sektion, får du en liste over forskellige handlinger, der kan udføres. Disse handlinger omfatter: Fortryd, Gendan, Gem i bibliotek, Deaktiver, Lås og Kopier og Indsæt. Du er måske bekendt med mange af disse funktioner, da de er ret almindelige. Derfor har vi tilføjet dem til højre klik funktionen for din bekvemmelighed! På denne måde behøver du ikke at gå ind i modul indstillingerne for at få adgang til de almindeligt anvendte funktioner. Nogle af funktionerne er unikke for højreklik funktionen, og er kun tilgængelige, når du højreklikker. Disse omfatter: Kopier, Indsæt og Lås.

Fortryd & Gendan

Enhver handling, du foretager inde på web byggeren, kan fortrydes, og enhver fortrydelse kan også genudføres. Fortryd og gendan kontrollerer (som også er tilgængelige ved hjælp af redigeringshistorik knappen, der findes på hovedsiden nederst i den aktiverede visuelle byggers grænseflade) kan også findes, når du højreklikker.

Gem til bibliotek

Muligheden for at gemme et element til web byggerens-bibliotek, kan ske ved højre klikke i web byggeren. Ved hjælp af denne funktion kan du gemme elementer til biblioteket uden at skulle åbne den relevante indstillingsboks.

Deaktiver

Ethvert modul, række eller sektion kan deaktiveres. Når et element er deaktiveret, falder det ud i baggrunden. Denne reducerede opacitet er beregnet til at indikere, at elementet er deaktiveret, men stadig giver dig mulighed for at se og redigere det, mens web byggeren er aktiveret. Når denne handling er blevet gemt, og den visuelle bygger er blevet slukket, forsvinder det deaktiverede element helt.

Deaktivering er en fantastisk måde at fjerne ting fra visning uden rent faktisk at slette dem i byggeren. De kan derefter genaktiveres i fremtiden.

Lås

Lås er en funktion, der kun er tilgængelig via Awork biz højrekliks funktion. Når et element er låst, kan det ikke flyttes, redigeres eller slettes, før det er låst op. Kun brugere med administratorrollen har mulighed for at låse og låse op. Det betyder, at du kan tildele dine kunder en mindre rolle, som f.eks. Redaktør, og de vil ikke kunne redigere noget, der er låst. Dette er en fantastisk måde at kontrollere, hvad dine kunder kan og ikke kan redigere. Ofte vil du måske låse alt undtagen tekstmoduler, som vil tillade din klient at redigere deres indhold, men ikke tillade dem at justere indstillingerne for mere avancerede moduler.

Kopier & Indsæt

Med Awork biz højrekliks funktion kan du kopiere et modul, en række eller et afsnit fra et område og derefter indsætte det i et andet område. Du kan endda kopiere og indsætte et elements stil og kopiere det til et andet element af samme type. For eksempel, hvis du har fire ikoner i en række, kan du redigere dem som du vil, og så skal du blot kopiere og indsætte den redigeret stil på de andre. Denne kopier og indsæt funktion sparer dig for masser af tid og kedelig gentagelser!

Overblik over AWORK BIZ Sektionerne

Sektioner er byggerens største byggesten og kan bruges på forskellig vis.

Sektioner er den største byggesten i Web Byggeren. Man kan sammenligne sektioner med horisontale (vandrette) stablekasser, som kan grupperes således at indholdet kommer ind i visuelt adskilte områder. I AWORK BIZ starter alt du bygger med en sektion. Denne indholds indpakning har forskellige indstillinger, som er med til at gøre nogle fantastiske ting.

Hvordan tilføjer du en sektion til din side?

Før du kan tilføje et sektions modul til din side, skal du først gå ind i Web Byggeren. Du vil i toppen se en Brug visuel bygger-knap, ovenover side redigeringen hver gang du vil bygge en ny side. Ved at klikke på denne knap, bliver Web Byggeren aktiveret og der gives adgang til Web Byggerens moduler. Derefter skal der klikkes på Brug visuel bygger, for at starte byggeren i visuel tilstand. Der kan også klikkes på Aktiver visuel bygger når du browser på forsiden af din webløsning, så længe du er logget ind på AWORK BIZ kontrolpanelet.

Når du er inde på din webløsning og har aktiveret den visuelle bygger, kan du herefter trykke på den blå (+) knap for at tilføje en ny sektion til din side. Her vil der komme et pop-up vindue som giver dig mulighed for at tilføje en af de tre sektions typer. Disse typer er: Regulær, Specialitet og Fuldbredde.

Når du har valgt din sektion, er der flere valgmuligheder indenfor denne sektion. Disse valgmuligheder er inddelt i tre hovedgrupper: Indhold, Design og Avanceret.

Sektion indhold muligheder

I indholds fanen, kan du her finde sektionens indhold. For sektioner er disse begrænset til baggrunds elementer som for eksempel baggrunds billeder og videoer.

Baggrundsbillede

Hvis baggrundsbillede er valgt, vil dette være baggrunden for det pågældende modul. For at fjerne det pågældende baggrundsbillede, skal URL’en slettes fra indstillings feltet.

Baggrundsfarve

Hvis baggrundsfarve er valgt, vil dette være baggrunden for det pågældende modul. For at fjerne den pågældende baggrundsfarve, skal URL’en slettes fra indstillings feltet.

Baggrund Video MP4

Alle video bør uploades i .MP4 .WEBM for at sikre den maksimale kvalitets kompatibilitet i alle browsere. Upload .MP4 versionen her. Video baggrund er deaktiveret fra mobile enheder, i stedet vil baggrundsbilledet bliver brugt. På grund af dette bør der være uploadet både et baggrundsbillede og en baggrunds video for at sikre det bedste resultat.

Baggrund Video WEBM

Alle video bør uploades i .MP4 .WEBM for at sikre den maksimale kvalitets kompatibilitet i alle browsere. Upload .WEBM versionen her. Video baggrund er deaktiveret fra mobile enheder, i stedet vil baggrundsbilledet bliver brugt. På grund af dette bør der være uploadet både et baggrundsbillede og en baggrunds video for at sikre det bedste resultat.

Vigtig information med henblik på .MP4 og .WEBM baggrunds videoer: For at videoerne virker i alle browsers, må din server have den korrekte MIME type angivet. Hvis din video ikke afspilles i en bestemt type browser, er dette højst sandsynligt grunden.

Baggrund Video Bred

For at din video får den korrekte størrelse, skal du angive den præcise bredde i pixels af din video.

Baggrund Video Høj

For at din video får den korrekte størrelse, skal du angive den præcise højde i pixels af din video.

Admin Etiket

Her kan en admin etiket tilføjes som vil komme til syne i Web Byggeren og i den visuelle bygger.

Sektion design muligheder

I design fanen, vil du her finde sektionens styling muligheder, såsom størrelse og mellemrum. Dette er fanen du vil benytte dig af for at redigere sektionens udseende. Alle sektions typer, har en lang liste af design muligheder som gør det muligt at ændre mere eller mindre alt.

Box Shadow

Her kan du vælge om din sektion skal have en indre skygge eller ej. Dette kan se godt ud til farvede baggrunde eller baggrundsbilleder.

Parallax effekt

Hvis dette er aktiveret, vil dit baggrundsbillede blive hvor det er når du scroller, hvilket er med til at give en parallax lignende effekt. Der kan også vælge mellem to parallax metoder: CSS og True Parallax.

Fyld

Her kan du justere sektions fyld, for at skabe værdi eller lade den være blank for standard fyld.

Sektion avanceret muligheder

I avanceret fanen, vil du her finde muligheder som mere avancerede webdesigner vil finde nyttige, for eksempel brugerdefineret CSS og HTML. Du kan her tilføje brugerdefineret CSS til din sektion, samt brugerdefineret CSS ID og klasser, hvilket kan bruges til at tilpasse sektionen inden for dit tema.

CSS ID

Indtast et valgfrit CSS ID som skal bruges til denne sektion. ID kan bruges til at lave et brugerdefineret CSS design eller til at lave links til den pågældende sektion af din side.

CSS Klasser

Indtast et valgfrit CSS klasse som skal bruges til denne sektion. CSS Klasser kan bruges til at lave et brugerdefineret CSS design. Du kan tilføje flere klasser, adskilt med mellemrum, disse klasser kan bruges til dit brugerdefineret CSS som du kan tilføje til din side eller webløsning ved at benytte dig af Tema Muligheder eller AWORK BIZ side indstillinger.

Brugerdefineret CSS

Brugerdefineret CSS kan tilføjes til sektionerne her. I den brugerdefineret CSS, kan du finde et tekst felt hvor du kan tilføje brugerdefineret CSS til hvert element. CSS input til disse indstillinger har allerede tilføjet design tags, så derfor skal CSS reglerne kun adskilles med semikolon.

Synlighed

Denne mulighed lader dig kontrollere hvilke enheder, din sektion kommer til syne på. Du kan vælge at deaktivere din sektion individuelt på tablets, smartphones eller stationær computer. Dette er nødvendigt hvis du ønsker at benytte dig af forskellige sektioner på forskellige enheder, eller hvis du ønsker at gøre mobil design enklere ved at fjerne diverse sektioner fra denne side.

Brug af Fuldbredde Sektioner

Fuldbredde Sektioner gider dig mulighed for at tilgå nye set af Fuldbredde Moduler. Disse moduler er en smule forskellige, da de med fordel udnytter browserens fuldbredde. Fuldbredde moduler, kan kun blive placeret i Fuldbredde Sektioner.

                                     ↓

Når du har tilføjet din fuldbredde sektion på din side, kan du klikke på Nyt modul for at tilføje en fuldbredde modul. I forhold til almindelige moduler, er der her ikke noget koncept med rækker eller kolonner, eftersom at fuldbredde moduler altid tager 100% af skærmen. Fuldbredde moduler er en glimrende måde at tilføje en visuel pause til din side!

Et glimrende eksempel på et fuldbredde modul, er en fuldbredde slider. Fuldbredde slider fungerer som en almindelig slider, udover at den bredden er 100%.

Specialitet Sektioner

Specialitet Sektioner tager udgangspunkt i en mere avanceret kolonne struktur. I forhold til almindelige sektioner, så kan du ved specialitet sektionerne tilføje komplekse kolonne variationer ved siden af fuldspændte lodrette sidebjælker og uden at tilføje uønsket bryder til siden. Disse layouts er dog ikke mulige når der benyttes almindelige sektioner.

Når du har tilføjet en specialitet sektion til siden, vil du her kunne se at et område har en “Tilføj modul” knap, imens den har en “Tilføj række” knap. Din “Tilføj modul” repræsentere din lodrette sidebjælke. Du kan tilføje så mange moduler du vil her, i en enkel række og de vil nu spænde henover den lodrette bredde af sektionen, tilstødende til den kolonne struktur du har bygget ved siden af den. Ved at klikke “indsæt række”, vil den her lade dig tilføje flere rækker til højre/venstre af din sidebjælke. Du kan til dels betegne dette som at tilføje rækker, i din række.

Resultatet af dette er muligheden for at lave lige præcis den kolonne du ønsker.

Hvilke rækker og række muligheder er der i AWORK BIZ?

Sektioner er byggerens største byggesten og kan bruges på forskellig vis.

Rækker er de forskellige kolonne layouts, som kan blive placeret indenfor en sektion. Meget ligesom moduler, har rækker forskellige indstillinger som kan blive tilgået ved at klikke på tandhjulsikonet, i toppen af venstre hjørne af en række.  I denne vejledning vil vi komme omkring nogle af disse funktioner samt hvordan de kan bruges til at lave nogle unikke layouts. Række indstillinger kan bruges til at i høj grad øge mængden af layouts med Web Byggeren, da de skaber den struktur dine moduler er i.

Indhold indstillinger

Baggrundsfarve

Baggrundsfarve kan blive tilføjet til en hel række, som standard har rækker en gennemsigtig baggrundsfarve.

Baggrundsbillede

Baggrundsbillede kan blive tilføjet til en hel række.

Baggrunds Video MP4

Baggrunds video kan blive tilføjet til en række. Dog er du nødt til at uploade videoen i .MP4 og .WEBM format.

Baggrunds Video WEBM

Baggrunds video kan blive tilføjet til en række. Dog er du nødt til at uploade videoen i .MP4 og .WEBM format.

Baggrunds Video Bred

Efter dine videoer er blevet uploadet, må du angive hvor bred din video er og det skal være lig med den aktuelle størrelse af videoen, ellers vil baggrunds positionen være forkert.

Baggrunds Video Høj

Efter dine videoer er blevet uploadet, må du angive hvor høj din video er og det skal være lig med den aktuelle størrelse af videoen, ellers vil baggrunds positionen være forkert.

Pause Video

Hvis Du ønsker at dine videoer skal pauses, når de bliver klikket på, skal dette aktiveres.

Kolonne Baggrundsfarve

Hver kolonne kan få tildelt deres egen unikke farve som baggrundsfarve.

Kolonne Baggrundsbillede

Hver kolonne kan få tildelt deres egen unikke farve som baggrundsbillede.

Admin Etiket

Dette vil ændre modulets etiket i Web Byggeren, for nem identifikation.

Design Indstillinger

Brug af Parallax Effekt

Hvis du ønsker at bruge en parallax effekt for din rækkes baggrundsbillede, kan du aktivere denne og vælge din ønskede parallax metode.

Parallax Kolonne Effekt

Her kan du vælge om hvorvidt du ønsker at bruge en parallax effekt for dit baggrundsbillede, for en specifik kolonne i din række.

Gør denne række til Fuldbredde

Hvis denne mulighed er aktiveret vil rækken være fuldbredde af browservinduet (dette kan sammenlignes med en fuldbredde sektion).

Brug Brugerdefineret Bredde

Du kan også lave en brugerdefineret bredde til en række. For eksempel hvis du ønsker at tilføje noget variation til siden og lave en bestemt række større end resten, kan du benytte dig af brugerdefineret bredde.

Brug Tilpasset Bredde Tagrende

Tagrende bredde justere mellemrummet mellem kolonner. Der er 4 tagrende bredde størrelser, fra ingen til stor. Hvis du for eksempel sætter tagrende bredde størrelsen på 1, vil dette resulterer i ingen mellemrum mellem kolonnerne men kombineret sammen med en fuldbredde række mulighed, kan dette lave en lignende effekt til fuldbredde portfolio modul.

Udjævn Kolonne højder

Dette er en god mulighed hvis du har valgt baggrundsfarver til dine individuelle kolonner. Aktivering af denne mulighed, gør at alle kolonner i den samme række vil have den samme højde.

Tilpasset fyld

Hvis du ønsker at tilpasse fyldet, kan dette gøres her.

Tilpasset margen

Hvis du ønsker at tilpasse margen, kan dette gøres her.

Kolonne Brugerdefineret Polstring

Hvis du ønsker at tilpasse polstringen for en specifik kolonne, kan dette gøres her.

Kolonne Brugerdefineret margen

Hvis du ønsker at tilpasse margen for en specifik kolonne, kan dette gøres her.

Avanceret Indstillinger

CSS ID

Du kan tildele et CSS ID til din række, hvis du ønsker at målrette dette i dit stylesheet eller med anker links.

CSS Klasser

Du kan tildele en CSS klasse til din række, hvis du ønsker at målrette dette i dit stylesheet.

Kolonne CSS ID

Du kan tildele et CSS ID til en specifik kolonne i din række, hvis du ønsker at målrette dette i dit stylesheet eller med anker links.

Kolonne CSS Klasser

Du kan tildele en CSS Klasse til en specifik kolonne i din række, hvis du ønsker at målrette dette i dit stylesheet.

Før

Indsæt CSS her for at blive anvendt :før hoved rækken.

Hovedelement

Indsæt CSS her for at blive anvendt i hoved rækken.

Kolonne Før

Indsæt CSS her for at blive anvendt :efter hoved rækken.

Kolonne Hovedelement

Indsæt CSS her for at blive anvendt til en bestemt kolonne.

Kolonne Efter

Indsæt CSS her for at blive anvendt :efter en bestemt kolonne.

Synlighed

Denne mulighed lader dig kontrollere hvilke enheder, din række kommer til syne på. Du kan vælge at deaktivere dine moduler individuelt på tablets, smartphones eller stationær computer. Dette er nødvendigt hvis du ønsker at benytte dig af forskellige moduler på forskellige enheder, eller hvis du ønsker at gøre mobil design enklere ved at fjerne diverse elementer fra siden.

Sider

Hvordan opretter jeg sider?

For at oprette sider kan du følge denne fremgangsmåde:

  1. Log ind i dit administrationspanel.
  2. Gå til “Sider” i venstre sidebar.
  3. Klik på knappen “Tilføj ny” som er øverst oppe.
  4. Du er nu i gang med at oprette en ny side. Du tilføjer din titel i det aflange hvide felt og din brødtekst samt billeder i det store hvide felt.
  5. Når du har skrevet din tekst og/eller indsat billeder, så klikker du på knappen “Udgiv” som er en blå knap, placeret til højre.
  6. Din nye side kan nu ses ved at klikke på “Vis side” (“View Article” på engelsk) som er placeret under det aflange hvide felt hvor du har skrevet din titel.

 

Hvordan redigerer jeg sider?

For at redigere sider kan du følge denne fremgangsmåde:

  1. Log ind i dit administrationspanel.
  2. Gå til “Sider” i venstre sidebar.
  3. Klik på den side du ønsker at redigere.
  4. Du kan nu foretage dine rettelser på den valgte side.
  5. Når du har foretaget dine rettelser, så klikker du på knappen “Opdater” som er en blå knap, placeret til højre.
  6. Den opdaterede side kan nu ses ved at klikke på “Vis side” (“View Article” på engelsk) som er placeret under det aflange hvide felt hvor du har skrevet din titel.
Hvordan gendanner jeg en side jeg har redigeret?

Hvis du ved en fejl har redigeret en side og du gerne vil gendanne siden, så følg disse trin:

  1. Gå til den respektive side
  2. Rul ned til sektionen “Ændringer” (“Revisions” på engelsk)
  3. Klik på én af ændringer som du ønsker skal gendannes
  4. Du ser nu indholdet og kan trykke på “Gendan” (“Restore” på engelsk) oppe til højre
  5. Du har nu gendannet din side
Hvordan deaktiverer jeg en sektion?

Sådan deaktiverer du en sektion

  1. Gå til den respektive side under “Sider”
  2. Højreklik på menuen med de 3 streger (burgermenuen)
  3. Klik nu på “Deaktiver”
  4. Klik på de enheder du gerne vil deaktivere sektionen
  5. Klik nu på “Opdater”
  6. Du har nu deaktiveret sektionen
Hvordan skjuler jeg en side side?
  1. Du går til “Sider”
  2. Klik på den respektive side
  3. Ude til højre vil der stå “Synlighed” hvor du skal klikke “Rediger”
  4. Vælg nu om det skal være en “Kladde” eller om siden blot skal være “Privat” – begge muligheder vil skjule din side fra offentligheden
  5. Du har nu skjult din side
Hvordan linker jeg til en anden side på sitet?
  1. Du går til “Sider”
  2. Find den side du gerne vil linke til og tryk rediger ved denne
  3. Inde på denne side kan du øverst under Side titel se hvad siden hedder (f.eks. hvis siden hedder minhjemmeside.awork.biz/side2/, hedder siden “side2”).
  4. Noter navnet og vend tilbage til oversigten over alle dine sider
  5. Klik på den respektive side
  6. Find det element som linket skal indgå i (f.eks. hvis du skal have en knap i en slider til at linke til en anden side på dit site, klikker du på burgermenuen ud for slideren. Herefter vælger du det slide inde i slideren som indeholder knappen og trykker på burgermenuen for denne)
  7. Led nu efter et felt der hedder “Knap URL”
  8. Da du skal linke til en side på samme site kan du skrive navnet på siden du vil linke til med skråstreger på hver side (f.eks. /side2/)
  9. Tryk “gem” og herefter “gem og afslut”
  10. Tryk “opdater” i højre side af skærmen og du har nu oprettet et link!

Medier

Hvordan uploader jeg filer, dokumenter, billeder og videoer?

Hvis du ønsker at uploade filer, dokumenter, billeder og videoer, skal du gøre således:

  1. Log ind i dit administrationspanel.
  2. Klik på “Medier” i menuen til venstre.
  3. Klik nu på “Tilføj ny”.
  4. Træk filerne over for at uploade eller klik på knappen “Vælg filer”.

Du har nu uploadet en fil og/eller dokument til systemet.

Hvordan lægger jeg et billede ind i slideren?

Sådan lægger du et nyt billede ind i slideren:

  1. Klik på “Sider” ude til venstre
  2. Klik på den respektive side, hvor du vil redigere slideren
  3. Klik nu på burger-menuen (de 3 streger) i slider-boksen
  4. Nu åbner et pop-up vindue, hvor der ligger et eller flere slides – klik nu på burger-menuen på det respektive slide
    • Du kan nu vælge om du vil skrive noget tekst på slideren
    • Du kan rulle/scrolle helt ned til der hvor der står “Background”, hvor du klikker på tredje tab (den som ligner et billede) hvor du klikker på plusset i midten. Du kan nu uploade billedet
  5. Du skal nu klikke på “Gem”
  6. Nu er du tilbage i den overordnede pop-up hvor du kan klikke på  “Gem & afslut”
  7. Klik nu på den røde knap ude til højre hvor der står “Opdater”
  8. Du har nu lagt et nyt billede ind i slideren
Hvordan ændrer jeg forsidebilledet?

Sådan lægger du et nyt billede ind på forsiden:

  1. Klik på “Sider” ude til venstre
  2. Klik på den respektive side, hvor du vil redigere slideren
  3. Klik nu på burger-menuen (de 3 streger) i fullwidth header eller sektionen. 
  4. Nu åbner et pop-up vindue, hvor du kan vælge Baggrunden. Du har her 4 valgmuligheder: Fast farve, gradient farve, billede eller video (billedet (punkt 5) nedenfor har “billede” funktionen markeret).
  5. Hvis der ikke i forevejen er et billede lagt op kan du klikke på det grå plus i midten
  6. Hvis der ER et billede i forvejen kan dette udskiftes ved at trykke på tandhjulet som dukker op når man holder musen hen over billedet.
  7. Herefter finder du det ønskede billede i dit mediebibliotek eller uploader det ønskede billede
  8. Du kan nu klikke på  “Gem & afslut”
  9. Klik nu på den røde knap ude til højre hvor der står “Opdater”
  10. Du har nu lagt et nyt billede ind på forsiden
Hvordan lægger jeg en overlagsfarve ind over et billede?

Sådan lægger du en overlagsfarve ind over et billede:

  1. Klik på “Sider” ude til venstre
  2. Klik på den respektive side, hvor du vil redigere modulet som skal indeholde billedet med overlagsfarve.
  3. Klik nu på burger-menuen (de 3 streger) ud for det modul du gerne vil have ændret.
  4. Nu åbner et pop-up vindue, hvor du kan vælge Baggrunden. Du har her 4 valgmuligheder: Fast farve, gradient farve, billede eller video (billedet (punkt 5) nedenfor har “billede” funktionen markeret).
  5. Først vælger du en farve ved at klikke på det grå kryds (hvis der allerede er valgt en farve kan du trykke på tandhjulet i højre hjørne af farven).
  6. Nu skal du finde et billede som farven skal ligge hen over. Klik op billede ikonet i baggrundsvælgeren:
  7. Herefter finder du det ønskede billede i dit mediebibliotek eller uploader det ønskede billede.
  8. Når du har valgt billedet kan du scrolle ned Indtil du ser mulighederne: Baggrund Billed Størrelse, Baggrundsbilledet Position osv.
    Her klikker du på den mulighed som hedder “Background Image Blend” og vælger muligheden “Soft Light”.
  9. Scroll op for at se et preview af billedet.
  10. Du kan nu klikke på  “Gem & afslut”
  11. Klik nu på den røde knap ude til højre hvor der står “Opdater”
  12. Du har nu lagt et nyt billede ind på forsiden
Hvordan gør jeg mine billeder mindre?

Sådan gør du dine billeder mindre (komprimering af billeder):

  1. Log ind i dit administrationspanel.
  2. Klik herefter på “Medier” over til venstre.
  3. Klik nu på det valgte billede som du ønsker at gøre mindre.
  4. Klik nu på knappen, under billedet, hvor der står “Rediger billede”.
  5. Over til højre kan du så skalere billedet ned (bredde og højde) ved at vælge dimensioner og klikke på “Skaler”.
  6. Luk herefter pop-up vinduet ved at klikke på krydset oppe til højre.

Du har nu gjort dit billede mindre.

Menuer

Hvordan opretter jeg menu-punkter?

For at oprette menu-punkter kan du følge denne fremgangsmåde:

  1. Klik på “Menuer” i venstre sidebar.
  2. Du har nu flere valgmuligheder når du skal oprette et menu-punkt. Mulighederne er følgende:
    1. Du kan vælge at oprette menu-punkter via nogle i forvejen oprettede sider.
    2. Du kan vælge at oprette menu-punkter via nogle i forvejen oprettede indlæg (blogindlæg)
    3. Du kan vælge at oprette menu-punkter hvor du blot indtaster en unik URL
  3. I tilfælde af at du blot vil have en af dine i forvejen oprettede sider som menu-punkt, så kan du blot vælge en af dine sider til venstre. Her markerer du den specifikke side og klikker på knappen “Tilføj til menu”.
  4. Du kan nu arrangere menu-punkterne som du vil via drag og drop.
  5. Klik på “Gem menu” for at gemme dine ændringer

Hvordan omrokerer jeg menu-punkter?

Sådan omrokerer du dine menu-punkter:

  1. Klik på “Menuer”
  2. Træk og slip (drag and drop) nu menu-punkterne efter ønske
  3. Ønsker du at lave en undermenu, skal du blot trække det respektive menu-punkt ud fra et andet menu-punkt
  4. Klik på “Gem menu” for at gemme dine ændringer

Hvordan sletter jeg menu-punkter?

Sådan sletter du et menu-punkt:

  1. Klik på “Menuer”
  2. Klik på pilen (som går nedad) på det enkelte menu-punkt
  3. Rul ned og klik på “Fjern” nederst til venstre
  4. Klik på “Gem menu” for at gemme dine ændringer

Hvordan ændrer jeg navn på et menupunkt?

Sådan ændrer du navn på et menupunkt:

  1. Klik på “Menuer”
  2. Klik på pilen (som går nedad) på det enkelte menu-punkt
  3. Skriv navnet på dit menupunkt under “Menutitel”
  4. Klik på “Gem menu” for at gemme dine ændringer

Brugere

Hvordan opretter jeg brugere?

Hvis du ønsker at oprette brugere, skal du gøre således:

  1. Log ind i dit administrationspanel.
  2. Klik på “Brugere” i menuen til venstre.
  3. Klik nu på “Tilføj ny”.
  4. Indtast oplysningerne på brugeren.
  5. Vælg selv at indtaste adgangskode eller benyt systemets automatisk genererede adgangskode.
  6. Vælg eller fravælg om du vil sende den adgangskoden til den nye bruger du opretter.
  7. Vælg den specifikke rolle til brugeren.
  8. Klik nu på “Tilføj ny bruger”.

Du har nu oprettet en ny bruger i systemet.

Andet end
AWORK BIZ

Hvordan laver jeg to eller flere kolonner på en side?

Vær opmærksom på, at denne guide er til WordPress med udvidede muligheder (via klippekort).

Hvis du ønsker at lave to eller flere kolonner på en side, skal du gøre således:

  1. Log ind i dit administrationspanel.
  2. Gå til “Sider” og klik “Tilføj ny” eller rediger en eksisterende side.
  3. Klik nu på “Backend Editor” lige under titel-feltet.
  4. Klik på plusset (+) og klik herefter på “Row”.
  5. Nu har du oprettet en “Row” og du kan nu klikke på tekst-ikonet ved siden af drag og drop ikonet. Her vælger du to eller flere kolonner efter dit ønske, som vil have siden til at se ud.
  6. Siden er nu delt op i de ønskede antal kolonner. Du skal nu tilføje indhold til kolonnerne. Det gør du ved at klikke på plusset (+) herefter klikke “Text Block”.

Moduler

Hvordan virker den animeret tæller?

Animeret Tæller

Sådan tilføjes, konfigureres og tilpasses web byggerens animeret tæller modul.

En animeret tæller er en sjov og effektiv måde at vise statistik på til dine besøgende. Animation vises ved hjælp af “lat-loading” for at gøre hjemmesiden virkelig engagerende. Du kan placere så mange tællere som du gerne vil inde i dette modul.

(Her ses et eksempel på hvordan det kan se ud)

Hvordan tilføjer jeg et animeret tæller modul?

Før du kan tilføje en animeret tæller 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 “bar counters” 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.

Indholds indstillinger

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.

Her ses et antal af punkter du kan redigere i.

Brug procentdele

Som standard vises tallene i procentsatser i tælleren. Denne tekst kan deaktiveres ved hjælp af denne indstilling.

Baggrundsfarve

Med denne indstilling kan du justere baggrundsfarven på hver tæller.

Tæller Baggrundsfarve

Denne indstilling giver dig mulighed for at justere baggrundsfarven på den fyldte linje. Disse baggrundsfarve indstillinger overlejrer den foregående baggrundsfarve indstilling.

Admin Etiket

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

Design Muligheder

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.

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.

Procent Tekst

Her kan du justere skrifttype, vægt, størrelse, farve, afstand, linjens højde og meget mere.

Kanten

Her kan du justere størrelse, farve, afstand og meget mere.

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.

Individuelt tæller indstillinger

Titel

Titlen, der er defineret her, vises over din tæller. Lad den være tom, hvis ingen titel ønskes.

Procent

Denne værdi definerer, hvor fyldt tælleren vil være. Du kan indtaste en værdi mellem 1% og 100%.

Baggrundsfarve

Med denne indstilling kan du justere baggrundsfarven for hver tæller. Disse indstillinger gælder for den del som ikke er udfyldt i tælleren.

Tæller baggrundsfarve

Denne indstilling giver dig mulighed for at justere baggrundsfarven på den fyldte linje. Disse baggrundsfarve indstillinger overlejrer den foregående baggrundsfarve indstilling.

Individuelt design indstillinger

Etiket Farve

Ændrer farven på stregens titeltekst, der vises over streg tælleren.

Procent Farve

Denne indstilling ændrer farven på procentent, der vises inde i bjælken.

Individuelle avanceret indstillinger

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.

Hvordan fungerer design Indstillinger & avancerede modul indstillinger?

Du kan tilpasse alle moduler ved at bruge avanceret design indstillinger.

Når du redigerer et modul, en række eller en sektion, vil du se tre faner i indstillingerne poppe op: Indhold, Design og Avanceret. Alt hvad du behøver for at oprette et flot  Awork biz tema og derigennem drage fordel af hvert modul, findes i fanen indhold. Men hvis du vil have endnu mere kontrol over modulets udseende, så kan du gå til fanen design. Hvis du er en udvikler, og du vil bruge dit eget CSS i stedet for at bruge designkontrollen i fanen design, kan du klikke på fanen avanceret. Når det er blevet kombineret, er der intet der ikke kan tilpasses.

Design Indstillinger

Design indstillingerne varierer fra modul til modul. For hvert modul har vi tilføjet alle de mulige design indstillinger, som du kan finde under fanen design. På grund af de mange muligheder af design indstillinger for bestemte moduler, har vi adskilt dem i markerede kategorier under design indstillinger. Der er ligeledes en søgeboks, som gør det muligt at finde et specifikt design.

For at finde og bruge design indstillingerne, skal du blot redigere et eksisterende modul, række eller sektion (eller oprette en ny) for at åbne indstillingerne. Derefter klik på fanen design, så kan du se dine design muligheder.

Fra dette faneblad kan du gøre næsten alt. Indstillingerne varierer afhængigt af den type modul du har valgt at redigere. Du vil typisk kunne finde muligheder for at justere typografi (f.eks. Tekststørrelse, afstand, linjens højde osv.), mellemrums justeringer (f.eks. Padding og margenværdi), farvevalg (f.eks. Tekstfarve, belægningsfarve, baggrundsfarver) samt en række andre unikke indstillinger for visse elementer. Udnyt disse design muligheder og du kan skabe noget unikt.

Avanceret indstillinger

Under fanen design er der skabt så mange muligheder, at du kan gøre næsten alt, hvad der kan gøres med CSS (uden at røre ved en kode). Hvis du er en udvikler, vil du formentlig foretrække at skrive dine egne koder i stedet for at bruge vores brugerdefinerede design kontroller. I dette tilfælde kan du bruge fanen avanceret, som kan findes lige ved siden af fanen design i pop-up vinduet.

I denne fane kan du tilføje et brugerdefineret CSS ID eller CSS klasse for at målrette og anvende dit eget CSS child theme style.css-fil.

Hvis du vil undgå besværet med at oprette Child theme, kan du nemt målrette CSS til individuelle moduler på individuelle sider ved at bruge indstillingerne i rullemenuen under manual CSS. Her har vi fjernet alle struktur elementerne i modulet og givet dig tekstfelter, hvor du kan skrive dit eget CSS. Ved hjælp af dette panel kan du anvende CSS til enkelte dele af modulet. Du kan f.eks. Anvende tilpasset CSS, direkte til et ikon eller ved at oprette dit eget: lige fra web byggeren.

Til sidst i rullemenuen kan du vælge synligheden af dit modul på telefoner, tablets og computere.

Hvordan fungerer det bagsidetekst modul?

Bagsidetekst modul

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

Bagsidetekst modul er en simpel og elegant kombination af tekst og billeder. Bagsidetekst er en god måde at give små korte og vigtige informationer på. Bagsideteksten kan placeres i alle kolonner du vælge at oprette.

Hvordan tilføjer jeg et bagsidetekst modul?

Før du kan tilføje et bagsidetekst 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 “blurb/Bagsidetekst” 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.

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

Giv din bagsidetekst en titel. URL-indstillingen under “Titelfeltet” giver dig mulighed for at give din egen titel til et hyperlink.

Indhold

Dette felt er, hvor du kan indtaste indholdet til din bagsidetekst.

URL

Angiv en gyldig webadresse i dette felt for at gøre din titel til et link.Hvis du lader dette felt være tomt, vil du blot lade din titel være som den er.

URL åbner

Her kan du vælge om dit link skal åbnes i et nyt vindue.

Brug ikon

Når du bruger bagsidetekst, kan du vælge enten at bruge et ikon eller et billede med din tekst. Hvis du vælger “ja” for “Brug ikon”, vil du blive præsenteret for en masse tilpasset ikoner. Hvis du ikke vælger at bruge et ikon, bliver du bedt om at uploade et billede i stedet.

Ikon

Hvis du vælger “ja” for indstillingen “Brug ikon”, vises denne indstilling. Disse indstillinger giver dig en liste over tilgængelige ikoner, som du kan bruge til din bagsidetekst. Du skal blot klikke på det ikon, som du gerne vil bruge.

Billede

Hvis du ikke vælger at bruge et ikon, vises denne indstilling. Indsæt en gyldig billedeadresse her, eller vælg / upload et billede via Awork biz medie bibliotek. Billedet vises altid centreret i deres kolonner og spænder over hele kolonnen på din kolonne op til 550px. Imidlertid vil dit billede aldrig blive større end dets oprindelige uploadstørrelse. Højden på billedet er bestemt af billedeformatet af dit originale billede, så det er en god ide at lave alle dine billeder på samme måde, hvis du placerer dem side om side.

Baggrundsfarve

Definer en brugerdefineret baggrundsfarve til dit modul.

Baggrundsbillede

Hvis der er valgt et billede, vil dette billede blive brugt som baggrund for dit modul. For at fjerne et baggrundsbillede, skal du blot slette webadressen fra indstillingsfeltet. Baggrundsbilleder dækker over baggrundsfarver, hvilket betyder at din baggrundsfarve ikke vil blive synlig, når et baggrundsbillede anvendes.

Admin Etiket

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

Design 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.

Ikon farve

Hvis du vælger “ja” for indstillingen “Brug ikon”, vises denne indstilling. Denne indstilling giver dig mulighed for at tilpasse farven på dit ikon. Som standard er ikonerne indstillet til din tema farve.

Cirkel ikon

Hvis du vælger “ja” for indstillingen “Brug ikon”, vises denne indstilling. Disse indstillinger giver dig mulighed for at placere dit ikon inden for en farvet cirkel. Hvis du vælger “ja” for denne indstilling, vil du blive præsenteret for yderligere muligheder for at tilpasse din cirkelfarve og kant.

Cirkel Farve

Hvis du vælger “ja” for indstillingen “Cirkelikon”, vises denne indstilling. Her kan du vælge en farve for din cirkel. Denne farve er uafhængig af din ikonfarve som valgt tidligere.

Vis cirkel kant

Hvis du vælger “ja” for indstillingen “Cirkelikon”, vises denne indstilling. Denne indstilling giver dig mulighed for at indsætte en ramme for din cirkel. Hvis valgt, vises en ekstra mulighed for at vælge din farve.

Cirkelkantfarve

Hvis du vælger “ja” for indstillingen “Vis cirkel grænse”, vises denne indstilling. Her kan du justere farven på cirkel kanten.

Placering af billede / ikon

Her kan du vælge, hvor du vil have dit billede / ikon placeret. Det kan enten vises over teksten eller til venstre for teksten. Hvis du placerer billedet / ikonet til venstre for din tekst, bliver billedet mindre, end hvis det blev placerer det øverst.

Brug ikonets skrifttype størrelse

Hvis aktiveret, kan du indtaste en brugerdefineret størrelse for ikonet, der vises ovenfor eller til venstre for din tekst.

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.

Header Skrifttype Størrelse

Her kan du justere størrelsen af din header tekst. Du kan trække skyderen for at gøre størrelsen af din tekst, mindre eller større eller du kan angive din ønskede værdi for tekst størrelsen 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.

Header Tekst Farve

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.

Header Bogstavafstand

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.

Header 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.

Body Text

Her kan du justere tekst skrifttype, vægt, størrelse, farve, afstand, linjens højde og meget mere.

Brugerdefineret Margen

Margen er den plads, der er tilføjet uden for dit modul, mellem modulet og det næste element ovenfor, under eller til venstre og højre for det. Du kan tilføje brugerdefinerede margen værdier til et af modulets fire sider. Hvis du vil fjerne tilpasset margen, skal du slette merværdien fra indtastningsfeltet. Som standard måles disse værdier i pixels, men du kan indtaste brugerdefinerede måleenheder i input felterne.

Brugerdefineret Polstring

Polstring er den plads, der er tilføjet inden i dit modul, mellem modulets kant og dets interne elementer. Du kan tilføje brugerdefinerede polstring værdier til et hvilket som helst af modulets fire sider. Hvis du vil fjerne tilpasset margen, skal du slette merværdien fra indtastningsfeltet. Som standard måles disse værdier i pixels, men du kan indtaste brugerdefinerede måleenheder i input felterne.

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.

Hvordan fungerer billede modulet?

Bagsidetekst modul

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

Bagsidetekst modul er en simpel og elegant kombination af tekst og billeder. Bagsidetekst er en god måde at give små korte og vigtige informationer på. Bagsideteksten kan placeres i alle kolonner du vælge at oprette.

Hvordan tilføjer jeg et bagsidetekst modul?

Før du kan tilføje et bagsidetekst 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 “blurb/Bagsidetekst” 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.

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

Giv din bagsidetekst en titel. URL-indstillingen under “Titelfeltet” giver dig mulighed for at give din egen titel til et hyperlink.

Indhold

Dette felt er, hvor du kan indtaste indholdet til din bagsidetekst.

URL

Angiv en gyldig webadresse i dette felt for at gøre din titel til et link.Hvis du lader dette felt være tomt, vil du blot lade din titel være som den er.

URL åbner

Her kan du vælge om dit link skal åbnes i et nyt vindue.

Brug ikon

Når du bruger bagsidetekst, kan du vælge enten at bruge et ikon eller et billede med din tekst. Hvis du vælger “ja” for “Brug ikon”, vil du blive præsenteret for en masse tilpasset ikoner. Hvis du ikke vælger at bruge et ikon, bliver du bedt om at uploade et billede i stedet.

Ikon

Hvis du vælger “ja” for indstillingen “Brug ikon”, vises denne indstilling. Disse indstillinger giver dig en liste over tilgængelige ikoner, som du kan bruge til din bagsidetekst. Du skal blot klikke på det ikon, som du gerne vil bruge.

Billede

Hvis du ikke vælger at bruge et ikon, vises denne indstilling. Indsæt en gyldig billedeadresse her, eller vælg / upload et billede via Awork biz medie bibliotek. Billedet vises altid centreret i deres kolonner og spænder over hele kolonnen på din kolonne op til 550px. Imidlertid vil dit billede aldrig blive større end dets oprindelige uploadstørrelse. Højden på billedet er bestemt af billedeformatet af dit originale billede, så det er en god ide at lave alle dine billeder på samme måde, hvis du placerer dem side om side.

Baggrundsfarve

Definer en brugerdefineret baggrundsfarve til dit modul.

Baggrundsbillede

Hvis der er valgt et billede, vil dette billede blive brugt som baggrund for dit modul. For at fjerne et baggrundsbillede, skal du blot slette webadressen fra indstillingsfeltet. Baggrundsbilleder dækker over baggrundsfarver, hvilket betyder at din baggrundsfarve ikke vil blive synlig, når et baggrundsbillede anvendes.

Admin Etiket

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

Design 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.

Ikon farve

Hvis du vælger “ja” for indstillingen “Brug ikon”, vises denne indstilling. Denne indstilling giver dig mulighed for at tilpasse farven på dit ikon. Som standard er ikonerne indstillet til din tema farve.

Cirkel ikon

Hvis du vælger “ja” for indstillingen “Brug ikon”, vises denne indstilling. Disse indstillinger giver dig mulighed for at placere dit ikon inden for en farvet cirkel. Hvis du vælger “ja” for denne indstilling, vil du blive præsenteret for yderligere muligheder for at tilpasse din cirkelfarve og kant.

Cirkel Farve

Hvis du vælger “ja” for indstillingen “Cirkelikon”, vises denne indstilling. Her kan du vælge en farve for din cirkel. Denne farve er uafhængig af din ikonfarve som valgt tidligere.

Vis cirkel kant

Hvis du vælger “ja” for indstillingen “Cirkelikon”, vises denne indstilling. Denne indstilling giver dig mulighed for at indsætte en ramme for din cirkel. Hvis valgt, vises en ekstra mulighed for at vælge din farve.

Cirkelkantfarve

Hvis du vælger “ja” for indstillingen “Vis cirkel grænse”, vises denne indstilling. Her kan du justere farven på cirkel kanten.

Placering af billede / ikon

Her kan du vælge, hvor du vil have dit billede / ikon placeret. Det kan enten vises over teksten eller til venstre for teksten. Hvis du placerer billedet / ikonet til venstre for din tekst, bliver billedet mindre, end hvis det blev placerer det øverst.

Brug ikonets skrifttype størrelse

Hvis aktiveret, kan du indtaste en brugerdefineret størrelse for ikonet, der vises ovenfor eller til venstre for din tekst.

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.

Header Skrifttype Størrelse

Her kan du justere størrelsen af din header tekst. Du kan trække skyderen for at gøre størrelsen af din tekst, mindre eller større eller du kan angive din ønskede værdi for tekst størrelsen 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.

Header Tekst Farve

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.

Header Bogstavafstand

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.

Header 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.

Body Text

Her kan du justere tekst skrifttype, vægt, størrelse, farve, afstand, linjens højde og meget mere.

Brugerdefineret Margen

Margen er den plads, der er tilføjet uden for dit modul, mellem modulet og det næste element ovenfor, under eller til venstre og højre for det. Du kan tilføje brugerdefinerede margen værdier til et af modulets fire sider. Hvis du vil fjerne tilpasset margen, skal du slette merværdien fra indtastningsfeltet. Som standard måles disse værdier i pixels, men du kan indtaste brugerdefinerede måleenheder i input felterne.

Brugerdefineret Polstring

Polstring er den plads, der er tilføjet inden i dit modul, mellem modulets kant og dets interne elementer. Du kan tilføje brugerdefinerede polstring værdier til et hvilket som helst af modulets fire sider. Hvis du vil fjerne tilpasset margen, skal du slette merværdien fra indtastningsfeltet. Som standard måles disse værdier i pixels, men du kan indtaste brugerdefinerede måleenheder i input felterne.

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.

Hvordan fungerer blok modulet?

Blog Modul

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

Med Awork Biz kan et blog modul blive placeret overalt på din hjemmeside og i forskellige formater. Du kan kombinere en blog og et sidebar modul, for at skabe det klassiske blog design.

Hvordan tilføjer jeg et Blog modul?

Før du kan tilføje et blog 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 “blog” 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.

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.

Indlæg

Indstil de antal indlæg, du ønsker at vise. Du skal have indlæg lavet for at det dukker op inden for dette modul.

Vælg de kategorier, som du gerne vil medtage i indlægsfeltet. Alle indlæg kategorier, du har oprettet, vil dukke op her.

Inkluder Kategorier

Vælg hvilke kategorier du gerne vil medtage i feedet.

Meta dato format

Definer dato formatet, som du gerne vil vise på dine blogindlæg. Standard layoutet er et M j, Y format (6. januar 2018). Du kan vælge andre formater, hvis dette ønskes.

Indhold

“Vis det fulde indhold” vil ikke afkorte dine indlæg på indekssiden. “Vis uddrag” viser kun din uddragstekst.

Vis fremhævet billede

Denne indstilling giver dig mulighed for at vælge, om du vil have billeder vist i dit blogmodul.

Læs mere knap

Her kan du definere, om der skal vises “læs mere” link eller ej.

Vis forfatter

Vælg om du vil vise forfatteren af ​​hvert blogindlæg under indlægstitel.

Vis dato

Vælg, om du vil vise den dato, for hvert indlæg som er blev oprettet

Vis kategorier

Vælg om du vil vise indlæg kategorier under indlægstitel.

Vis antal kommentare

Vælg om du vil have vist antal kommentare under indlægstitel.

Admin Etiket

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

Design 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.

Placering af billede / ikon

Her kan du vælge, hvor du vil have dit billede / ikon placeret. Det kan enten vises over teksten eller til venstre for teksten. Hvis du placerer billedet / ikonet til venstre for din tekst, bliver billedet mindre, end hvis det blev placerer det øverst.

Brug ikonets skrifttype størrelse

Hvis aktiveret, kan du indtaste en brugerdefineret størrelse for ikonet, der vises ovenfor eller til venstre for din tekst.

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.

Header Skrifttype Størrelse

Her kan du justere størrelsen af din header tekst. Du kan trække skyderen for at gøre størrelsen af din tekst, mindre eller større eller du kan angive din ønskede værdi for tekst størrelsen 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.

Header Tekst Farve

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.

Header 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.

Header 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.

Body Tekst

Her kan du justere bloggens skrifttype, størrelse, farve, afstand, linjens højde og meget mere.

Brugerdefineret Margen

Margen er den plads, der er tilføjet uden for dit modul, mellem modulet og det næste element ovenfor, under eller til venstre og højre for det. Du kan tilføje brugerdefinerede margen værdier til et af modulets fire sider. Hvis du vil fjerne tilpasset margen, skal du slette merværdien fra indtastningsfeltet. Som standard måles disse værdier i pixels, men du kan indtaste brugerdefinerede måleenheder i input felterne.

Brugerdefineret Polstring

Polstring er den plads, der er tilføjet inden i dit modul, mellem modulets kant og dets interne elementer. Du kan tilføje brugerdefinerede polstring værdier til et hvilket som helst af modulets fire sider. Hvis du vil fjerne tilpasset margen, skal du slette merværdien fra indtastningsfeltet. Som standard måles disse værdier i pixels, men du kan indtaste brugerdefinerede måleenheder i input felterne.

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

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.


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 eller 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.

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.

Hvordan laver jeg et call to action modul?

Call to Action Modul

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

Det er altid vigtigt at give dine besøgende et hurtig overblik over hvordan de kan kontakte din virksomhed. Uanset om du forsøger at få dem til at købe dit produkt eller kontakte dig for et tilbud, vil “Call To Action” få de klik, du har brug for. CTA-modulet er en simpel kombination af titel, tekst og en knap. Når det kombineres med en levende baggrundsfarve, kan en CTA knap nemt fange dine besøgendes opmærksomhed.

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 “Call To Action” 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.

Call To Action indstillinger

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

Indsæt titlen på dit Call to Action-modul her.

Tekst til knappen

Angiv din tekst til knappen her, eller lad det være tomt, hvis du ikke vil have en knap.

Indhold

Dette felt er, hvor du kan indtaste indholdet i Call to Action.

URL til knap

Indsæt en gyldig webadresse i dette felt for at angive destinationen for din CTA.

URL åbner

Her kan du vælge om dit link åbnes i et nyt vindue

Brug baggrundsfarve

Hvis aktiveret, vil en baggrundsfarve blive anvendt til modulet. Hvis en baggrundsfarve er blevet aktiveret, tilføjes en yderligere kant i modulet for at adskille tekstindholdet fra modulets synlige kant. Hvis en baggrundsfarve ikke er aktiveret, bliver modulets baggrund gennemsigtig, og den ekstra polstring fjernes.

Baggrundsfarve

Definer en brugerdefineret baggrundsfarve til dit modul, eller slip blank for at bruge standardfarven. Denne indstilling vises kun, når “Brug baggrundsfarve” er blevet aktiveret.

Baggrundsbillede

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

Admin Etiket

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

Design 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.

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 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.

Header Font

Du kan ændre skrifttypen for din header 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.

Header Font Size

Her kan du justere størrelsen af ​​din header 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.

Header 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.

Header Letter Spacing

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.

Header Linjehøjde

Linjehøjde påvirker mellemrummet mellem hver linje i din header 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.

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 eller 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.

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.

Hvordan laver jeg et cirkel tæller modul?

Cirkel tæller Modul.

Sådan tilføjes, konfigureres og tilpasses web byggerens cirkel tæller modul.

Cirkel tælleren giver dig en visuel måde at vise en enkelt statistik på. Når du ruller ned, tæller tallet op, og cirkelgrafen fyldes til den procentvise placering. Prøv at kombinere flere cirkel moduler på en enkelt side, for at give dine besøgende en sjov måde at lære om din virksomhed eller dine personlige evner.

Hvordan tilføjer jeg et cirkel tæller modul?

Før du kan tilføje et cirkel tæller 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 “Circle counter” 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.

Indholdsindstillinger for modulet

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.

Nummer

Definer et tal til cirkel tælleren. Hvis du vælger et nummer under 100, bliver cirkelgrafen fyldt op til et procenttal, der svarer til det nummer, du indtastede. For eksempel vil indtastning af nummer 20, vil cirklen udfylde 20%.

Procentdel

Her kan du vælge om procenttegnet skal tilføjes efter nummeret ovenfor.

Baggrundsfarve til linjen

Dette ændrer fyldfarven i linjen. Fyldfarven styres af dit “nummer” som du tidligere har valgt ovenfor. Hvis du vælger nummer 50 og farven blå, fylder din cirkel 50% med en blå farve.

Admin Etiket

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

Design 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.

Cirkel Farve

Dette er den farve, der vil blive brugt til den ikke-udfyldte del af cirklen.

Cirkel farve opacitet

Du kan reducere opaciteten af den fyldte del af cirklen ved hjælp af denne indstilling.

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.

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.

Number Font

Du kan ændre skrifttypen for din nummer 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.

Number Font Size

Her kan du justere størrelsen af ​​din nummer 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.

Number 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.

Number Letter Spacing

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.

Number 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.

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.

Hvordan laver jeg et Email tilmeldings modul?

Email tilmelding modul

Sådan tilføjes, konfigureres og tilpasses web byggerens email tilmeldings modul.

Lad din email-liste vokse let ved at bruge funktionen i awork biz.

Hvordan tilføjer jeg et email tilmeldings modul til min hjemmeside?

Før du kan tilføje et søgemodul 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 “Email Optin” 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.

Konfigurering af e-mail konti

Før du kan bruge e-mail-modulet, skal du først oprette forbindelse til en e-mail-udbyder. Disse udbydere kan tilføjes og styres inden for modul indstillingerne. Når du har tilføjet en ny e-mail-udbyder, vises den i modul indstillingerne, når du redigerer et e-mail-modul på din hjemmeside.

For at tilføje en ny e-mailudbyder skal du først vælge din e-mailudbyder fra listen “Vælg udbyder”. Klik derefter på knappen “Tilføj” for at linke modulet til din e-mail-konto.

Efterfølgende skal du udfylde de resterende ting, så det hele bliver sat op.

Email Tilmeldingsindstillinger

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

Indsæt titlen på din tilmeldingsformular her.

Knap Tekst

Angiv signatur teksten her.

Indhold

Dette felt er, hvor du kan indtaste indholdet til SignUp.

Serviceudbyder

Her kan du vælge hvilken mailsystem, du bruger. Modulet understøtter mange forskellige udbydere. Vælg din udbyder fra listen.

Brug Baggrundsfarve

Hvis aktiveret, vil en baggrundsfarve blive anvendt til modulet. Hvis en baggrundsfarve er blevet aktiveret, tilføjes yderligere “padding” i modulet for at adskille tekstindholdet fra modulets synlige kant. Hvis en baggrundsfarve ikke er aktiveret, bliver modulets baggrund gennemsigtig, og den ekstra “padding” fjernes.

Baggrundsfarve

Du kan vælge hvilken som helst farve til din tilmeldingstitel ved at bruge farvevælgeren. Vælg den samme farve som dens afsnit baggrund, for at skabe udseendet af en fuld bredde eller grænseløs effekt.

Admin Etiket

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

Design 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.

Formularfeltets Baggrundsfarve

E-mail-formularen indeholder 3 indtastningsfelter til fornavn, efternavn og email. Du kan bruge denne indstilling til at justere baggrundsfarven på disse felter.

Formularfeltets Farve

Du kan bruge denne indstilling til at justere tekstfarven på disse felter. Hvis du har justeret formularfeltets baggrundsfarve, kan du også justere tekstfarven for at sikre et harmonisk farveforhold.

Fokus Baggrundsfarve

Når et inputfelt er markeret med en besøgers mus, ændres farverne for at gøre det klart, hvilket felt der er aktivt. Her kan du definere baggrundsfarven for felterne.

Fokus Tekstfarve

Når et inputfelt er fokuseret af en besøgers mus, ændres farverne for at gøre det klart, hvilket felt der er aktivt. Her kan du definere tekstfarven på ønskede felter.

Brug Fokus Kantfarve

Hvis du gerne vil tilføje en ramme til inputfeltet, når de er fokuserede, kan du aktivere denne indstilling.

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.

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.

Knap Tekststø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 Tekstfarve

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.

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.

Hvordan laver jeg et fane modul?

Sådan tilføjes, konfigureres og tilpasses tekst modul i Awork biz.

Sådan tilføjes et fane modul til din hjemmeside

Før du kan tilføje et fane 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 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 fane modulet i listen over moduler og klik på det for at tilføje det til din side. Modullisten er søgbar, hvilket betyder at du også kan skrive “faner” og derefter trykke “enter” for at automatisk finde og tilføje tekst modulet. 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.

Fanen Indholds indstillinger

Inden for fanens 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.

Tilføj nyt produkt

Her tilføjer du nye faner til dit faneblad. Ved at klikke på “Tilføj nyt element” åbnes en helt ny liste over designindstillinger (herunder Indhold, Design, Avanceret) til din nye fane. Se nedenfor for individuelle faneblad indstillinger.

Når du har tilføjet din første fane, vil du se en grå bjælke vises med titlen på din fane, den vises som en etiket. Den grå bjælke har også tre knapper, som giver dig mulighed for at redigere indstillingerne for “fanen”, “duplikere fanen” eller “slet fanen”.

Hvis du har tilpasset indstillingerne til din første fane og ønsker at beholde den samme indstilling i resten af ​​dine faner, skal du klikke på ikonet for duplikat . Du får se en ny grå bjælke vises under den første fane. Klik for at redigere indholdet af den nye fane og gentag denne proces for resten af ​​dine faner.

Aktiv baggrundsfarve

Denne indstilling giver dig mulighed for at tilføje en baggrundsfarve til dine aktive faner. En fane betragtes som aktiv, når den er blevet klikket eller valgt. Som standard er din aktive fane baggrundsfarve hvid og matcher den standard hvide baggrundsfarve på dit fane indhold.

Baggrundsfarve i inaktiv fane

Denne indstilling giver dig mulighed for at tilføje en baggrundsfarve til dine inaktive faner. En fane betragtes som inaktiv, når den ikke er blevet klikket eller valgt. Som standard er din inaktive fanebaggrundfarve grå i modsætning til den standard hvide baggrundsfarve på den aktive fane. Denne baggrundsfarve kontrast for aktive og inaktive faner gør det lettere at kende forskel på fanerne.

Baggrundsfarve

Denne indstilling giver dig mulighed for at ændre baggrundsfarven på fanemodulets indhold.

Baggrundsbillede

Denne indstilling giver dig mulighed for at tilføje et baggrundsbillede af indholdet på fanemodulet.

Admin Etiket

Som standard vises dit videomodul med en etiket, der heder ‘Video’ web byggeren . Admin-etiketten giver dig mulighed for at ændre denne etiket for nem identifikation.

Fane design muligheder

Inden for design fanen finder du alle modulets styling 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 designindstillinger, som du kan bruge til at ændre næsten alt.

Fane tekst design muligheder

Disse indstillinger styrer designet på din fane tekst (eller titel) for alle faner i dit modul. Valgmulighederne omfatter fane skrifttype, fane skrift størrelse, fane tekst farve, fane bogstavs mellemrum og fanens højde.

Design tekst til body text

Disse indstillinger styrer designet på dine fanemodulers tekst (teksten er indtastet i indholdet af dine individuelle faner). Valgmulighederne omfatter skrifttype, skrifttype størrelse, tekstfarve, mellemrum mellem bogstaver.

Fane indstillinger i avanceret

På den avancerede 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. Du kan også anvende brugerdefinerede CSS-klasser og id’er til modulet, som kan bruges til at tilpasse modulet i dit Child Theme style.css-fil.

CSS ID og klasser

Dette kan bruges til at tilføje et  CSS ID eller klasse til dit fanemodul. Disse kan så bruges i dit stylesheet eller i Custom CSS-boksen Temaindstillinger til at anvende tilpasset styling til modulet. CSS ID’er kan også målrettes med anker links til link til bestemte områder på din side.

Brugerdefineret CSS

Her kan du tilføje brugerdefineret CSS til dit fanemodul.

Synlighed

Her kan du vælge at skjule (eller deaktivere) dit fanemodul på bestemte enheder. Du kan vælge at deaktivere modulet på telefon, tablet og / eller computer.

Individuelle fane indstillinger

Titel

Denne valgmulighed fungerer som titlen på din fane. Dette bliver teksten i den aktuelle fane, som brugere klikker på, for at skifte gennem modulet.

Indhold

Her indtaster du teksten på din fane ved hjælp af den indbyggede redigerings knap.

Baggrundsfarve

Her kan du tilføje en baggrundsfarve til din fane.

Baggrundsbillede

Her kan du tilføje et baggrundsbillede til din fane.

Individuelle indstillinger under fane design

Tab Tekst

Denne indstilling giver dig mulighed for at designe fanebladet, som er titlen på din fane. Valgmulighederne omfatter skrifttype, skriftstørrelse, tekstfarve, afstand og linjens højde.

Body Tekst

Denne indstilling giver dig mulighed for at designe teksten på din fane. Valgmulighederne omfatter skrifttype, skriftstørrelse, tekstfarve, afstand og linjens højde.

Individuelle indstillinger under fane avanceret

Brugerdefineret CSS

Her kan du tilføje brugerdefineret CSS til den specifikke fane, du redigerer. Denne CSS vil kun blive anvendt på denne fane.

Hvordan opretter jeg et filtreret portefølje modul?

Filtreret Portefølje modul

Sådan tilføjes, konfigureres og tilpasses web byggerens portefølje modul.

Filtreret portefølje-modul fungerer ligesom det normale portefølje-modul, bortset fra at det viser dit projekt på en smuk filtreret måde. Det kommer også med nogle unikke nye layouter. Modulet fungerer ved at vise en liste over dine seneste projekter. Det kan bl.a. bruges af designere og kunstnere, der ønsker at vise et galleri af deres seneste arbejde.

Hvordan tilføjer jeg et filtreret portefølje til min hjemmeside?

Før du kan tilføje et søgemodul 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 “Filtreret portefølje” 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.

Filtreret portefølje indholdsindstillinger

Portefølje Titel

Indtast en titel, der vises over porteføljen, eller lad det være tomt for ikke at bruge en titel.

Inkluder kategorier

Vælg hvilke kategorier du vil vise. Projekter fra kategorier, der ikke er markeret, vises ikke i projektlisten.

Stillingsnummer

Kontroller, hvor mange projekter der vises. Forlad tomt eller brug 0 for ikke at begrænse mængden.

Vis titel

Vælg om titlen på hvert projekt vises eller ej, når du har musen over projektelementet.

Vis dato

Vælg om udgivelsesdatoen for hvert projekt vises, når du svæver med musen over projektelementet.

Baggrundsfarve

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

Baggrundsbillede

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 baggrundsbillede anvendes.

Admin Etiket

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

Filtreret Portefølje design 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.

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

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.

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 Tekststørrelse

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

Knap Tekstfarve

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.

Filtreret portefølje avanceret indstillinger

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.

Hvordan tilføjer, konfigurerer og tilpasser jeg et fullwidth header modul?

Fullwidth Header Modul

Fullwidth Header Modul

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.

Hvordan tilføjer, konfigurerer og tilpasser jeg et fullwidth map modul?

Fullwidth Map Modul

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

Bemærk: Du skal være nede i en fullwidth række på hjemmesiden, før du kan tilføje denne funktion.

Denne form for map modul gør det let at lave have sit brugerdefineret kort hvor som helst på hjemmesiden. Du kan tilføje alle de knappenåle du vil til kortet, og selv angive din start lokalitet. Map modulet kommer ligeledes i “normal width format”, som du kan finde en guide til.

Hvordan tilføjer jeg et Fullwidth map modul?

Før du kan tilføje et fullwidth map 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 map” 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.

Map indstillinger i indhold

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.

+ Tilføj nyt produkt

Her tilføjer du nye Kknappenåle (eller placeringer) til dit kortmodul. Ved at klikke på “Tilføj nyt element” åbnes en helt ny liste over designindstillinger (herunder indhold, design, avanceret) til din nye placering. Se nedenfor for individuelle placering indstillinger.

Når du har tilføjet din første placering, vil du se en grå bjælke vises med titlen på din placering. Den grå bjælke har også tre knapper, som giver dig mulighed for at redigere, duplikere eller slette stiften.

Google API-nøgle

Maps-modulet bruger Google Maps API og kræver en gyldig Google API-nøgle til at fungere. Før du bruger kort modulet, skal du sørge for at have tilføjet din API-nøgle i panelet Awork biz tema muligheder.

Kort Midt Adresse

Indtast en adresse for kortets midterpunkt, og adressen bliver geokodet og vises på kortet efterfølgende. Dette er nyttigt, hvis du har flere knappenåle, og du vil have kortet zoomet ind på et bestemt fokuseret placering. Du kan blot skrive en adresse i et standardformat, f.eks. “Falkoner Alle 15, 4. Sal, 2000 Frederiksberg.”

Admin Etiket

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

Fullwidth Map 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.

Mouse Wheel Zoom

Her kan du vælge om zoomniveauet skal styres af musehjulet eller ej. Ofte er det bedre at deaktivere denne indstilling, så besøgende ikke bliver forstyrret, da de ruller ned på siden og får deres musehjul fast i kortet. Dette gælder især for fullwidth map moduler.

Trækbar zoom

Her kan du vælge om kortet skal kunne trækkes på mobile enheder.

Brug gråtonerfilter

Aktivering af denne mulighed vil gøre dit kort til et gråtonebillede.

Fullwidth Map 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.

Individuelle map indstillinger

Titel

Mens du opretter en ny nål, kan du tildele det et afsnit. Denne titel vises i boksen, når du har musen over nålen på kortet.

Indhold

Mens du opretter en ny nål, kan du tildele en blok med indholdstekst. Denne tekst vises i boksen, når du har musen over nålen på kortet.

Kort Pin-adresse

Dette er den specifikke placering på kortet, hvor din nål vises. Du kan indtaste adressen i et standardformat.

Hvordan tilføjer, konfigurerer og tilpasser jeg et fullwidth menu modul?

Fullwidth Menu Modul

Sådan tilføjes, konfigureres og tilpasses web byggerens Fullwidth Menu modul.

Bemærk: Du skal være nede i en fullwidth række på hjemmesiden, før du kan tilføje denne funktion.

Fullwidth menu modul giver dig mulighed for at placere en navigationsmenu hvor som helst på siden. Dette kan bruges til at tilføje en sekundær menu nedad på siden, eller det kan bruges sammen med funktionen “Blank side” til at flytte din hovednavigation ned på siden.

Hvordan tilføjer jeg et Fullwidth Menu modul til min hjemmside?

Før du kan tilføje et Fullwidth menu 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 menu” 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 menu 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.

Menu

Vælg en menu, du skal bruge i modulet. Du kan oprette nye menuer ved hjælp af Visninger> Menu-siden i dit Awork biz kontrolpanel. Hver gang du opretter en ny menu, kan menuen vælges i din menu.

Baggrundsfarve

Menu modulet har som standard en hvid baggrundsfarve. Hvis du vil bruge en anden farve til din menu baggrund, kan du vælge den her ved hjælp af farvevælgeren.

Rullemenuens Baggrundsfarve

Som standard har rullemenuen i dit menupunkt den baggrundsfarve, der er defineret i den foregående indstilling. Hvis du vil have dine rullemenuer til at have deres egen unikke farve, kan du vælge en brugerdefineret farve ved hjælp af denne indstilling.

Baggrundsfarve til mobilmenu

På mobilen forvandles menupunktet til et andet og mere mobilvenligt design. Du kan kontrollere baggrundsfarven på rullemenuen uafhængigt af enheden.

Admin Etiket

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

Fullwidth menu design 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.

Undermenuer

Som standard åbnes alle undermenuer i en rullemenu under hovedmenulinjen. Hvis du placerer din menu nederst på siden, og din menu indeholder lange rullemenuer, kan du vælge at have disse menuer åbne over menu modulet, i stedet for at menuen ikke strækker sig ud over browser vinduet.

Lav Menu Links Fullwidth

Som standard er de øverste menupunkter placeret inden for grænserne for din standard indholdsbredde. Hvis du vil fjerne denne begrænsning og have dine links, forlænger du den fulde bredde af siden, startende fra venstre på skærmen, så kan du aktivere denne indstilling.

Rullemenu Linjefarve

Inden for rullemenuer adskilles links med en 1 pixel linje. Hvis du gerne vil tilpasse farven på denne linje, kan du vælge en brugerdefineret farve ved hjælp af farvevælgeren i denne indstilling.

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.

Tekstorientering

Dette styrer hvordan din tekst er justeret inden for modulet. Du kan vælge mellem venstre, højre og centreret.

Aktiv Link Farve

Aktive link farver fremhæves i menupunktet for at vise brugeren deres aktuelle placering. Du kan ændre den fremhævede farve, der bruges til disse aktive links ved hjælp af denne indstilling.

Rullemenu Tekstfarve

Som standard har teksten i modulets rullemenu den samme farve som i hovedmenuen. Du kan dog ønske at ændre denne farve, hvis du har defineret en brugerdefineret rullemenu baggrundsfarve.

Tekstmenu for mobilmenuen

Som standard har teksten i modulets rullemenu den samme farve som i hovedmenuen. Du kan dog ønske at ændre denne farve, hvis du har defineret en brugerdefineret mobilmenu baggrundsfarve.

Menu skrifttype

Du kan ændre skrifttypen i din menu skrift ved at vælge den ønskede skrifttype fra rullemenuen.

Menu skriftstørrelse

Her kan du justere størrelsen af ​​din menuskrift. Du kan trække skyderen for at rækkevidden øger eller formindsker størrelsen på din tekst, eller du kan indtaste din ønskede tekststørrelsesvæ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.

Menu tekstfarve

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

Fullwidth menu 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.

Hvordan laver jeg et harmonika modul?

Hvordan man tilføjer, konfigurere og brugerdefinere harmonika modulet.

Harmonika modulet er en fremragende måde til at konsolidere information indenfor et enkelt system. Harmonika minder meget om faner, udover at de er placeret i en lodret liste. Når et nyt emne indenfor listen bliver åbnet, bliver det tidligere åbnet emne indenfor listen lukket og det nye emnes indhold bliver vist.

Hvordan tilføjer Du et harmonika modul til din side?

Før du kan tilføje et harmonika modul til din side, skal du først gå ind i Web Byggeren. Du vil i toppen se en Brug visuel bygger-knap, ovenover side redigeringen hver gang du vil bygge en ny side. Ved at klikke på denne knap, bliver Web Byggeren aktiveret og der gives adgang til Web Byggerens moduler. Derefter skal der klikkes på Brug visuel bygger, for at starte byggeren i visuel tilstand. Der kan også klikkes på Aktiver visuel bygger når du browser på forsiden af din webløsning, så længe du er logget ind på AWORK BIZ kontrolpanelet.

Når du er inde på din webløsning og har aktiveret den Visuelle Bygger, skal du efterfølgende klikke på den grå (+) knap så du kan tilføje et nyt modul til din side. Nye moduler kan kun tilføjes i en række. Hvis du er i gang med en helt ny side, skal du som det første huske at tilføje en række.

Find harmonika modulet i listen over moduler og klik på det for at tilføje det til din side. Modul listen er søgbar, så du kan søge på “harmonika”. Når harmonika modulet er tilføjet, kommer der en liste med muligheder som er opdelt i 3 kategorier: Indhold, design og avanceret.

Harmonika Indholds Indstillinger

Indenfor indholds fanen vil du kunne finde alt der har med modulets indhold at gøre, som for eksempel tekst, billede og ikoner. Alt der styrer det, som vises i modulet, kan findes i denne fane.

Åben Toggle Baggrundsfarve

Baggrundsfarven for hver harmonika toggle er forskellig, afhængig af om den er i lukket eller åben tilstand. Her kan du justere baggrundsfarven for åbne toggles. Vælg din ønskede farve fra farvevælgeren, for at anvende denne på dit modul.

Luk Toggle Baggrundsfarve

Baggrundsfarven for hver harmonika toggle er forskellig, afhængig af om den er i lukket eller åben tilstand. Her kan du justere baggrundsfarven for lukket toggles. Vælg din ønskede farve fra farvevælgeren, for at anvende denne på dit modul.

Baggrundsbillede

Hvis et baggrundsbillede er valgt, vil denne være baggrundsbilledet for det pågældende modul. For at fjerne et baggrundsbillede, skal URL’en slettes fra feltet. Baggrundsbilledet vil komme til syne ovenover baggrundsfarven, dette betyder at du ikke vil kunne se baggrundsfarven hvis et baggrundsbillede er valgt.

Admin Etiket

Dette vil ændre etiketten i web byggeren, for en nem identifikation.

Harmonika Design Indstillinger

Indenfor design fanen vil du kunne finde alt der har med modulets design at gøre, som for eksempel skrifttype, farve, størrelse og mellemrum. Denne fane er med til at ændre hvordan dit modul ser ud.

Ikon farve

Her kan du justere farven på ikonet, som kommer til syne i hver toggle, til den indvendige højre toggle rektangel. Hvis du justere baggrundsfarven for din toggle, har du måske også lyst til at justere ikon farven til bedre at komplimentere din brugerdefineret farvet.

Åben Toggle Tekstfarve

Tekstfarven for hver harmonika er forskellig, afhængig af åben og lukket tilstand. Her kan du justere tekstfarven for åbne toggles. Vælg din ønskede farve, fra farvevælgeren og anvend den på dit modul.

Lukket Toggle Tekstfarve

Tekstfarven for hver harmonika er forskellig, afhængig af åben og lukket tilstand. Her kan du justere tekstfarven for lukket toggles. Vælg din ønskede farve, fra farvevælgeren og anvend den på dit modul.

Tekst Skrifttype

Her kan du ændre skrifttypen på din tekst, ved at vælge den ønskede skrifttype fra rullemenuen. Du kan også tilpasse stilen af din tekst, ved at benytte dig af fed, kursiv og understreget.

Tekst Skrifttype Størrelse

Her kan du justere størrelsen af din tekst. Du kan trække skyderen for at gøre størrelsen af din tekst, mindre eller større eller du kan angive din ønskede værdi for tekst størrelsen 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.

Tekst farve

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.

Bogstavs afstand

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.

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.

Toggle skrifttype

Her kan du ændre skrifttypen på din toggle tekst, ved at vælge den ønskede skrifttype fra rullemenuen. Du kan også tilpasse stilen af din tekst, ved at benytte dig af fed, kursiv og understreget.

Toggle Skrifttype størrelse

Her kan du justere størrelsen af din toggle tekst. Du kan trække skyderen for at gøre størrelsen af din tekst, mindre eller større eller du kan angive din ønskede værdi for tekst størrelsen 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.

Toggle tekst farve

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.

Toggle bogstavs afstand

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.

Toggle 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.

Brug kant

Aktivering af denne indstilling, vil placere en kant omkring dit modul. Denne kant kan tilpasses ved hjælp af følgende betingede indstillinger.

Kant farve

Denne indstilling påvirker farven på din kant Vælg en brugerdefineret farve fra farvevælgeren for at anvende den på din kant.

Kant bredde

Som standard har kanterne en bredde på 1 pixel. Du kan øge denne værdi ved at trække skyderen for rækkevidde eller ved at indtaste en brugerdefineret værdi i indtastningsfeltet til højre for skyderen. Tilpassede måleenheder af understøttede, hvilket betyder at du kan ændre standardenheden fra “px” til noget andet, såsom em, vh, vw osv.

Kant stil

Kant understøtter otte forskellige stilarter, herunder: solid, prikket, stiplet, dobbelt, rille, højderyg, indsats og start. Vælg den ønskede stil fra rullemenuen for at anvende den på din kant.

Brugerdefineret polstri

Polstring er den plads, der er tilføjet inden i dit modul, mellem modulets kant og dets interne elementer. Du kan tilføje brugerdefinerede polstring værdier til et hvilket som helst af modulets fire sider. Hvis du vil fjerne tilpasset margen, skal du slette merværdien fra indtastningsfeltet. Som standard måles disse værdier i pixels, men du kan indtaste brugerdefinerede måleenheder i input felterne.

Harmonika Avanceret Indstillinger

På den avancerede 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. Du kan også anvende brugerdefinerede CSS-klasser og ID til modulet.

CSS ID

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

CSS Klasser

Indtast valgfri 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. Disse klasser kan bruges i Custom CSS, som du tilføjer til din side eller dit websted ved hjælp af Tema Valg eller Web Byggeren Indstillinger.

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 stil koder, 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 individuelt på tablet, smartphone eller på en stationær computer. Dette er nyttigt, hvis du vil bruge forskellige moduler på forskellige enheder, eller hvis du vil gøre det mobile design enklere ved at fjerne diverse elementer fra siden.

Individuel Harmonika Indholds Indstillinger

Titel

Titlen vil blive vist, når emnet er lukket inden i harmonika modulet, såvel som over harmonika teksten, når emnet er åbnet.

Indhold

Indholdet er vist i emne boksen, når harmonika modulet er åbnet under titlen.

Åben Toggle Baggrundsfarve

Baggrundsfarven for hver harmonika toggle er forskellig, afhængig af om den er i lukket eller åben tilstand. Her kan du justere baggrundsfarven for åbne toggles. Vælg din ønskede farve fra farvevælgeren, for at anvende denne på dit modul.

Luk Toggle Baggrundsfarve

Baggrundsfarven for hver harmonika toggle er forskellig, afhængig af om den er i lukket eller åben tilstand. Her kan du justere baggrundsfarven for lukket toggles. Vælg din ønskede farve fra farvevælgeren, for at anvende denne på dit modul.

Baggrundsbillede

Hvis et baggrundsbillede er valgt, vil denne være baggrundsbilledet for det pågældende modul. For at fjerne et baggrundsbillede, skal URL’en slettes fra feltet. Baggrundsbilledet vil komme til syne ovenover baggrundsfarven, dette betyder at du ikke vil kunne se baggrundsfarven hvis et baggrundsbillede er valgt.

Individuel Harmonika Design Indstillinger

Ikon farve

Her kan du justere farven på ikonet, som kommer til syne i hver toggle, til den indvendige højre toggle rektangel. Hvis du justere baggrundsfarven for din toggle, har du måske også lyst til at justere ikon farven til bedre at komplimentere din brugerdefineret farvet.

Åben Toggle Tekstfarve

Tekstfarven for hver harmonika er forskellig, afhængig af åben og lukket tilstand. Her kan du justere tekstfarven for åbne toggles. Vælg din ønskede farve, fra farvevælgeren og anvend den på dit modul.

Lukket Toggle Tekstfarve

Tekstfarven for hver harmonika er forskellig, afhængig af åben og lukket tilstand. Her kan du justere tekstfarven for lukket toggles. Vælg din ønskede farve, fra farvevælgeren og anvend den på dit modul.

Brugerdefineret polstring

Polstring er den plads, der er tilføjet inden i dit modul, mellem modulets kant og dets interne elementer. Du kan tilføje brugerdefinerede polstring værdier til et hvilket som helst af modulets fire sider. Hvis du vil fjerne tilpasset margen, skal du slette merværdien fra indtastningsfeltet. Som standard måles disse værdier i pixels, men du kan indtaste brugerdefinerede måleenheder i input felterne.

Individuel Harmonika Avanceret Indstillinger

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 stil koder, så du behøver kun at indtaste CSS-regler adskilt af semikolon.

Hvordan tilføjer jeg en indlægsskyder til min hjemmeside?

Før du kan tilføje et pristabel 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 “Pristabeller” 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.

Indlægsskyder indhold indstillinger

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.

Indlæg nummer

Vælg hvor mange indlæg du vil have vist i skyderen.

Medtag kategorier

Vælg hvilke kategorier du gerne vil medtage i skyderen.

Opstil efter

Her kan du justere rækkefølgen, hvor indlæg vises.

Knap Tekst

Definer teksten, som vises på knappen “Læs mere”. efterlad blank som standard.

Indholdsvisning

Visning af det fulde indhold vil ikke afkorte dine indlæg i skyderen. Uddraget vises kun i uddragstekst.

Brug post uddrag, hvis det er defineret

Deaktiver denne indstilling, hvis du vil ignorere manuelt definerede uddrag og altid generere den automatisk.

Automatisk uddragslængde

Definer længden af ​​automatisk genererede uddrag. Efterlad blank som standard (270)

Vis pile

Denne indstilling vil tænde og slukke for navigationspilene.

Vis styring

Denne indstilling vil tænde og slukke for cirkel knapperne nederst på skyderen.

Vis Læs mere knap

Denne indstilling tænder og slukker for læs mere knappen.

Vis indlægsmeta

Denne indstilling tænder og slukker meta sektionen.

Vis fremhævet billede

Denne indstilling tændes og slukkes for det fremhævede billede i skyderen.

Billedplacering

Vælg, hvordan du vil vise det fremhævede billede i dias

Baggrundsfarve

Brug farvevælgeren til at vælge en baggrundsfarve til dette modul.

Baggrundsbillede

Upload dit ønskede billede, eller skriv URL’en til det billede, du vil bruge som baggrunden for skyderen.

Baggrundsbilledposition

Vælg CSS-positionering af baggrundsbilledet for hvert dias.

Baggrundsbilledstørrelse

Vælg den CSS-baggrundsbilledstørrelse, der bruges til hvert dias.

Admin Etiket

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

Indlægsskyder design muligheder

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.

Fjern inderskygge

Dette vil fjerne CSS indre skygge som er anvendt på alle dias som standard.

Brug baggrundsoverlejring

Når den er aktiveret, tilføjes en brugerdefineret overlejringsfarve over dit baggrundsbillede og bag dit skyderindhold.

Baggrund overlejringsfarve

Brug farvevælgeren til at vælge en farve til baggrund overlejringen.

Brug tekstoverlag

Når den er aktiveret, tilføjes en baggrundsfarve bag skyderen for at gøre den mere læsbar oven på baggrundsbilleder.

Grænseradius på tekstoverlag

Grænseradius påvirker, hvordan afrundede hjørnerne af tekstoverlejring boksen er. Som standard har hjørnerne en let afrundet kant på 3 pixel. Du kan reducere denne værdi til 0 for at oprette en rektangulær boks eller øge værdien for at gøre hjørnerne endnu mere afrundede.

Brug Parallax Effekt

Aktivering af denne indstilling giver dine baggrundsbilleder en fast position, mens du ruller.

Parallax Metode

Her kan du definere den metode, der bruges til parallax effekten – CSS eller True Parallax.

Brugerdefineret farve for pile

Når du holder musen over et skyderenhed, vises pilene, der gør det muligt for den besøgende at navigere gennem hvert dias. Som standard har disse pile dias hovedtekst farven. Du kan dog definere en brugerdefineret farve for disse pile ved hjælp af denne indstilling.

Brugerdefineret farve for punktnavigation

Inden for hver skyder vises punktnavigations elementer under skyderens indhold. Disse elementer giver brugeren mulighed for at navigere gennem skyderen. Du kan definere en brugerdefineret farve, der skal bruges til disse elementer ved hjælp af farvevælgeren i denne indstilling.

Tekst farve

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

Header tekst

Du kan ændre skrifttypen i din header tekst ved at vælge den ønskede skrifttype fra rullemenuen. Web byggeren har en del store skrifttyper drevet af Google Fonts. Som standard bruger web byggeren 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.

Headers tekststørrelse

Her kan du justere størrelsen på din header tekst. Du kan trække slide modulet for at rækkevidden øger eller formindsker størrelsen på din tekst, eller du kan indtaste din ønskede tekst størrelses værdi direkte i indtastningsfeltet til højre for slide modulet. Indtastningsfelterne understøtter forskellige måleenheder, hvilket betyder at du kan indtaste “px” eller “em” for din tekststørrelse værdi.

Header tekst farve

Som standard vises alle tekstfarver i web byggeren som hvid eller mørkegrå. Hvis du vil ændre farven på din header tekst, skal du vælge den ønskede farve fra farve læseren ved hjælp af denne indstilling.

Header tekst afstand

Bogstavs afstanden påvirker mellemrummet mellem hvert bogstav. Hvis du vil øge mellemrummet mellem hvert bogstav i din header tekst, skal du bruge “afstand mellem bogstaver” for at justere mellemrummet eller indtaste din ønskede afstand størrelse i inputfeltet til højre for slide modulet. Indtastningsfelterne understøtter forskellige måleenheder, hvilket betyder at du kan indtaste “px” eller “em” for din størrelses værdi for at ændre dens enhedstype.

Hovedlinjens højde

Linjehøjde påvirker mellemrummet mellem hver linje i din header tekst. Hvis du vil øge mellemrummet mellem hver linje, skal du bruge mellemrums funktionen til at justere rummet eller indtaste din ønskede mellemrums størrelse i indtastningsfeltet til højre for slideren. Indtastningsfelterne understøtter forskellige måleenheder, hvilket betyder at du kan indtaste “px” eller “em” af din størrelse værdi for at ændre dens enhedstype.

Tekst skrifttype

Du kan ændre skrifttypen i din “body tekst” ved at vælge den ønskede skrifttype fra rullemenuen.Du kan også tilpasse stilen på din tekst ved hjælp af fed, kursiv, all-caps og understrege muligheder.

Body Size

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

Body Tekst farve

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

Linjeafstand

Bogstavafstand påvirker mellemrummet mellem hvert bogstav. Hvis du vil øge mellemrummet mellem hvert bogstav i din tekst, skal du bruge slideren til at justere rummet eller indtaste din ønskede afstand størrelse i inputfeltet til højre for slide modulet. Indtastningsfelterne understøtter forskellige måleenheder, hvilket betyder at du kan indtaste “px” eller “em” efter din størrelse værdi for at ændre dens enhedstype.

Meta Skrifttype

Du kan ændre skrifttypen for din metatekst ved at vælge den ønskede skrifttype fra rullemenuen. Awork biz har mange 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 Weight

Her kan du justere størrelsen af ​​din metatekst. Du kan trække skyderen for rækkevidde for at øge eller formindske størrelsen på din tekst, eller du kan indtaste din ønskede tekststørrelse 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 Linjeafstand

Bogstavafstand påvirker mellemrummet mellem hvert bogstav. Hvis du vil øge mellemrummet mellem hvert bogstav i din metatekst, skal du bruge glidebryderen for at justere rummet eller indtaste din ønskede mellemrums størrelse i input feltet 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.

Top Margen

Denne indstilling styrer det indre rum mellem toppen af ​​modulet og tekstindholdet i modulet. Hvis du vil øge eller formindske dette felt, skal du indtaste din ønskede værdi her. For eksempel for at reducere mellemrummet af den samlede størrelse af slide modulet, kan du indtaste en værdi på 100 px. Alternativt kan du indtaste en procentværdi, f.eks. 10%, for at gøre højden mere dynamisk.

Bund Margen

Denne indstilling styrer mellemrummet mellem bunden af ​​modulet og tekstindholdet i modulet. Hvis du vil øge eller formindske dette felt, skal du indtaste din ønskede værdi her. For eksempel for at reducere mellemrummet og den samlede størrelse af skyderen, kan du indtaste en værdi på 100 px. Alternativt kan du indtaste en procentværdi, f.eks. 10%, for at gøre højden mere dynamisk.

Brug tilpassede stilarter til modul knappen

Aktivering af denne indstilling gør at du kan ændre udseendet af modulets knap.

Modul knappens tekststørrelse

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

Knappens farve

Som standard antager knapperne din tema accent farve som defineret i Theme Customizer. 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.

Knappens Baggrundsfarve

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

Knappens kantbredde

Alle Divi 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

Som standard antager knapgrænser din tema accentfarve som defineret i Theme Customizer. Denne indstilling giver dig mulighed for at tildele en brugerdefineret grænsefarve til knappen i dette modul. Vælg din brugerdefinerede farve ved hjælp af farvevælgeren for at ændre knappens kantfarve.

Knap skrifttype

Du kan ændre skrifttypen for din knaptekst ved at vælge den ønskede skrifttype fra rullemenuen. Divi kommer med snesevis af store skrifttyper drevet af Google Fonts. Som standard bruger Divi 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.

Knappens Ikon

Hvis ikoner er aktiveret, kan du bruge denne indstilling til at vælge hvilket ikon der skal bruges på din knap. Divi har forskellige ikoner at vælge imellem.

Ikon Farve

Justering af denne indstilling ændrer farven på ikonet. Som standard er ikon farven den samme som din knaps tekstfarve, men denne indstilling giver dig mulighed for at justere farven uafhængigt.

Placering af ikon

Du kan vælge at få din knapikonvisning til venstre eller højre på din knap.

Knap Hover tekst farve

Når knappen trykkes over af en besøgers mus, vil denne farve blive brugt. Farven overgår fra basisfarven, der er defineret i de foregående indstillinger.

Knap Hover Baggrundsfarve

Når knappen trykkes på af en besøgers mus, vil denne farve blive brugt. Farven overgår fra basisfarven, der er defineret i de foregående indstillinger.

Knap Hover kant farve

Når knappen trykkes over af en besøgers mus, vil denne farve blive brugt. Farven overgår fra basisfarven, der er defineret i de foregående indstillinger.

Knap Hover Letter Spacing

Når knappen trykkes på af en besøgers mus, vil denne værdi blive brugt. Værdien overgår fra basisværdien som blev defineret i de foregående indstillinger.

Indlægsskyder avanceret muligheder

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.

Automatisk animation

Hvis du vil have skyderen til at glide automatisk, uden at den besøgende skal klikke på den næste knap, skal du aktivere denne indstilling og derefter justere rotationshastigheden nedenfor, hvis du ønsker det.

Automatisk animationshastighed (i ms)

Her kan du angive, hvor hurtigt skyderen falder mellem hvert lysbillede, hvis ‘Automatisk animation’ er aktiveret ovenfor. Jo højere tallet jo længere pause mellem hver rotation.

Fortsæt automatisk Slide på Hover

Hvis du aktiverer dette vil det tillade automatisk glidning at fortsætte på musens hover.

Skjul indhold på mobil

Da skærmens størrelse bliver mindre på mobile enheder, bliver skærmbilledet mere værdifuld. Nogle gange er det en god idé at deaktivere nogle mindre vigtige skyderenheder for at reducere skyderenes størrelse og gøre den mere læsbar. Aktivering af denne indstilling skjuler skyderens tekstindhold på mobilen.

Skjul “Call To Action” på mobilen

Da skærmens størrelse bliver mindre på mobile enheder, bliver skærmbilledet mere værdifuld. Nogle gange er det en god idé at deaktivere nogle mindre vigtige skyderenheder for at reducere skyderenes størrelse og gøre den mere læsbar. Aktivering af denne indstilling skjuler skyderenes opkald til handlingsknapper på mobilen.

Vis billede / video på mobil

Da skærmens størrelse bliver mindre på mobile enheder, bliver skærmbilledet mere værdifuld. Nogle gange er det en god idé at deaktivere nogle mindre vigtige skyderenheder for at reducere skyderenes størrelse og gøre den mere læsbar. Aktivering af denne indstilling viser diasbilleder og videoer på mobilen (de er deaktiveret som standard).

Deaktiver den

Denne indstilling lader dig styre hvilke enheder dit modul vises på. Du kan vælge at deaktivere dit modul på tablets, smartphones eller  computere 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.

Hvordan tilføjer, konfigurere og tilpasser jeg et indlægsnavigerings modul?

Sådan tilføjes, konfigureres og tilpasses web byggerens indlægsnavigerings modul.

Hvordan tilføjer jeg en indlægsnavigering modul til min hjemmside?

Før du kan tilføje et pristabel 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 “Pristabeller” 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.

Indlægsnavigering indhold indstillinger

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.

Tidligere link tekst

Angiv brugerdefineret tekst for det forrige link. Du kan bruge variablen % titel til at inkludere indlægsoverskriften. Efterlad blank som standard.

Næste link tekst

Angiv brugerdefineret tekst for det næste link. Du kan bruge variablen% titel til at inkludere indlægsoverskriften. Efterlad blank som standard.

I samme kategori

Her kan du angive, om tidligere og næste indlæg skal være inden for samme taksonomi som den aktuelle post.

Brugerdefineret taksonomi Navn

Lad denne mulighed være tom, hvis du bruger dette modul på et projekt eller indlæg. Ellers skal du indtaste taxonomie navnet for at gøre indstillingen ‘I samme kategori’ korrekt.

Skjul forrige Post Link

Her kan du vælge om du vil skjule eller vise det forrige indlægs link.

Skjul Næste Post Link

Her kan du vælge, om du vil skjule eller vise næste indlægs link.

Admin Etiket

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

Indlægsnavigering design 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.

Links skrifttype

Du kan ændre skrifttypen for din link tekst ved at vælge den ønskede skrifttype fra rullemenuen. Awork biz har forskellige store 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.

Links Skriftstørrelse

Her kan du justere størrelsen på din link tekst. Du kan trække skyderen for rækkevidde for at øge eller formindske størrelsen på din tekst, eller du kan indtaste din ønskede tekststørrelse 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.

Links Tekstfarve

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

Links afstand mellem bogstaver

Bogstavs afstand påvirker mellemrummet mellem hvert bogstav. Hvis du vil øge mellemrummet mellem hvert bogstav i din linktekst, skal du bruge glidebryderen for at justere rummet eller indtaste din ønskede mellemrums størrelse i input feltet 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.

Links Linje afstand

Linjehøjde påvirker mellemrummet mellem hver linje i din linktekst. Hvis du vil øge mellemrummet mellem hver linje, skal du bruge mellemrumskyderen til at justere mellemrummet eller indtaste din ønskede mellemrums størrelse i input feltet 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.

Modul knappens tekststørrelse

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

Knappens farve

Som standard antager knapperne din tema accent farve som defineret i Theme Customizer. 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.

Knappens Baggrundsfarve

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

Knappens kantbredde

Alle Divi 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

Som standard antager knapgrænser din tema accentfarve som defineret i Theme Customizer. Denne indstilling giver dig mulighed for at tildele en brugerdefineret grænsefarve til knappen i dette modul. Vælg din brugerdefinerede farve ved hjælp af farvevælgeren for at ændre knappens kantfarve.

Knap skrifttype

Du kan ændre skrifttypen for din knaptekst ved at vælge den ønskede skrifttype fra rullemenuen. Divi kommer med snesevis af store skrifttyper drevet af Google Fonts. Som standard bruger Divi 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.

Indlægsnavigering 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.

Hvordan indsætter jeg et indlæg title modul?
Hvordan indsætter jeg et galleri?
Hvordan indsætter jeg et knap modul?
Hvordan indsætter jeg et kode modul?
Hvordan indsætter jeg et kommentar modul?
Hvordan indsætter jeg et kontaktformular modul?
Hvordan indsætter jeg et kort modul?
Hvordan indsætter jeg et login funktion modul?
Hvordan indsætter jeg et lyd modul?
Hvordan indsætter jeg et person modul?
Hvordan indsætter jeg et pristabeller modul?
Hvordan indsætter jeg et shop modul?
Hvordan indsætter jeg et sidebar modul?
Hvordan indsætter jeg et slide modul?
Hvordan indsætter jeg et social media modul?
Hvordan indsætter jeg et søgemodul?
Hvordan indsætter jeg et tæller modul?
Hvordan indsætter jeg et tekst modul?
Hvordan indsætter jeg et toggle modul?
Hvordan indsætter jeg et video slider modul?
Hvordan indsætter jeg et vidnesbyrd modul?

Fandt du ikke svaret ovenfor?

Hvis du ikke fandt svaret på dit spørgsmål, så kan du kontakte os ved at klikke nedenfor.

Skriv til AWORK Support her

022032051