Arbeta i layoutläget

Sektioner och kolumner

Du kan trycka på "Add section" uppe eller nere på din sida för att lägga till fler sektioner. Då får du välja en layout på din sektion, hur du vill att den ska delas upp i kolumner. Du kan göra inställningar för sektioner genom att trycka på kugghjulet bredvid en sektion.

Landing page och artiklar har extra inställningar för just sektioner, till skillnad från vanlig Page. De extra inställningarna innebär att du kan lägga till en sektionsrubrik, ingress, bakgrundsfärg och har här flera inställningar för marginalen. Du editerar en sektion genom att trycka på kugghjulet intill sektionen i layoutläget.

Temablock

Du kan skapa ett så kallat temablock, där du i en sektion lägger till övergripande rubrik och ingress för de kommande innehållsboxarna. Du kan i en sektion kryssa i "No margin below heading & lead" och "No margin to the section below" för att sektionen ska ligga nära innehållet under, och på samma sätt kan du använda "No margin to the section above" för en sektion som ligger under annat innehåll som du vill ha inom samma temablock. 

Se exempel på temablock

Mosaikblock

Du kan skapa flera olika innehållsboxar i olika höjdled bredvid varandra, som en så kallad mosaik. När du skapar mosaikblock är det rekommenderat att kryssa i "Use thin margins between content blocks" där du editerar själva sektionen, för att göra blocken mer läsbara. 

Se exempel på mosaikblock

Arbeta med innehållsboxar

Här beskrivs hur du skapar och lägger till nya och befintliga image boxar och infoboxar, hur du redigerar och flyttar runt boxarna:

• Skapa och lägg till en ny image box
• Lägg till en befintlig image box
• Lägg till en info box
• Redigera boxarna
• Flytta runt boxarna

Skapa och lägg till en ny image box

Först väljer du om du vill skapa en helt ny imagebox, eller välja en befintlig från filbiblioteket.

Om du ska skapa en helt ny box direkt från sidan så väljer du "Image box, new". 

Därefter är det dags att göra inställningarna för din nya imagebox. 

Administrative title

Börja med att skriva in vad du vill att din imagebox ska heta i själva administrationsgränssnittet. Det är obligatoriskt, den måste ha ett namn så att du kan hitta den. Detta är inget som syns utåt.

Title

Nästa fält däremot är en rubrik som faktiskt syns utåt – i många fall kommer du vilja ha en text här, men det behövs inte.

Lead

Lead är en lite kortare text som hamnar under rubriken. Denna yta bör du använda sparsmakat. Tänk rubrikformat på texterna här för att det ska se vettigt ut, inte minst nu när du ska lägga boxen i högerspalten. 

Link

Vill du att imageboxen ska vara klickbar och länka vidare någonstans så skriver du in en länk i fältet Link. Vill du länka externt så skriver du in hela webbadressen och vill du länka internt inom webbplatsen så söker du upp sidan genom att börja skriva på titeln.

Media

Fältet media är obligatoriskt – eftersom det är just en imagebox så måste boxen ha en bild. Här väljer du om vill ladda upp en ny bild eller välja en befintlig från biblioteket.

Till sist väljer du om höjden på boxen ska anpassas efter höjden på innehållet i boxen, alltså bilden, eller om den ska anpassas efter omgivningen.

Väljer du anpassa efter omgivningen i det här fallet så så får du en box som sträcks ut i höjdled och blir lika lång som texten i brödtextfältet, vilket inte blir så bra om du bara har en box i högerspalten. Har du däremot flera boxar som delar på utrymmet så kan det bli snyggt om de tillsammans linjerar med textfältet, genom att en eller flera är inställda på att anpassa sig efter omgivningen. Använd ditt goda omdöme och prova dig fram. 

När du är klar med dina inställningar klickar du på knappen ”Add Content Block” längst ner.

För att se hur det blev på sidan så måste sedan du komma ihåg att spara hela layouten, och välja om du vill spara som utkast eller publicera direkt.

När imageboxen är länkad så får den en liten pil på sig, och det går nu att klicka varsomhelst i boxen för att följa länken. 

Lägg till en befintlig image box

Har du istället en färdig imagebox som du skapat tidigare och vill hämta in från biblioteket? 

