Under uppbyggnad

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

Sidans innehåll

Om puff - extern (länk)

Komponenten puff - extern (länk) är en bildlänk som du använder när du vill länka till relaterat innehåll utanför en webbyta på gu.se eller hitta-sidor, till exempel om du vill länka till en filtrering av hitta utbildning eller hitta forskning.

Förstå hur du arbetar i Layoutbuilder

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

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. Rekommendationen är att undvika puffar till sidor utanför gu.se på genomgångssidor, eftersom syftet med dessa sidor är att leda besökaren vidare i navigeringen på gu.se.

Informationssida

Puff används för relaterad information till den rena faktan som finns på informationssidan. Du lägger då puffen längst ner på sidan i en grå sektion med rubriken “Relaterad information”.

Utbildningssida

Puff används för relaterad information till den rena faktan som finns på utbildningssidan. Då lägger du puffen längst ner på sidan i en grå sektion med rubriken “Relaterad information”.

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 i en grå sektion 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.

Puffar som leder till sidor utanför gu.se

Rekommendationen är att länka vidare till sådant innehåll som Göteborgs universitet inte äger. Vi ska alltså inte skriva om innehåll som inte är vårt, utan istället länka vidare. Däremot är det viktigt att vi länkar till bekräftade och säkra webbsidor.

Vi länkar också till relevant innehåll, vilket innebär att du inte bara ska länka till startsidan på en webbplats utan till själva sidan där informationen som du vill att besökaren ska ta del av finns.

Titeln i själva puffen ska vara samma som sidans titel. Under Etikett/kategori är rekommendationen att du skriver vilken webbplats du länkar till. Undvik också att använda ingress och bild i en puff som går till sida utanför gu.se, till exempel:

Puffar som leder till hitta-sidor

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

Rekommendationen är att titeln börjar med Hitta… till exempel Hitta sommarkurser, Hitta masterprogram.
Använd inte etikett/kategori
Använd ingress om det tydliggör vad länken leder till. Annars kan vara bra att undvika ingress för att puffen inte ska kännas rörig.
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 - extern (länk)

Gå till fliken “Layout” i redaktörsmenyn och Skapa din sektion. Välj sektionstyp, du kan skapa puff - extern (länk) i samtliga sektionstyper.
Klicka på “Lägg till komponent” och välj “Puff - extern (länk)”.
Fyll i fälten utifrån riktlinjerna.
Klicka på “Lägg till komponent”. Klart

Redigera innehåll i puff

I redaktörsmenyn väljer du “Layout” och vid komponenten klickar du på redigeringspennan.
Nu kan du redigera den befintliga puffen som du vill ändra. Till exempel kan du ändra titel, etikett/kategori, länk, språkattribut, ingress eller bild. Kom ihåg att följa våra riktlinjer.
Klicka på “Uppdatera”.

Flytta puff

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 puff

I redaktörsmenyn väljer du “Layout” och vid puffen klickar du på redigeringspennan.
Klicka på “Radera komponent”. En raderad komponent går inte att återställa.
Klicka på “Ta bort”.

Bruten länk

När det kommer till externa puffar så finns det inte något sätt för oss att se om länken blir bruten på grund av att sidan flyttats eller tagits bort. Därför är det viktigt att du återkommande rättar brutna länkar med hjälp av Siteimprove. På så sätt kan du säkerställa att besökaren hittar till den informationen som du länkar till.

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.

Puff - extern (länk)