Sidebygger: Innstillinger og avansert modus
Alt utseende styres fra innstillingspanelet. Du åpner det med blyantikonet på en seksjon eller blokk i sidepanelet, og lukker det med Tilbake.
Seksjonsinnstillingene styrer rammen rundt innholdet — bakgrunn, bredde, avstander. Blokkinnstillingene styrer selve innholdet. Endringer slår inn i forhåndsvisningen med én gang, men lagres først når du trykker Lagre.
Innstillinger de fleste seksjoner har
Innstilling | Hva den gjør |
|---|---|
Oppsett | Veksler mellom innhold i boks og full bredde |
Bakgrunnsfarge | Farge bak hele seksjonen |
Tekstfarge | Standard tekstfarge for innholdet i seksjonen |
Tekstjustering | Venstre, midtstilt eller høyre |
Tekstjustering mobil | Egen justering på små skjermer |
Justering | Hvor innholdet plasseres i seksjonen, vannrett og loddrett |
Avstandskontroll | Avstanden mellom blokkene |
Margin | Luft utenfor seksjonen. Egne verdier for nettbrett og mobil |
Polstring | Luft innenfor seksjonen. Egne verdier for nettbrett og mobil |
Synlighet | Om seksjonen vises på skrivebord, mobil eller begge |
Kantlinje | Tykkelse, stil og farge på rammen rundt |
Synlighet er verdt å merke seg: den skjuler innhold per skjermstørrelse, ikke per kunde. Vil du styre visningen ut fra hva som ligger i handlekurven, bruker du betingelser i stedet.
Innstillinger som er spesielle for én seksjonstype
Karusell — automatisk avspilling og intervall, gjentagende innhold, skjul paginering, skjul piler, samt farge, bakgrunnsfarge, størrelse og avrunding på pilene.
Nettbilder — velg layout (3, 5 eller 9 bilder), maks høyde, avstand mellom bildene og avrundede hjørner.
Kolonner — Visningsmodus lar deg vise kolonnene som en vanlig rad eller som en karusell. I tillegg kan du legge et bakgrunnsbilde på seksjonen og styre posisjon, størrelse, repetisjon og minimumshøyde på det.
Blokkinnstillinger
Hver blokktype har sitt eget sett. De vanligste:
- Overskrift — teksten, overskriftsnivå (H1–H6), farge og justering.
- Tekst — full rik tekst-editor med formatering, lenker og lister. Dette er blokken det gamle innholdet ditt havner i ved konvertering.
- Avsnitt — enklere tekstblokk med farge, justering og linjeavstand.
- Knapp — etikett, lenke, knappetype (primær, sekundær, standard, suksess, advarsel, feil eller egendefinert), farger for normal tilstand og for museover, ikon med plassering, og full bredde.
- Bilde — bildevelger, lenke og alt-tekst.
Bilder
Bildeinnstillingen har knappen Velg / last opp. Derfra laster du opp nye bilder eller plukker fra bildene butikken allerede har.
Du kan sette tre forskjellige bilder for samme blokk:
Fane | Når det brukes |
|---|---|
Standard | Skrivebord, og alt annet som ikke har eget bilde |
Nettbrett | Mellomstore skjermer |
Mobil | Små skjermer |
Setter du bare Standard, brukes det bildet overalt. Et smalere utsnitt til mobil gjør ofte mer for opplevelsen enn noen annen enkeltendring.
Alt-tekst beskriver bildet for skjermlesere og søkemotorer. Fyll den ut på bilder som betyr noe.
Avansert modus
Bryteren Avansert i topplinjen låser opp innstillinger som er nyttige når du vil ha nøyaktig kontroll:
Innstilling | Hva den gjør |
|---|---|
Maks. bredde | Setter en øvre grense for hvor bred seksjonen blir |
Tilpassede klasser | Legger egne CSS-klasser på elementet, for styling via egen CSS |
Antall kolonner | Hvor mange kolonner raden deles i. Egne verdier for nettbrett og mobil |
Kolonneavstand | Avstanden mellom kolonnene |
Innholdsbredde | Hvor bredt innholdet i en kolonne får være |
Fargeoverlegg | Farget slør over en kolonne med bakgrunnsbilde, med egen gjennomsiktighet |
Bryteren huskes i nettleseren din. Slår du den av, forsvinner innstillingene fra panelet, men verdiene du allerede har satt fortsetter å gjelde.
Tips
- Bruk polstring på seksjonen i stedet for tomme tekstblokker når du vil ha luft. Det oppfører seg forutsigbart på mobil.
- Sett bakgrunnsfarge på seksjonen, ikke på hver enkelt blokk. Da slipper du å jage etter avvik senere.
- Tilpassede klasser er kraftig, men klassene må stemme overens med CSS-en i temaet ditt for å ha effekt.