Versions Compared

Old Version 3

changes.mady.by.user Elin Lindeberg

Saved on

compared with

New Version Current

changes.mady.by.user Elin Lindeberg

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Panel
panelIconId1f464
panelIcon:bust_in_silhouette:
panelIconText👤
bgColor#F4F5F7

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

Sidans innehåll

Table of Contents
minLevel1
maxLevel1
outlinefalse
styledisc
typelist
printablefalse

...

Komponenten puff - extern (länk) är en bildlänk som du använder du när du vill länka till relaterad relaterat innehåll utanför en webbyta på gu.se eller hitta-sidor, till exempel om du vill visa alla sommarkurser i utbildningskatalogen. 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

Expand
titleSidtyp 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. Antingen läggs Du lägger då 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 rubriki en grå sektion med rubriken “Relaterad information”.

Utbildningssida

Puff används för relaterad information till den rena faktan som finns på utbildningssidan. Antingen läggs Då lägger du 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 rubriki 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 “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.

Expand
titlePuffar 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:

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

...

Skapa puff - extern (länk)

  1. Gå till Layout fliken “Layout” i redaktörsmenynoch Skapa din sektion. Välj sektionstyp, du kan skapa puff - extern (länk) i samtliga sektionstyper.

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

  3. Fyll i fälten utifrån riktlinjerna.

  4. Klicka på Lägg “Lägg till komponentkomponent”. Klart

Redigera innehåll i puff

...

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

...

  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, etikett/kategori, länk, språkattribut, ingress

...

  1. eller bild. Kom ihåg att följa våra riktlinjer.

  2. 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 “Flytta”under redigeringspennan. Väl där kan du sedan välja vilken sektion “sektion” samt region “region” dit du vill flytta innehållet. Gör ditt val och klicka sedan på Flytta“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

...

  1. komponent går inte att återställa.

  2. Klicka på “Ta bort”.

Bruten länk

När det kommer till externa puffar så kan du inte se på själva puffen om länken inte funkar längre. 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.

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.

Note

Kom ihåg att klicka på “Spara” för att ändringarna ska slå genom.

Goda exempel

Kommer inom kort.