Versions Compared

Old Version 2

changes.mady.by.user Elin Lindeberg

Saved on

compared with

New Version 3

changes.mady.by.user Elin Lindeberg

Saved on

Key

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

Sidans innehåll

Table of Contents
minLevel1
maxLevel1
outlinefalse
stylenone
typelist
printablefalse

Om puff - intern (länk)

Komponenten puff - intern (länk) använder du när du vill länka till en sida eller en utbildning som finns på gu.se. Du kan hämta innehåll från alla webbytor. Däremot kan du inte länka till hitta-sidor, till exempel om du vill visa alla sommarkurser i utbildningskatalogen - då använder du puff - extern (länk).

...

Expand
titleAnpassa puffen

Du har möjlighet att anpassa puffen beroende på placering. Det finns rekommendationer för hur du ska anpassa puffen.

Titel

Puffen visar automatiskt sidans titel. Rekommendationen är att du inte ändrar titeln eftersom det kan förvirra besökaren i sin navigering.

Sammanfattning för puff

Puffen visar automatiskt sidans ingress (förutom för komponent i storlek 33). Rekommendationen är att du ändrar sammanfattningen för puff;

  • Klicka på mellanslag för att ingressen helt enkelt inte ska synas. Det här kan vara bra att göra om puffen känns för rörig och innehållet tydliggörs i rubriken.

  • Skriv en ny sammanfattning som på ett kort sätt förklarar sidans innehåll. Detta för att undvika “…” i puffen.

Bild för puff

Puffen visar automatiskt sidans huvudbild. Rekommendationen är att låta samma bild synas i puffen. Har sidan inte en bild har du möjlighet att välja en passande bild till puffen. Du kan också välja att ej visa bakgrundsbild och istället välja en bakgrundsfärg: blå, grön eller vit.

Expand
titleBild i puffen

Om bild används i puffen, se till så att bilden inte är för stökigt samt att den inte innehåller någon text. Då syns länktexten som lägger sig över fotot bättre och besökaren har lättare att uppfatta vart puffen leder.

Expand
titleUtformning av puffar i en sektion

Beroende på vilken sektionstyp du har valt ser puffarnas storlek olika ut i desktop (i mobil är majoriteten av puffarna alltid lika stora). Puffar i en sektion ska alltid vara överskådliga och ha en struktur. Rekommendationen är att max antal puffar i en sektion är sex stycken. Vill du ha fler puffar skapar du fler sektioner.

Generellt finns det ett visst samband mellan puffens storlek och besökarens benägenhet att klicka på den. Men för att skapa ett snyggt flöde för besökaren är rekommendationen att du kombinerar olika storlekar på puffar.

Expand
titleHur ser det ut i mobilen?

Puffarnas utseende skiljer sig åt beroende på om besökaren är på en mobil eller i desktop, till exempel syns aldrig sammanfattningen i en puff på en mobil. Storleken på puffen är också likadan vid majoritet av sektionstyperna, det skiljer sig bara åt för sektionstypen Fullbredd. Det kan göra att en sida som känns ganska kort i desktop blir väldigt lång i mobil. Kom därför ihåg att alltid kolla hur din sida ser ut i mobil!

Skapa puff - intern (länk)

  1. Gå till Layout och Skapa din sektion. Välj sektionstyp, du kan skapa puff - intern (länk) i samtliga sektionstyper.

  2. Klicka på Lägg till komponent och välj Puff - intern (länk)

  3. Ska du länka till en sida på gu.se väljer du Sök efter innehåll. Ska du länka till en utbildning i kurskatalogen väljer du Sök efter utbildning.

  4. Sök efter titel på sidan eller utbildningen. Finns det annat innehåll som har samma titel kan du också använda filtreringen för att enklare hitta.

  5. Klicka på Välj innehåll

  6. Nu har du möjlighet att anpassa puffen enligt riktlinjerna ovan.

  7. När du är klar klickar du på Lägg till komponent. Klart!

Redigera puff - intern (länk)

När du ska redigera puffen 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 puffen kan du ta bort det länkade innehållet samt ändra i anpassningen av puffen. Kom ihåg att följa våra riktlinjer för anpassning.

Flytta

Du kan flytta en puff på två sätt:

  1. Ta tag i puffen och dra den till den sektion du vill flytta puffen 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 komponent

Ska du ta bort en puff väljer du Radera komponent. En raderad puff 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.