Tom startskabelon
Inde i mappen „Skabelon“ finder du en side med titlen „Blank Starter Template“. Denne skabelon indeholder en navigationslinje og en sidefod - det ideelle udgangspunkt for dine sider.
1. Dupliker skabelonen Tom startside
2. Kopier og indsæt blokke til den nyoprettede side:
Kopier sektioner fra en hvilken som helst side, og indsæt dem derefter i brødteksten på din nyoprettede side. Du kan også kopiere sektioner fra enhver side, der er angivet på hoveddestinationssiden.
Stilguide
Den Stilguide siden viser visningen af alle basiselementer, der findes i skabelonen, og er et godt sted at begynde at gøre dig bekendt med skabelonen.
Du finder også et afsnit, der viser, hvordan du korrekt bruger de tilknyttede hjælpeklasser.
Redigering af typografiske stilarter
Indstilling af overskriftstypografier
I stedet for at bruge klasser, skal du klikke på overskriften og derefter i rullemenuen Vælger, hvor du vil indtaste klassenavnet, vælg „Alle H1-overskrifter“ og foretag derefter din ændring. Det samme gælder for alle basisoverskriftselementer. Klik på elementet, vælg „Alle overskrifter 5", så vil eventuelle ændringer, du foretager, afspejles på tværs af alle på webstedet.
Indstilling af brødtekst- og afsnitstypografier
Følg samme procedure for brødtekst og afsnit - som er angivet på Krop element. Vælg brødstyselementet, og vælg „Brødtekst (Alle sider)“ i rullemenuen Vælger, og skift typografiindstillingerne for det pågældende element. Disse stilarter flyder derefter igennem til afsnittene og andre generiske tekstelementer på webstedet.
Containere
Skabelonen bruger 5 containerstørrelser til at huse indholdet i de fleste sektioner. For nemheds skyld kan du bruge disse klasser til nemt at indeholde indhold i dine sektioner:
- Beholder - XS: Denne container begrænser indholdet til 366px
- Container - S: Denne container begrænser indholdet til 488px
- Container - M: Denne container begrænser indholdet til 732px
- Beholder - L: Denne container begrænser indholdet til 976px
- Beholder - XL: Denne container begrænser indholdet til 1098px
Derudover skal du bruge klassen Juster centrum for at justere beholderen i midten af det overordnede element.
SVG Ikon- og SVG-opdelingsfarver
Webflow tillader desværre ikke dynamisk farvning af SVG-ikoner og skillevægge. Sådan ændrer du ikonet eller skillelinjen fra standardfarven:
- Download ikonet SVG-fil
- Åbn SVG-filen i en teksteditor
- Skift hex-værdien til den ønskede farve
- Gem, og upload ikonet igen.
Brugerdefineret kode
Inde i Projektindstillingerne i fanen Brugerdefineret kode vil du bemærke, at der er føjet en typografikode til toppen af hver side:
Brugerdefineret kode til gengivelse af skrifttype
Denne kode skal sikre, at tekstgengivelsen er glat og konsistent på tværs af alle browsere. Det kræver ingen handling fra din side.
Mere information
For yderligere information, se venligst Webflow-dokumentation eller kontakt os via vores supportside.
