Designa dina kolumner

Du kan använda kolumner för att arrangera innehåll i strukturerade layouter, som gör din webbplats visuellt tilltalande och enkel att navigera. I den här guiden får du lära dig hur du anpassar designaspekter för dina kolumner, som färger, justering och utseende på mobil.

Gör så här för att lägga till eller ändra bakgrundsfärgen på kolumner:

1. Välj Listvy i det övre vänstra hörnet i redigeraren. Det är ikonen som ser ut som tre horisontella linjer ovanför varandra.
2. Hitta Kolumnblocket här och klicka på det:

3. I inställningarna för Kolumnblocket på höger sida av skärmen klickar du på fliken Stilar (ikonen ser ut som en svartvit cirkel):

4. I färginställningarna klickar du på ”Bakgrund” och väljer en bakgrundsfärg.
5. Klicka på knappen ”Spara” för att spara dina ändringar.

Om du vill välja olika färger för varje kolumn följer du samma steg, men väljer ett enskilt kolumnblock i Listvyn istället för det övergripande kolumnblocket.

När du lägger till innehåll i en ny kolumn kommer det som standard att justeras mot överkanten av kolumnen. Gör så här för att ändra justeringen för innehåll inuti kolumner:

1. Välj Listvy i det övre vänstra hörnet i redigeraren. Det är ikonen som ser ut som tre horisontella linjer ovanför varandra.
2. Hitta Kolumnblocket här och klicka på det:

3. Klicka på alternativet för vertikal justering i verktygsfältet som visas ovanför eller under de markerade kolumnerna:

4. Välj mellan ”placera högst upp”, ”placera i mitten” eller ”placera längst ner” så att allt innehåll inuti kolumnerna finns längst upp, i mitten eller längst ner i kolumnen.

Om du vill välja olika justeringar för varje kolumn följer du samma steg, men väljer en enskild kolumn i listvyn i stället för det övergripande kolumner. Genom att göra så här kan du skapa en spridd layout på följande sätt:

När du använder en kolumnlayout är det viktigt att tänka på hur dina kolumner kommer att visas för besökare på din webbplats med mobilenheter. Telefoner har mindre skärmar, så det är inte säkert att flera kolumner får plats bredvid varandra samtidigt som ditt innehåll förblir läsbart.

Du kan välja att ”stapla” kolumnerna på mobila skärmar så att de visas ovanpå varandra, istället för bredvid varandra:

1. Välj Kolumnblocket, antingen genom att använda Listvyn eller blockverktygsfältet.
2. I inställningarna för Kolumnblocket på höger sida av skärmen aktiverar du ”Stapla på mobil”:

Det här reglaget avgör om kolumnerna ska visas horisontellt eller staplade vertikalt när sidan eller inlägget visas på en mobilenhet. Här är ett exempel på staplade kolumner när de visas på skärmar på stationära/bärbara datorer jämfört med en mobilskärm: