/
Puff - intern (lÀnk)

Puff - intern (lÀnk)

Owned by Elin Lindeberg
Last updated: Jan 29, 2025
5 min read

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

FörstÄ hur du arbetar i Layoutbuilder

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

Riktlinjer

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 relaterat innehĂ„ll till den rena faktan som finns pĂ„ informationssidan. Du lĂ€gger till puffar under “Redigera” i redaktörsmenyn. Puffarna hamnar dĂ„ lĂ€ngst ner pĂ„ sidan i med rubriken “relaterat innehĂ„ll”.

Utbildningssida

Puff anvĂ€nds för relaterad information till den rena faktan som finns pĂ„ utbildningssidan. Du lĂ€gger dĂ„ 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.

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 i fĂ€ltet för “sammanfattning” 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.

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.

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.

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!

Puffar fÄr en etikett beroende pÄ vilken sidtyp de lÀnkar till. Vill du inte att etiketten ska synas finns det möjlighet att dölja den nÀr du skapar din puff.

  • En Nyhetspuff fĂ„r alltid etiketten Nyhet

  • En Evenemangspuff fĂ„r alltid kategorin som en etikett t.ex. FörelĂ€sning

  • En puff till sidtypen Forskningsprojekt/grupp fĂ„r alltid etiketten Forskning

  • En puff till sidtypen Forskningsreportage/portrĂ€tt fĂ„r etiketten Forskningsreportage/portrĂ€tt

  • En genomgĂ„ngssida fĂ„r ingen etikett

  • En ytas startsida fĂ„r ingen etikett

  • En utbildningssida fĂ„r ingen etikett

  • En kontaktsida fĂ„r ingen etikett

  • En landningssida (som bara finns som startsida för gu.se och Aktuelltsidan) fĂ„r ingen etikett.

Du som Àr redaktör kan alltsÄ inte pÄverka etiketterna för dessa innehÄllstyper. Den lilla udda fÄgeln som vi har Àr informationssidan. Den fungerar sÄ hÀr.

  • NĂ€r den skapas och nĂ€r den lĂ€ggs in i menyn, oberoende i vilken nivĂ„, sĂ„ hĂ€mtas etiketten ifrĂ„n första nivĂ„n. Ett exempel: I menyn har vi Om universitetet > Jobba hos oss > SĂ„ blir du en av oss. Om du gör en puff av sidan “SĂ„ blir du en av oss” kommer etiketten att bli “Om universitetet”, som Ă€r nivĂ„ 1 i menyn.

Skapa puff - intern (lÀnk)

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

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

  5. Klicka pĂ„ “VĂ€lj innehĂ„ll”.

  6. Vid “dölj etikett” har du möjlighet att hantera de etiketter som kan synas beroende pĂ„ vilken sidtyp du lĂ€nkar till.

  7. vid “visa ej bakgrundsbild” har du möjlighet att lĂ€gga en fĂ€rgruta som bakgrund för sjĂ€lva puffen. VĂ€lj den fĂ€rg du vill ha.

  8. NĂ€r du Ă€r klar klickar du pĂ„ “LĂ€gg till komponent”. Klart!

Redigera innehÄll i puff

  1. I redaktörsmenyn vĂ€ljer du “Layout” och vid komponenten klickar du pĂ„ redigeringspennan.

  2. Nu kan du redigera den befintliga puffen som du vill Àndra. Till exempel kan du Àndra titel, lÀnk, ingress eller bild. Kom ihÄg att följa vÄra riktlinjer.

  3. Klicka pĂ„ “Uppdatera”.

Flytta puff

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 puff

  1. I redaktörsmenyn vĂ€ljer du “Layout” och vid puffen klickar du pĂ„ redigeringspennan.

  2. Klicka pĂ„ “Radera komponent”. En raderad komponent gĂ„r inte att Ă„terstĂ€lla.

  3. Klicka pĂ„ “Ta bort”.

Bruten lÀnk

Om en intern lÀnk inte funkar lÀngre kommer det synas pÄ puffen nÀr du Àr i redaktörsgrÀnssnittet. För besökaren syns dock inte puffen.

image-20240522-072257.png

Du behöver hantera lÀnken i puffen, antingen genom att ta bort puffen eller söka fram nytt innehÄll. Kom ihÄg att Äterkommande rÀtta 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.

UtvÀrdera och följ upp statistik med Siteimprove

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.

Goda exempel

Kommer inom kort.