Start her

Styling

La oss komme i gang med stylingen av malen.

Farger

Web3 X-malen er bygget ved hjelp av fargeprøver, noe som betyr at du enkelt kan redigere en fargeprøve som skal oppdateres på hele nettstedet.

For å gjøre dette trenger du bare å gå til Stil-fanen i høyre sidefelt, og deretter bla til Farger i typografi-delen, og hvis du klikker på fargen, vil du kunne se alle fargeprøver og redigere dem for å bli oppdatert på hele nettstedet til hvilken som helst farge som trengs.

Skrifttyper

Web3 X-malen bruker én enkelt skrifttype på hele siden, og den er satt opp i Body (All Pages) -velgeren, så dette betyr at du enkelt kan oppdatere skrifttypen på hele nettstedet med ett klikk.

På en hvilken som helst side klikker du bare på det oransje velgeralternativet øverst til høyre i kategorien Stil, og velger deretter Brødtekst (alle sider). Når du har gjort dette, kan du gå til Typography-delen nedenfor og endre skrifttypen til en hvilken som helst skrifttype for bedriftens merkevare.

Hvis du trenger en egendefinert eller premium-skrifttype som ikke er tilgjengelig på Webflow, kan du alltid gå til Prosjektinnstillinger > Skrifttyper og laste opp egendefinerte skrifttyper, eller koble til Adobe Fonts-kontoen din.

Grafikk og ikoner

Noen ikoner eller grafikk i malen er vanlige bilder/grafikk, så du vil legge merke til at når du oppdaterer alle farger, vil disse fortsatt ha malfargen.

Dette skjer fordi denne grafikken er bilder (PNG, JPG, SVG osv.), så oppdatering av Webflow CSS (styling) vil ikke påvirke dem. Hvis du ønsker å gjenbruke denne grafikken, kan du alltid laste den ned og redigere den i et designprogram (f.eks. Photoshop, Illustrator, Sketch, Figma osv.), eller laste opp egne bilder/grafikk som passer til merkevaren din.

Statiske sider

Statisk innhold er alt innhold som ikke er CMS-basert, noe som betyr at det ikke er dynamisk (som for eksempel et blogginnlegg).

Du kan enkelt identifisere alt dette innholdet fordi det vises som grått i navigasjonsfeltet til venstre, og det får en blå kant når du klikker på det eller holder musepekeren over det.

Hvis du vil redigere denne typen innhold, kan du bare dobbeltklikke på det, så kan du skrive direkte der.

Dynamisk innhold (CMS)

Dynamisk innhold er alt innhold som er dynamisk og genereres automatisk basert på innholdet som er lagt til i CMS-delen i venstre sidefelt (rett under sider-ikonet).

Du kan enkelt identifisere alt dette fordi det vises som lilla i navigasjonsfeltet til venstre, og det viser en lilla kant når du klikker eller holder musepekeren over det.

Dette innholdet skal oppdateres direkte i CMS-delen. Dette er ment å gjøre det veldig enkelt for deg å oppdatere det, siden det er svært sannsynlig at det må oppdateres kontinuerlig (for eksempel å legge til et nytt blogginnlegg).

Hvis du vil redigere en fullstendig automatisk generert CMS-side (for eksempel et blogginnlegg), finner du denne siden tilgjengelig for redigering nederst på alle sider i seksjonen Sider i venstre sidefelt.

Produkter (e-handel)

Produkter eller e-handelsinnhold fungerer på samme måte som det dynamiske innholdet i CMS, men dette er utelukkende fokusert på e-handelsprodukter.

Du kan identifisere e-handelsinnhold på samme måte som CMS-innholdet, fordi det også vises som lilla i navigasjonsfeltet til venstre, samt med en lilla kant når du klikker på det eller holder musepekeren over det.

Dette innholdet skal oppdateres direkte i fanen e-handel i venstre sidefelt. Dette er ment å gjøre det veldig enkelt for deg å oppdatere det, siden det er svært sannsynlig at det må oppdateres kontinuerlig (for eksempel å endre en produktpris eller legge til mer lager).

Hvis du vil redigere den autogenererte e-handelssiden for produktet, finner du denne siden tilgjengelig for redigering nesten nederst på alle sidene rett over CMS-samlingssidene.

Nyttige merknader

I tillegg til den grunnleggende forklaringen vi delte ovenfor, deler vi her noen tips og veiledninger fra de vanligste spørsmålene vi mottar.

Interaksjoner

Hvis du vil redigere en malinteraksjon (f.eks. fjerne en vises-effekt), kan du enkelt identifisere elementer som har interaksjoner, ettersom disse har et lite interaksjonsikon (et lite tordenvær) i navigasjonsfeltet til venstre.

Hvis du klikker på dette lille ikonet Interaksjoner, åpnes fanen Interaksjoner i høyre sidefelt for dette elementet, der du kan redigere interaksjonen.

Mobil- eller nettbrettvisning

Hver gang du gjør en endring (for eksempel når du oppretter et nytt seksjonsdesign), er det lurt å gå til toppnavigasjonen i Viewport og se hvordan det ser ut på nettbrett og mobil.

Hvis du bare redigerer en malseksjon med oppdatert tekst eller bilder og ikke sletter noen malklasse, bør dette ikke være nødvendig, men hvis du tilpasser malen mer dyptgående, redigerer klasser eller oppretter nye seksjoner, er det alltid lurt å redigere mobil- og nettbrettvisningene kontinuerlig for å sikre at alt ser perfekt ut.

Redigering av metatittel, Desc og utvalgt bilde

Hvis du vil tilpasse tittelen, beskrivelsen og bildet som vises når du deler nettstedet ditt på et hvilket som helst sted (f.eks. Facebook, Twitter osv.), kan du enkelt gå til seksjonen Sider i venstre sidefelt, klikke på det lille innstillingsikonet på siden du vil tilpasse, og alle disse innstillingene vises.

Vær oppmerksom på at det er viktig å endre dette på sidebasis.

Sikkerhetskopier

Hvis noe går galt, for eksempel hvis du ikke liker hvor nettstedet skal, hvis du slettet noen kritiske klasser som var nødvendige for å få malen til å se bra ut, eller hvis du bare vil gå til en tidligere versjon av en eller annen grunn, kan du alltid gå til Sikkerhetskopier-delen.

Du finner den i Innstillinger-delen i venstre sidefelt, og deretter kan du bare se alle automatiske eller manuelle sikkerhetskopier. Gjenoppretting til den gamle sikkerhetskopien er bare et klikk unna.