Grids
Grids · 12 grid kolonne · Symmetrisk grid · Asymmetrisk grid · Grid - tre kolonner · Indsæt et grid · Indstil grid · Tilføj indhold i kolonnerne
Grids er komponenter, der stiller indhold op i kolonner på forsider og sektionssider. Der findes fire typer: 12 grid kolonne (én kolonne i fuld bredde), Symmetrisk grid (to lige brede kolonner), Asymmetrisk grid (en bred og en smal kolonne) og Grid - tre kolonner.
Her kan du læse, hvordan du indsætter et grid, hvordan du indstiller det, og hvordan du vælger, hvad der skal stå i kolonnerne.
Indsæt et grid
Stå på din forside eller sektionsside, og klik på Tilføj indhold nederst på fanen Indhold. Der åbner et vindue med alle de komponenter, du kan vælge.
Klik på den grid-type, du vil bruge:
- 12 grid kolonne: ét element i hele indholdets bredde, fx et kort med baggrundsbillede, et citat, en tidslinje eller en video. Flere elementer lægger sig under hinanden.
- Symmetrisk grid: to kolonner, der er lige brede.
- Asymmetrisk grid: en bred og en smal kolonne.
- Grid - tre kolonner: tre lige brede kolonner. Typen er markeret med (Udfases), så vi anbefaler, at du vælger en af de andre typer til nye sider.
De fire typer har de samme indstillinger, men de har ikke helt de samme elementer at vælge imellem.
Indstil grid
Når du har valgt en type, åbner komponenten. Øverst finder du de generelle indstillinger:
- Margin bund: slå til, hvis der skal være luft efter komponenten.
- Vælg vandmærke: klik på Vælg, og vælg et vandmærke fra det globale bibliotek. Vandmærket lægger sig i baggrunden af komponenten.
- Sektionstitel: overskrift over hele komponenten. Den bliver vist som en H2, så du hjælper med at holde overskrifterne i den rigtige rækkefølge.
- Sektionslink: et link til en oversigtsside. Linket vises øverst til højre i komponenten.
Under Sektions baggrundsfarve vælger du den farve, der går fra kant til kant bag komponenten: None, Primær dekorativ, Sekondær dekorativ eller Brugerdefineret. Farverne kommer fra det farveskema, der er sat op på forsiden.
Længere nede har hver kolonne sit eget felt, fx Kolonne et, Kolonne to og Kolonne tre. Klik på Tilføj indhold under den kolonne, du vil fylde ud.
I Asymmetrisk grid hedder kolonnerne Bred kolonne og Smal kolonne. Som standard står den brede kolonne til venstre.
- Slå Modsat opstilling til, hvis den smalle kolonne skal stå til venstre.
- Slå Accordion på mobil til, hvis bokse i komponenten skal vises som en accordion på mobilen.
Tilføj indhold i kolonnerne
Når du klikker på Tilføj indhold i en kolonne, åbner et vindue med de elementer, du kan bruge i den grid-type. Klik på det element, du vil indsætte, fx Linkboks, Kort med baggrundsbillede, Åbningstider - kort, HTML, Video, Formular eller Tilmeldinger til nyhedsbrev.
I symmetrisk og asymmetrisk grid kan du også vælge fx Artikeloversigt med dato, Infoboks med ikon, Citat, Kontaktkort og Tidslinje.
Kort med baggrundsbillede viser et billede med en kort tekst og leder videre til en anden side, når man klikker på kortet. Du kan fylde kortet ud på tre måder:
- Vælg mappe: kortet viser automatisk den nyeste side fra mappen.
- Indhold: vælg en artikelside eller sektionsside. Sidebillede, sidetitel og sidebeskrivelse bliver hentet automatisk.
- Manuelt: udfyld selv felterne, og husk at linke til den side, kortet skal lede videre til.
Du kan også vælge baggrundsfarve og vandmærke og skjule sidebeskrivelse og dato, hvis kortet skal være mere enkelt.
Mange af elementerne, fx linkbokse og infobokse, kan have et ikon. Du kan vælge et ikon fra ikonbiblioteket eller uploade dit eget.
