Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Table of Contents
minLevel1
maxLevel1
outlinefalse
styledisc
typelist
printablefalse

Om dragspel

I komponenten dragspel kan du lägga information i en utfällbar sektion. Rekommendationen är att bara använda dragspel för FAQ, checklista eller innehåll som bara är aktuellt för en del av sidans målgruppKomponenten 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.

När passar det bra att använda accordion?

  • 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)

När passar det mindre bra att använda accordion?

  • När texten är sammansatt för att läsas uppifrån och ner (exempelvis nyheter)

  • När det är viktigt att besökaren tar del av informationen (Då bör snarare en faktaruta användas)

Riktlinjer

Expand
titleVar sparsam med dragspel

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.

...

Du kan bara skapa dragspel på Informationssida.

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

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

  3. Du kan nu redigera komponenten.

  4. Klicka på Uppdatera. Klart!

Redigera dragspel

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

...

Redigera komponent

Väljer du att redigera komponenten kan du ändra i det innehåll som du lagt in i dragspelet. Kom ihåg att följa våra riktlinjer.

...

titleÄndra rubriknivå på rubrik

...

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

  2. Fyll i ditt innehåll i editorn.

  3. Klicka på “Lägg till komponent”.

...

...

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

...

...

Redigera en befintlig länk i dragspel

När du har skapat en länk kan du redigera den genom att högerklicka på länken i editor. Då får du upp alternativet Redigera länk där du kan ändra själva länkadressen.

...

...

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

...

  1. “Innehåll” väljer du fliken

...

  1. “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 “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“Flytta”.

Radera

...

dragspelet

Ska du ta bort ett dragspel väljer du Radera komponentklickaar 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.

...