Under uppbyggnad

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

Sidans innehåll

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

Riktlinjer

Sidtyp bestämmer användning av puff

Beroende på vilken sidtyp du har finns det rekommendationer för hur du använder en puff.

Genomgångssida

Puff används för att leda besökaren vidare i navigeringen. Genomgångssidan består till största del av puffar.

Informationssida

Puff används för relaterad information till den rena faktan som finns på informationssidan. Antingen läggs puffen längst ner på sidan med rubriken Relaterad information, alternativt används den för att bryta olika sektioner och då är rekommendationen att undvika rubrik.

Utbildningssida

Puff används för relaterad information till den rena faktan som finns på utbildningssidan. Antingen läggs puffen längst ner på sidan med rubriken Relaterad information, alternativt används den för att bryta olika sektioner och då är rekommendationen att undvika rubrik.

Nyheter

Puff används för relaterad information och hamnar automatiskt längst ner på sidan. Rubriken är Relaterat innehåll och går inte att ändra.

Forskningsprojekt/grupp

Puff används för relaterad information och läggs längst ner på sidan med rubriken Relaterad information.

Forskningsreportage/porträtt

Puff används för relaterad information och hamnar automatiskt längst ner på sidan. Rubriken är Relaterat innehåll och går inte att ändra.

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

Visa ej bakgrundsbild

Du kan också välja att “Visa ej bakgrundsbild” och istället välja en bakgrundsfärg: blå, grön eller vit. Rekommendationen är att använda detta när du upplever att det blir för rörigt med flera puffar med bild.

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

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

Hur 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. 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!

Skapa puff - intern (länk)

Gå till redaktörsmenyn och välj “Layout” och Skapa din sektion. Välj sektionstyp, du kan skapa puff - intern (länk) i samtliga sektionstyper.
Klicka på “Lägg till komponent” och välj “Puff - intern (länk)”
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”.
Sök efter titeln på sidan eller utbildningen. Finns det annat innehåll som har samma titel kan du också använda filtreringen för att enklare hitta.
Klicka på “Välj innehåll”.
Nu har du möjlighet att anpassa puffen enligt riktlinjerna ovan.
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:

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

Puff - intern (länk)