Tom startmall
Inuti katalogen ”Mall” hittar du en sida med titeln ”Blank Starter Template”. Denna mall innehåller ett navigeringsfält och en sidfot - den perfekta utgångspunkten för dina sidor.
1. Duplicera den tomma startsidans mall
2. Kopiera och klistra in block på den nyskapade sidan:
Kopiera avsnitt från vilken sida som helst och klistra in dem i brödtexten på din nyskapade sida. Du kan också kopiera avsnitt från vilken sida som helst som anges på huvudmålsidan.
Stilguide
Den Stilguide sidan visar visningen av alla baselement som finns i mallen och är ett bra ställe att börja bekanta dig med mallen.
Du hittar också ett avsnitt som visar hur du använder de tillhörande verktygsklasserna korrekt.
Redigera typografistilar
Ställa in rubrikstilar
Istället för att använda klasser måste du klicka på rubriken och sedan i rullgardinsmenyn Väljare där du skulle skriva in klassnamnet, välj ”Alla H1-rubriker” och gör sedan din ändring. Detsamma gäller för alla basrubrikelement. Klicka på elementet, välj ”Alla rubriker 5”, sedan kommer alla ändringar du gör att återspeglas över alla på webbplatsen.
Ställa in brödtext och styckeformat
Följ samma procedur för brödtext och stycken - som anges på Kropp element. Välj kroppselementet och välj ”Body (All Pages)” i rullgardinsmenyn Väljare och ändra typografiinställningarna för det elementet. Dessa stilar flyter sedan vidare till styckena och andra generiska textelement på webbplatsen.
Behållare
Mallen använder 5 behållarstorlekar för att hysa innehållet i de flesta sektioner. För din bekvämlighet kan du använda dessa klasser för att enkelt innehålla innehåll i dina avsnitt:
- Behållare - XS: Denna behållare begränsar innehållet till 366px
- Behållare - S: Denna behållare begränsar innehållet till 488px
- Behållare - M: Denna behållare begränsar innehållet till 732px
- Behållare - L: Denna behållare begränsar innehållet till 976px
- Behållare - XL: Denna behållare begränsar innehållet till 1098px
Använd dessutom klassen Justera centrum för att justera behållaren i mitten av dess överordnade element.
SVG-ikon och SVG-avdelningsfärger
Tyvärr tillåter Webflow inte dynamisk färgning av SVG-ikoner och avdelare. Så här ändrar du ikonen eller avdelarens färg från standardvärdet:
- Ladda ner ikonen SVG-fil
- Öppna SVG-filen i en textredigerare
- Ändra hexvärdet till önskad färg
- Spara och ladda upp ikonen igen.
Anpassad kod
Inne i Projektinställningarna, på fliken Anpassad kod kommer du att märka att en viss stilkod har lagts till i rubriken på varje sida:
Anpassad kod för teckensnittsrendering
Denna kod är för att säkerställa att textrederingen är smidig och konsekvent i alla webbläsare. Det kräver ingen åtgärd från din sida.
Mer information
För ytterligare information, vänligen kontakta Webbflödesdokumentation eller kontakta oss via vår supportsida.
