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

Hvordan tilføjer jeg et fullwidth portefølje modul til min hjemmside?

Før du kan tilføje et portefølje 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 Portfolio" 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.

Portefølje 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ægs nummer

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

Medtag kategorier

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

Vis titel

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

Vis kategorier

Her kan du slå kategori links til eller fra.

Vis sideinddeling

Her kan du aktivere eller deaktivere sideinddeling for dit feed.

Baggrundsfarve

Definer en brugerdefineret baggrundsfarve til dit modul.

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

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

Layout

Vælg hvilket layout du vil bruge. "Gitter" vil vise alle dine varer i et multi-kolonne og multi-række layout. Fuldbredde vil vise hvert projekt på sin egen linje ved hjælp af store, ubeskårne og fuldbredde billeder.

Zoom ikonfarve

Når musen er over et emne i portefølje modulet, vises et overlejrings ikon. Du kan justere farven, der bruges til dette ikon ved hjælp af farvevælgeren i denne indstilling.

Hover Overlejringsfarve

Når du har musen over et emne inden for portefølje modulet, vises en overlejrings farve på billedet og under porteføljens titeltekst og ikon. Som standard anvendes en hvid farve. Hvis du vil bruge en anden farve, kan du justere farven ved hjælp af farvevælgeren i denne indstilling

Hover Ikon vælger

Her kan du vælge et brugerdefineret ikon, der skal vises, når en besøgende holder musen over portefølje poster i modulet.

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

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

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