Hjälpwebb

Informationen gäller:
Klassiska redigeringsläget

Grid, gridrad och spalt

Grid

Ett grid används för att bygga mallar på webbplatsen. Man kan säga att ett grid är som ett rutnät som innehåller rader och kolumner som fungerar som en mall där vi kan placera in vår design (text, bild m.m) för att den ska bli konsekvent och tydlig.

Man ställer in sitt grid centralt på webbplatsen där man anger bredd, mellanrum mellan kolumner, hur många kolumner som ska användas och om det ska vara centrerat. Sedan använder man gridrader och spalter för att placera ut innehållet.

När man har aktiverat ett grid på webbplatsen kan man använda det när man bygger mallar. Det går också, precis som layouter, att använda på enskilda sidor.

För att lägga till ett grid på en sida/mall så högerklickar man på innehållsytan eller en layout (i detta exempel har innehållsytan namnet "Mittenspalt").

Lägg till grid

Välj om gridet ska vara:

  • Flexibelt grid
    • Procentbaserat - anpassar sig efter webbläsarfönstrets storlek
  • Fast flexibelt grid
    • Procentbaserat - anpassar sig efter webbläsarfönstrets storlek, men kolumnerna bli konsekventa om de nästlas
  • Fast grid
    • Pixelbaserat - kolumnerna är fasta, oberoende av webbläsarfönstrets storlek

Använd Flexibelt grid eller Fast flexibelt grid för att bygga responsivt.

En mall som är uppbyggt med grids innehåller alltid ett eller flera grid. Anledningen till att man använder flera grids i en mall är att ibland kanske man vill att bakgrunden ska vara 100% på vissa delar av sidan.

Denna funktion kräver att man har behörigheten "Hantera grids".

Gridrad

En gridrad lägger man till för att börja på en ny rad i rutnätet. När man lägger ut en gridrad avslutas allt flöde från raden innan.

För att lägga till en gridrad på en sida/mall så högerklickar man på en innehållsyta/grid/ layout.

Spalt

En spalt lägger man till för att börja på en ny kolumn i rutnätet.

För att lägga till en spalt på en sida/mall så högerklickar man på en innehållsyta/grid/ layout. Man väljer bredd i antal kolumner på en gång. Väljer man fel kan man gå in i efterhand och justera detta genom att högerklicka på spalten och välja Egenskaper -> Grid.

Storlek på en spalt sätts alltså inte i pixlar (exempelvis vänsterspalt 230px) utan anges i hur många kolumner som ska användas (exempelvis 3 av 12 kolumner).

Denna modul/funktion kräver att man har behörigheten "Skapa gridrader och spalter".

Exempel på grid, gridrad och spalt

Om man har en skiss som ser ut som nedan gör man följande:

1. Markera innehållsytan/layout, högerklicka och välj Lägg till grid (som man har aktiverat på webbplatsen och gett en bredd).

2. Markera grid, högerklicka och välj Lägg till gridrad. Lägg till en bildmodul.

3. Markera grid igen, högerklicka och välj Lägg till gridrad. Markera raden och högerklicka och välj Lägg till spalt -> 8 kolumner. Lägg till en bildmodul. Markera raden igen och högerklicka och välj Lägg till spalt -> 4 kolumner. Lägg till en textmodul.

4. Markera grid igen, högerklicka och välj Lägg till gridrad. Markera raden och högerklicka och välj Lägg till spalt -> 4 kolumner. Lägg till en puff. Markera raden igen och högerklicka och välj Lägg till spalt -> 4 kolumner. Lägg till en puff. Upprepa en gång till.

5. Markera grid igen, högerklicka och välj Lägg till gridrad. Lägg till en sidfot.

BILD 12 kolumner

BILD 8 kolumner

Text 4 kolumner

PUFF 4 kolumner

PUFF 4 kolumner

PUFF 4 kolumner

SIDFOT 12 kolumner

Om detta är en sida så behöver man inte lägga till spalter, man kan lägga ut modulerna direkt, högerklicka på dem och sätta storleken i kolumner. (Egenskaper på modul -> Inställningar )

Om detta är en mall går det att inuti gridrader/spalter lägga till layouter som görs om till mallytor/innehållsytor. Se lathund för Skapa mallar med grids.

Denna sida publicerades: 2016-10-11

Skriv ut PDF-avsnitt

Hjälpte informationen på den här sidan dig?

Missa inga nya rön, tips och tricks! Prenumerera på insite!

Hitta till oss!

SiteVision AB (huvudkontor)
Vasagatan 10
702 10 Örebro

Info: 019-17 30 30
Support: 019-17 30 39

Senaste Tweets