Det tomme rum mellem modulerne kan gøre det lettere at fokusere på indholdet, og det kan også optimere det visuelle indtryk, da du undgår at blokke med tekst eller andre indholdselementer bliver presset helt sammen. Du kan anse Spacer-modulet som en slags linjeafstand, men mellem hele indholdselementer frem for blot i teksten.
Spacer
Modul
Content & Layout
Med Spacer-modulet kan du forbedre brugeroplevelsen på dine sider ved at give mere vertikal afstand mellem moduler.
Sådan gør du
Trin 1: Træk modulet ind på siden fra moduloversigten
- Find modulet i moduloversigten under Content & Layout og træk det ind på siden.
- Spacer-modulet bør altid fylde den fulde bredde i det felt, det anvendes.
Trin 2: Angiv højde i pixels
Højden indstilles i pixels og fastsætter således hvor stor den vertikale afstand skal være. Vi arbejder typisk i intervaller af 8 (8, 16, 24, osv.), men prøv dig gerne selv frem, så du kan finde den rette afstand.
Du har også mulighed for at beholde den fastsatte afstand i mobilvisning, hvilket dog ikke er noget vi normalt anbefaler, da mobilvisningen allerede er ret følsom og i forvejen let kan skabe problemer. Dette kan dog være et sted at undersøge hvis du har problemer med brugeroplevelsen af mobilvisningen på en side med Spacer-moduler.
Trin 3: Gem og publicer
Når du er tilfreds med opsætningen kan du foretage er preview, for at tjekke, om alt er som det skal være.
Afslut med at gemme og publicere siden, så ændringerne slår igennem.
Indstillinger af modul
Bokse uden spacing imellem
Overskrift
Curabitur justo sem, consequat sed tellus vel, fringilla efficitur nisl. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam varius faucibus augue sit amet semper. Pellentesque scelerisque mi vitae auctor laoreet. Sed ac ullamcorper lectus. Phasellus finibus eros non egestas rutrum.
Overskrift
Curabitur justo sem, consequat sed tellus vel, fringilla efficitur nisl. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam varius faucibus augue sit amet semper. Pellentesque scelerisque mi vitae auctor laoreet. Sed ac ullamcorper lectus. Phasellus finibus eros non egestas rutrum.
Bokse med spacing (24 pixels)
Overskrift
Curabitur justo sem, consequat sed tellus vel, fringilla efficitur nisl. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam varius faucibus augue sit amet semper. Pellentesque scelerisque mi vitae auctor laoreet. Sed ac ullamcorper lectus. Phasellus finibus eros non egestas rutrum.
Overskrift
Curabitur justo sem, consequat sed tellus vel, fringilla efficitur nisl. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam varius faucibus augue sit amet semper. Pellentesque scelerisque mi vitae auctor laoreet. Sed ac ullamcorper lectus. Phasellus finibus eros non egestas rutrum.
Avancerede indstillinger
Hvad kan du ellers bruge modulet til?
Du kan med Spacer-modulet også opsætte flotte bokse med overlap, hvor billedet sidder en smule forskudt fra resten af boksen, hvilket kan give et lækkert visuelt udtryk.
Senest opdateret 26-11-2024
Obs: Vi arbejder stadig på at udbygge artiklen med billeder og video.
