Angiv farver, skrifttyper og layout
Brug fanen Hjemmesidedesign til at angive din butiks farver, skrifttyper, tekststørrelser og hjørneradius én gang, for alle sider på samme tid.
Hjemmesidedesign indeholder de indstillinger, der får hele din butik til at se ud som ét brand: farverne, skrifttyperne, tekststørrelserne og hjørneradius. Du angiver hver enkelt én gang, og alle sider følger efter. Enkelte blokke kan stadig overskrive disse indstillinger, når du ønsker det.
Åbn Hjemmesidedesign
- Åbn editoren. Se Editoren i korte træk.
- I indstillingspanelet til højre klikker du på fanen Hjemmesidedesign.
- Klik på en overskrift for at åbne den: Identitet, Farver, Typografi eller Layout.
Ændringer vises på siden med det samme og gemmes automatisk. Din live-butik ændres, når du udgiver.
Farver
Åbn Farver for at se de syv farver, som alle sider er bygget af.
- Accent: butikkens hovedfarve. Knapper og links bruger den.
- Tekst på accentfarve: farven på ordene oven på accenten, for eksempel teksten på en knap.
- Sidens baggrund: farven bag dine sider.
- Overflade: farven på kort og paneler, for eksempel produktkort og formularfelter.
- Tekst: farven på overskrifter og anden hovedtekst.
- Sekundær tekst: den mere afdæmpede farve, der bruges til afsnit, beskrivelser og småt skrift.
- Kanter: farven på tynde linjer og konturer.
Vælg en farve
- Klik på en farveboks.
- I vælgeren, der åbner, kan du gøre et af følgende:
- Klik eller træk i det store felt for at angive, hvor lys og kraftig farven er, og træk i båndet under det for at ændre selve farven.
- Skriv eller indsæt en hex-kode, for eksempel
#2B2622, i feltet. - Klik på en farveprøve under Temafarver for at genbruge en farve, du allerede har, eller under Seneste for en farve, du har valgt for nylig.
- Klik et vilkårligt sted uden for vælgeren, eller tryk på Esc, for at lukke den.
Kontroller, at din tekst er let at læse
Under de syv farver kontrollerer Payly, at hver tekstfarve er let at læse på den farve, den står på. Hvis alt er i orden, ser du Alle farvepar er lette at læse. Hvis et par er for svagt, viser listen det, angiver dets kontrastforhold og hvor meget der mangler, og den tilbyder en knap Ret, som justerer tekstfarven for dig.
Payly forhindrer dig ikke i at vælge et par med lav kontrast, men lys grå tekst på en lys baggrund er svær at læse, især på en telefon i solskin.
Typografi
Åbn Typografi for at vælge dine skrifttyper og tekststørrelser.
- Brødtekstskrifttype: skrifttypen til afsnit, menuer og knapper.
- Grundskriftstørrelse: størrelsen på normal tekst.
- Linjehøjde i brødtekst: afstanden mellem linjerne i teksten. Et større tal giver mere luft.
- Overskriftsskrifttype: skrifttypen til overskrifter. Vælg Brug hjemmesidens skrifttype for også at bruge brødtekstskrifttypen til overskrifter.
- Overskriftsstørrelse: gør alle overskrifter større eller mindre, som en procentdel.
- Overskriftsvægt: hvor fede overskrifterne er.
- Bogstavafstand i overskrifter: strammer eller løsner afstanden mellem bogstaverne i overskrifterne.
Vælg en skrifttype
- Klik i feltet Brødtekstskrifttype eller Overskriftsskrifttype.
- Rul gennem listen, som viser hvert navn i sin egen skrifttype. Gruppen Anbefalet øverst har skrifttyper, der passer til de fleste butikker.
- Hvis du vil finde en skrifttype efter navn, skriver du i feltet Søg i skrifttyper….
- Klik på en skrifttype for at bruge den.
Listen dækker hele Google Fonts-biblioteket. De skrifttyper, du bruger, medtages i din butik, når du udgiver. Hvis en skrifttype mangler på listen, skriver du dens præcise Google Fonts-navn i søgefeltet og vælger den under Brug alligevel.
Layout
Åbn Layout for to indstillinger:
- Hjørneradius angiver, hvor runde hjørnerne på knapper, kort og billeder er. Skub til 0 for skarpe hjørner og til højre for bløde. Blokke, hvis egen hjørneradius er Auto, følger denne indstilling.
- Tekstretning er Venstre mod højre for de fleste sprog. Højre mod venstre vender hele layoutet for arabisk, hebraisk, farsi og urdu.
Identitet
Åbn Identitet for at angive dit Browserikon, det lille billede, der vises på en browserfane. Brug et enkelt symbol i stedet for hele dit logo, fordi det vises i omkring 16 pixels. Klik på Upload billede eller Gennemse uploads, som beskrevet i Tilføj billeder og brug mediebiblioteket. Hvis du lader feltet stå tomt, bruges dit logo.
Dit logo er ikke her. Det findes i dit sidehoved, hvor det vises. Se Tilpas dit sidehoved og din sidefod.
Ændr kun én blok
Hver tekstblok, overskrift og knap kan overskrive hjemmesidens skrifttype, størrelse og farver. Vælg blokken og åbn dens gruppe Typografi eller Udseende. Se Rediger tekst, overskrifter og knapper.
Tip: Hvis du vil have et helt anderledes udseende, kan du starte forfra med et af de færdige designs. Se Skift til et andet hjemmesidedesign.