Dragspel

Owned by Elin Lindeberg
Last updated: Jun 05, 2024
4 min read

Webbredaktör och lättredaktör kan skapa och redigera.

Sidans innehåll

Om dragspel

Komponenten dragspel är en expanderbar sektion av en sida, där innehållet är dolt men kan visas genom att besökaren väljer att öppna den. Komponenten dragspel går bara att lägga till på informationssidor, i layouten Information. Det passar bra att använda dragspel vid följande tillfällen:

  • När mycket information ska rymmas på en sida, men du som redaktör vill göra sidans innehåll överskådligt (exempelvis för instruktioner)

  • När besökaren bara har behov av att läsa en viss del av innehållet på sidan för att få hjälp/hitta det hen sökte efter (exempelvis FAQ)

Har du text som är sammansatt för att läsas uppifrån och ner (exempelvis nyheter) eller innehåll där det är viktigt att besökaren tar del av informationen (då bör snarare en faktaruta användas), då passar det mindre bra att använda dragspel.

Förstå hur du arbetar i Layoutbuilder

Vill du förstå hur du arbetar i Layoutbuilder? Manualen Layoutbuilder

Riktlinjer

Det finns flera fördelar med dragspel, till exempel sparar det plats, ökar interaktionen och besökaren kan välja vilken innehåll hen vill ta del av. Men det finns också en del nackdelar:

  • Delar av informationen på sidan blir dold och besökare kan missa viktig information.

  • Sökmotorer har svårare att indexera och bedöma om innehållet är relevant vilket gör att sökmotoroptimeringen påverkas negativt.

  • Dragspel kan vara svårare för personer med funktionsnedsättningar att hantera.

Därför är vår rekommendation att vara sparsam med dragspel och bara använda vid FAQ, checklista eller om innehåll bara är relevant för en del av sidans målgrupp.

Formulera rubriken för dragspelet på ett sätt som tydlig beskriver vad som finns inuti sektionen. Rubriken ska också vara unik för att undvika konkurrerande val för besökaren.

Begränsa mängden text som visas i den utfällbara sektionen och använd punktlistor och korta stycken.

Skapa dragspel

Du kan bara skapa dragspel i layouten “Information”.

  1. Gå till “Layout” i redaktörsmenyn och skapa layouten “Information”.

  2. Klicka på “Lägg till komponent” och välj “Dragspel”.

  3. Fyll i ”Rubrik” och välj rubriknivå. Kom ihåg att rubriknivåer ska gå i fallande ordning. Till exempel: har du en editor med rubrik FAQ ovanför dragspelet ska FAQ vara i H2 och rubriken i dragspelet H3.

  4. Fyll i ditt innehåll i editorn.

  5. Klicka på “Lägg till komponent”. Klart!

Redigera titel och innehåll

När du ska redigera ett befintligt dragspel gör du det genom att klicka på pennan i det över högra hörnet på puffen.

Lägg till en länk i dragspel

  1. Skriv först länktexten (se exemplet nedan) och markera texten.

  2. Klicka sedan på symbolen för länk.

  3. Ska du länka till innehåll på en webbyta på gu.se kan du skriva in sidans titel. Ska du länka till en extern sida klistrar du in url:en till sidan.

  4. Klicka på Spara.

Lägg till dokument i dragspel

  1. Ta fram två flikar, en till sidan du ska lägga in dokumentet på och en till dokumentbiblioteket (Under “Innehåll” väljer du fliken “Dokumentbibliotek”)

  2. Har du redan lagt in ditt dokument letar du upp detta. Instruktioner för hur du lägger in ett nytt dokument hittar du i manualen Dokument.

  3. I dokumentbiblioteket klickar du upp ditt dokument och sedan väljer du att öppna filen i en ny flik.

  1. Kopiera url:en för filen. Den börjar på: https://www.gu.se/sites/default/files/

  2. Gå tillbaka till sidan där du vill lägga in dokumentet. Gå till editorn och skriv in titeln för dokumentet, till exempel Göteborgs universitets organisation (pdf).

  3. Markera texten och klicka på symbolen för länk och klistra in url:en. Klicka på Spara.

Flytta dragspelet

Du kan flytta dragspelet på två sätt:

  1. Ta tag i dragspelet och dra den till den sektion du vill flytta den till.

  2. Välja “Flytta” under redigeringspennan. Väl där kan du sedan välja vilken sektion samt region dit du vill flytta innehållet. Gör ditt val och klicka sedan på “Flytta”.

Radera dragspelet

Ska du ta bort ett dragspel klickaar du på pennan i det högra hörnet på komponenten och väljer “Radera komponent”. Ett raderat dragspel går inte att återställa.

Spara ändringar du har gjort

När du är färdig scrollar du längst ner på sidan för att spara dina ändringar.

  • Publicerad: Ändringarna sparas och visas för besökare.

  • Utkast: Ändringarna sparas, men visas inte för besökare förrän du väljer att ändra till Publicerad.

  • Avpublicerat: Sidan finns kvar i redigeringsläget, men en besökare kan inte se den alls.

Kom ihåg att klicka på “Spara” för att ändringarna ska slå genom.

Goda exempel på gu.se