Når du grupperer indholdet er det dels nemmere at holde styr på backend, og dels giver det dig nogle muligheder for at skabe sektioner af indhold på siden, samt flere muligheder for at forme det visuelle udtryk.
Container
Modul
Content & Layout
En container er et modul, der bruges til at lave en samling af andre moduler. Det fungerer ligesom et gitter, hvori du kan placere andre moduler for at skabe sektioner af indhold.
Sådan gør du
- Træk container-modulet ind på siden og juster det i bredden.
- Fold modulet ud ved at klikke på pilen.
- Placer de ønskede moduler inde i containeren ved at trække dem ind et ad gangen, ligesom hvis det var et ekstra grid
- Giv gerne containeren en titel, så du nemt kan finde rundt i indholdet i backend.
- Nu har du mulighed for at arbejde videre med indstillinger og de enkelte moduler.
Modulets indstillinger
Modulets indhold
Det fremgår af pilen, om modulet er foldet ud, så du kan se, hvilke moduler der er inde i containeren. Når modulet er foldet ud, kan du klikke dig direkte ind i de underliggende moduler.
Når du klikker dig ind i containeren, har du i editoren et layout-område og et content-område, som kan klappes ind og ud via pilene. Derudover har du adgang til modulets indstillinger i en ekstra fane.
Giv containeren en overskrift
Har du brug for at give en samling af moduler en overskrift, så placer modulerne i containeren. Herefter kan du give containeren en overskrift, hvilket du gør via indholdsfeltet. Husk at gøre overskriften til en H2, hvis der allerede er en H1 på siden.
Eksempel
Container overskrift
Her ses en container, hvori der er placeret tre content-bokse. Vi har givet containeren en ramme, for at synliggøre, hvad den indeholder.
Aliquam luctus mauris
Curabitur at consequat
Vivamus placerat
Giv containeren en baggrundsfarve
Du kan give din container en baggrundsfarve. Det bruges ofte til at skabe en sektion af indhold på siden og fungerer godt, når containeren samtidig vises i fuld bredde.
Eksempel
Container overskrift
Her ses containeren med farvet baggrund.
Curabitur at consequat
Phasellus laoreet lacus est
Vivamus placerat
Sagittis enim, et efficitur lectus semper euismod.
Aliquam luctus mauris
Phasellus laoreet lacus est.
Gør containeren til et delt modul
Du kan gemme en container som et delt modul præcis som andre moduler. Det vil ofte være praktisk, hvis du har opsat sektioner af indhold og ønsker at genbruge opsætningen andre steder på sitet. På den måde kan du bruge den delte container som en form for skabelon og spare tid på opsætningen. Husk blot at sørge for at gøre den unik inden du opdaterer indholdet. Det er også en god idé løbende at rydde op i de delte moduler, du ikke længere skal bruge.
Se også
Bliv en bedre designer i GoPublic
Få nogle tips og tricks, som løfter brugeroplevelsen og det visuelle udtryk på dine sider.
Senest opdateret
26-11-2024
Relaterede vejledninger
