Start her

Styling

Lad os komme i gang med at style skabelonen.

Farver

Web3 X-skabelonen er bygget op ved hjælp af Color Swatches, hvilket betyder, at du nemt kan redigere en farveskala, der skal opdateres på hele webstedet.

For at gøre dette skal du blot gå til fanen Stil i højre sidebar og derefter rulle til Farver i afsnittet Typografi, og hvis du klikker på farven, vil du kunne se alle farveskalaer og redigere dem, så de kan opdateres på hele webstedet til enhver nødvendig farve.

Skrifttyper

Web3 X-skabelonen bruger én enkelt skrifttype på hele siden, og den er indstillet i valgmuligheden Body (Alle sider), så det betyder, at du nemt kan opdatere skrifttypen på hele webstedet med et enkelt klik.

På en hvilken som helst side skal du blot klikke på den orange valgmulighed øverst til højre på fanen Stil og derefter vælge Krop (alle sider). Når du har gjort det, kan du gå til Typografi-sektionen nedenfor og ændre skrifttypen til en skrifttype, der passer til dit virksomhedsbrand.

Hvis du har brug for en brugerdefineret eller premium skrifttype, som ikke er tilgængelig i Webflow, kan du altid gå til Projektindstillinger > Skrifttyper, hvor du kan uploade brugerdefinerede skrifttyper eller oprette forbindelse til din Adobe Fonts-konto.

Grafik og ikoner

Nogle ikoner eller grafikker i skabelonen er normale billeder/grafikker, så du vil bemærke, at når du opdaterer alle farver, vil disse stadig have skabelonens farve, når du opdaterer alle farver.

Dette sker, fordi disse grafikker er billeder (PNG, JPG, SVG osv.), så opdatering af Webflow CSS (styling) påvirker dem ikke. Hvis du gerne vil genbruge denne grafik, kan du altid downloade dem og redigere dem med et hvilket som helst designprogram (f.eks. Photoshop, Illustrator, Sketch, Figma osv.) eller direkte uploade dine egne billeder/grafikker, der passer til dit brand.

Statiske sider

Statisk indhold er alt indhold, der ikke er CMS-baseret, hvilket betyder, at det ikke er dynamisk (som f.eks. et blogindlæg).

Du kan nemt identificere alt dette indhold, fordi det vises som gråt i navigatoren i venstre sidebar, og det har en blå kant, når du klikker eller holder musen hen over det.

Hvis du vil redigere denne type indhold, kan du blot dobbeltklikke på det, og du kan skrive direkte der.

Dynamisk indhold (CMS)

Dynamisk indhold er alt det indhold, der er dynamisk og vil blive automatisk genereret baseret på det indhold, der er tilføjet i CMS-sektionen i venstre sidebar (lige under ikonet Sider).

Du kan nemt identificere alt dette, fordi det vises som lilla i navigatoren i venstre sidebar, og det viser en lilla kant, når du klikker på det eller holder musen over det.

Dette indhold skal opdateres direkte i CMS-afsnittet. Det er meningen at gøre det meget nemt for dig at opdatere det, da det er meget sandsynligt, at det vil skulle opdateres konstant (f.eks. ved at tilføje et nyt blogindlæg).

Hvis du også ønsker at redigere en komplet automatisk genereret CMS-side (f.eks. et blogindlæg), kan du finde denne side tilgængelig for redigering nederst på alle sider i afsnittet Sider i venstre sidebar.

Produkter (e-handel)

Produkter eller e-handelsindhold fungerer på samme måde som dynamisk indhold i CMS, men det er udelukkende rettet mod e-handelsprodukter.

Du kan identificere e-handelsindhold på samme måde som CMS-indholdet, fordi det også vises lilla i navigatoren i venstre sidebar og med en lilla kant, når du klikker på det eller holder musen over det.

Dette indhold skal opdateres direkte i fanen e-handel i venstre sidebar. Det er meningen at gøre det meget nemt for dig at opdatere det, da det er meget sandsynligt, at det vil være nødvendigt at opdatere det konstant (f.eks. ændre en produktpris eller tilføje mere lager).

Hvis du også ønsker at redigere den automatisk genererede produkt e-handelsside, kan du finde denne side til redigering næsten nederst på alle sider lige over CMS-samlingssiderne.

Nyttige noter

Ud over den grundlæggende forklaring, som vi delte ovenfor, deler vi her et par tips og vejledninger, som stammer fra de mest almindelige spørgsmål, vi modtager.

Interaktioner

Hvis du ønsker at redigere en skabeloninteraktion (f.eks. fjerne en effekt), kan du nemt identificere elementer, der har interaktioner, da de har et lille interaktionsikon (en lille torden) i navigatoren i venstre sidefag.

Hvis du klikker på dette lille ikon for interaktioner, åbnes fanen Interaktioner i højre sidefag for dette element, hvor du kan redigere interaktionen.

Visning på mobil eller tablet

Hver gang du foretager en ændring (f.eks. hvis du opretter et nyt sektionsdesign), er det en god idé at gå til topnavigationen i din Viewport og se, hvordan den ser ud på tablet og mobil.

Hvis du kun redigerer et skabelonafsnit med opdateret tekst eller billeder, og du ikke sletter nogen skabelonklasse, er det ikke nødvendigt, men hvis du tilpasser skabelonen mere detaljeret, redigerer klasser eller opretter nye afsnit, er det altid godt at redigere dine mobil og tabletvisninger konstant for at sikre, at alt ser perfekt ud.

Redigering af Meta Title, Desc og Featured Image

Hvis du gerne vil tilpasse den titel, beskrivelse og det billede, der vises, når du deler dit websted på et hvilket som helst sted (f.eks. Facebook, Twitter osv.), kan du nemt gå til afsnittet Sider i venstre sidebar, klikke på det lille ikon Indstillinger for den side, du gerne vil tilpasse, og alle disse indstillinger vil blive vist.

Bemærk, at det er vigtigt at ændre dette på sidebasis.

Sikkerhedskopiering

Hvis noget går galt, f.eks. hvis du ikke kan lide, hvor webstedet er på vej hen, hvis du har slettet nogle vigtige klasser, der var nødvendige for at få skabelonen til at se pæn ud, eller hvis du bare vil gå tilbage til en tidligere version af en eller anden grund, kan du altid gå til sektionen Sikkerhedskopier.

Du kan finde den i afsnittet Indstillinger i venstre sidebar, og så kan du se alle de automatiske eller manuelle sikkerhedskopieringer. Gendannelse til den gamle sikkerhedskopi er kun et klik væk.