En befintlig box kan du ha skapat tidigare i samband med att du lagt in boxar på någon annan sida, eller så har du valt att skapa nytt innehåll direkt under "Add content" i administrationsmenyn. Du kan alltså skapa boxar på samma sätt som du skapar en ny sida eller till exempel en nyhetsartikel, och sedan hämta in dem på olika sidor.

För att hämta in en befintlig box från biblioteket väljer du istället ”Image box, library”. 

Till sist måste du återigen komma ihåg att spara den nya layouten för att ändringarna ska slå igenom.

Lägg till en info box

Vill du lägga till en infobox i högerspalten så gör du på precis samma sätt som när du lägger till en imagebox:

• Gå till layoutläget för sidan
• Välj Add Content Block i högerkolumnen
• Välj om du ska skapa en ny infobox eller hämta in en befintlig från biblioteket ("Info box, new" eller "Info box, library")

Vi börjar med att skapa en helt ny infobox genom att klicka på "Info box, new".

Mycket i inställningarna känner du igen från imageboxen men till skillnad från den så kan du här lägga in mer text, och du kan även lägga till en video. 

Precis som i imageboxen så kan du länka infoboxen vidare – men det går också att låta bli. Du kan lägga till media, men det går också att låta bli. 

Observera att om du lägger till en länk som gör hela infoboxen klickbar, så rensas all eventuell formatering och andra länkar från infoboxens brödtext.

Media

Under media kan du välja om du vill lägga till en bild eller en film. Vill du lägga in en film så är enklaste sättet att bädda in en film från Youtube, genom att gå in under "Add external video" och fylla i videons URL och klicka på Save. 

Kom ihåg att om du ska använda video på webbplatsen så behöver du säkerställa att videon är i ett tillgängligt format, till exempel så ska den ju vara textad. 

Läs mer om tillgänglighet 

Body

I brödtextfältet för infoboxen fyller du i lite text. Kom ihåg att om du gör hela boxen länkad så kan du inte lägga in textlänkar här också, de slår ut varandra. Det går inte heller att ha någon annan typ av formatering eller bilder i brödtextfältet om hela boxen är länkad. Tänk också på att infoboxar inte har någon play-knapp, så lägger du rörligt där (eller länkar till podd eller något annat som ska spelas upp) så behöver du tydliggöra vart länken leder. Exempelvis "Se filmen på xxx" eller Lyssna på podcasten på xxx". 

Background colour

Du kan också välja vilken bakgrundsfärg du vill ha om boxen ska skilja sig från omgivningen. 

Att du kan välja om boxen ska anpassas efter sitt eget innehåll enbart eller efter omgivningen gäller även för infoboxar.

RSS-inställningarna använder du om du vill visa ett automatiserat nyhetsflöde från någon extern tjänst här i din infobox. 

Spara sedan infoboxen och kom ihåg att du måste spara din layout för att ändringarna ska slå igenom. 

I det här exemplet som vi precis gått igenom blir resultatet att videon blir inbäddad i boxen och går att spela upp direkt, och resten av boxen är länkad. 

Precis som med imagebox så går det så klart bra att lägga in en färdig infobox på sidan. I layoutläget väljer du då istället: 

• Add contentblock > Info box, library för att få upp biblioteket.
• Klicka sedan på Select content block, välj eller sök fram lämplig box, klicka på Use selected och till sist Add content block.
• Glöm sedan inte att spara ändringarna i layouten. 

Redigera boxarna

Vill du göra ändringar i någon av boxarna i efterhand så går du in i layoutläget för sidan igen och för muspekaren över den box du vill revidera, så att en liten penna dyker upp i hörnet. Klicka på pennan och välj Edit Component, klicka på Edit en extra gång och sedan kan du redigera innehållet. 

Tänk på att detta inte fungerar om du är i visningsläget för sidan, då kan du bara redigera själva bilden. Du måste alltså alltid gå in under layoutfliken för att komma åt inställningarna för boxen.

Flytta runt boxarna 

Du kan enkelt flytta runt dina boxar i högerspalten med hjälp av layoutfliken. 

• Klicka klicka på layoutfliken.
• Klicka sedan på någon av boxarna och håll inne musknappen och dra den uppåt eller neråt. Släpp sedan där du vill ha den i stället. 
• Och nu har de bytt plats. 
• Är du nöjd med ändringen så går du som vanligt in och sparar den nya layouten via den blå knappen högst upp. 
• Om du däremot känner att du har gjort fel – då kan du också låta bli att spara. Eller så använder du knappen "Ignore changes".