Panelet Responsivt nett

Under panelet Responsivt nett aktiverer du funksjonene for å gjøre nettstedet responsivt i SiteVision.

Responsiv web betyr å bygge et nettsted som tilpasser utseendet etter skjermoppløsningen til den besøkende. Det betyr for eksempel at det samme nettstedet kan se annerledes ut for den besøkende hvis de besøker det fra en datamaskin, et nettbrett eller en mobiltelefon.

Du finner mer informasjon om hvordan du bygger responsive maler i Tema Responsive maler.

Aktiver grids og responsiv web

Du må aktivere både grids og responsiv web for å få full responsiv funksjonalitet.

Rutenett

Et rutenett brukes til å bygge maler på nettstedet. Et grid er som et rutenett med rader og kolonner som fungerer som en mal der du kan plassere designet ditt (tekst, bilde osv.) for å gjøre det konsekvent og oversiktlig.

Du konfigurerer rutenettet på nettstedet og angir bredden, avstanden mellom kolonnene, hvor mange kolonner som skal brukes og om det skal være sentrert. Deretter bruker du rutenettrader og rutenettkolonner til å plassere innholdet på nettsidene.

Når du har aktivert et rutenett på nettstedet ditt, kan du bruke det når du bygger maler. Det kan også, i likhet med layouter, brukes på enkeltsider.

Aktiver rutenett på nettstedet

Når du har aktivert rutenett, er det mulig å bygge maler og nettsider med rutenett. Deretter er det mulig å legge til rutenett, rader og kolonner på sidene.

Å aktivere rutenett er en forutsetning for å bygge et responsivt nett.

Standardrutenettet er det som brukes når du velger "Legg til rutenett" på sidene.

Bruk optimalisert lasting av rutenett (last bare inn de rutenettene som brukes per side)

Merk av i denne boksen for å gjøre siden raskere. Du laster bare inn de rutenettene som faktisk brukes på siden.

Legg til rutenett

Klikk på knappen Legg til rutenett for å legge til et rutenett på nettstedet ditt. En ny visning Legg til rutenett åpnes.

Brytningspunkter

Et brytningspunkt er bredden der utseendet på nettsiden skal endres for å tilpasse seg ulike enheter som telefoner, nettbrett og datamaskiner.

Rekkefølgen på brytningspunktene er viktig. Hvis brytningspunktene overlapper hverandre, vil det siste brytningspunktet i listen gjelde. Sorter brytningspunktene med det største øverst, med utgangspunkt i en stor skjerm - etter hvert som skjermen blir mindre, vil de ulike brytningspunktene gradvis komme i spill.

Aktiver responsivt nett på nettstedet

Merk av i avmerkingsboksen Aktiver responsivt nett for nettstedet for å begynne å bruke alle funksjonene som gjør nettstedet responsivt.

Aktiveringen innebærer:

• Automatisk reskalering av bildemoduler og YouTube-moduler.
• Eventuelle brytningspunkter aktiveres (skrives ut i CSS-en)
• Du vil få innstillinger på moduler og layouter for å vise/skjule i brytningspunkter

Brytningspunkter

Her kan du legge til, endre, slette og sortere brytningspunkter.

Klikk på knappen Legg til brytningspunkt for å legge til et brytningspunkt. Du vil nå se en ny dialogboks.