Sidans högerspalt

I den här guiden går vi igenom hur du lägger till innehåll i sidans högerspalt. För att komma åt högerspalten behöver du gå in i sidans layoutläge.

Layoutläget gör det även möjligt att skapa så kallade temablock och mosaikblock på start- och ingångssidor (landing pages). Det går även att, till viss del, arbeta med layout på vanliga sidor och i artiklar, för att få ett lite mer dynamiskt utseende.

Läs mer på sidan Så jobbar du i layoutläget

Sektioner, kolumner och block

Börja med att gå in på den sida du vill jobba med och klicka på fliken layout.

Bild på layoutfliken i Drupal
För att komma åt högerspalten behöver du gå in i sidans layoutläge.

I det här läget ser du sidan uppdelad i sektioner och kolumner. 

Bild på en sidas layoutläge med sektioner och kolumner markerade.
Sidan på bilden har en sektion med två kolumner. Genom att klicka på "Add content block" kan du lägga till exempelvis Imageboxar och Infoboxar.

1. En vanlig sida där du inte skapat något i layoutläget ännu har bara en sektion (se bild), men du kan lägga till flera ovanför eller nedanför. 

2. Sektionerna har en eller flera kolumner beroende på vilken layout på sektionen som är vald. 

3. I kolumnerna staplar du något som kallas för innehållsblock på varandra, på höjden. Det kan vara till exempel Imageboxar eller Infoboxar. 

I den här guiden koncentrerar vi oss bara på högerkolumnen, så det är alltså till höger i här vi ska lägga in block:

Bild på en sidas layoutläge med högerkolumnen markerad
För att bygga upp sidans högerspalt lägger du till innehåll via "Add content block" i kolumnen till höger.

Lägg till innehållsblock

För att se vilka olika typer av block du har att välja mellan, klicka på "Add Content block". 

Bild på de olika valen som finns under Add content block.
I högerspalten på vanliga sidor är det Image box och Info box som är aktuellt att lägga till.

Det du kan lägga till på vanliga sidor i högerspalten är "Image box" och "Info box". "Textboxen" som också ligger här ska du däremot inte använda i högerspalten. "Latest news" är en lista med de senaste nyhetsartiklarna på sajten – den passar förmodligen bäst på en startsida eller i högerspalten på en artikel. 

Skapa och lägg till en ny Image box

Först väljer du om du vill skapa en helt ny Image box, 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. 

Bild på hur du väljer att du vill skapa en ny Image box från sidans layoutläge.
Du kan skapa en helt ny Image box direkt via layoutläget.

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

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.

Bild på inställningarna för Image box
Vill du länka Imageboxen 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 image box 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.

Bild på fältet där du lägger till en bild i din image box.
Imageboxar måste innehålla en bild.

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.

Bild på checkboxarna där du anger hur höjden på din Image box ska anpassas.
Har du flera boxar som delar på utrymmet i högerspalten 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.

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.

Bild på knappen "Spara" med vilken du alltid måste komma ihåg att spara din layout.
Kom alltid ihåg att spara din layout när du gjort några ändringar.

När Image boxen ä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. 

Bild på en länkad image box i visningsläget.
Du ser att en Image box är länkad när den lilla pilen dyker upp bredvid rubriken.

Lägg till en befintlig Image box

Har du istället en färdig Image box 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”. 

Bild på hur du lägger till en befintlig image box via biblioteket
Redan skapade Imageboxar hämtar du in via Image box, library.
Bild på knappen Select content block
För att komma vidare till befintliga boxar måste du först klicka på Select content block.
Bild på vyn där du kan välja befintliga imageboxar.
Sök fram din image box och markera den så att den får en blå ram runt sig. Klicka sedan på Use selected.

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 Image box:

  • 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 Info box genom att klicka på Info box, new.

Bild på hur du lägger till en ny infobox
Vill du skapa en ny Info box direkt från sidan så väljer du Add content > 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. 

Bild på inställningarna för Info box.
Administrativ titel är obligatoriskt, och ska du länka boxen vidare måste du även fylla i en titel som syns utåt.

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. 

Bild på hur du lägger till en länk från exempelvis Youtube i din info box.
Vill du lägga in en film i din Info box så är det enklaste sättet att lägga in delningslänken från Youtube, under "Add external video".

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. 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". 

Bild på brödtextfältet, body, i inställningarna för infoboxen.
Om boxen är länkad ska du alltid tydliggöra vart länken leder i brödtexten.

Background colour

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

Bild på inställningen av bakgrundsfärg på infoboxen.

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. 

Bild på info box med inbäddad video.
Info box med inbäddad film från Youtube, som kan spelas upp direkt i boxen.

Precis som med Image box 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. 

Bild på hur du reviderar i en box genom att klicka fram den lilla pennan i högra hörnet.
För att göra ändringar i en box som du placerat på din sida, håll musen över boxen i layoutläget – så den lilla pennan och "Edit component" kommer upp.

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". 
Bild på de två knapparna som ger dig möjlighet att spara eller kasta de ändringar du precis gjort i layouten.
Kom alltid ihåg att spara din layout när du gjort ändringar. Är du däremot inte nöjd så kan du istället välja "Ignore Changes".

Support

Vid frågor, vänligen kontakta servicedesk [at] lu [dot] se

Ange alltid webbplatsens eller sidans URL som ärendet gäller.