Versions Compared

Key

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

...

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
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 Detta 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!

...

  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!

...