Versions Compared

Old Version 8

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

Under uppbyggnad

Panel
panelIconId1f464
panelIcon:bust_in_silhouette:
panelIconText👤
bgColor#F4F5F7

Webbredaktör kan skapa.

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

Sidans innehåll

Table of Contents
minLevel1
maxLevel1
outlinefalse
stylenone
typelist
printablefalse

Om utbildningssida

Sidtypen utbildningssida använder du, vid behov, för att ge besökaren mer detaljerad information om

...

utbildningen. Det kan till exempel vara VFU, arbetsmarknad, studentporträtt,

...

studera utomlands eller för att förklara en ansökningsprocess. Sidtypen används som ett komplement till kurs- och programsidorna från Akeneo.

image-20240522-111933.pngImage Added

image-20240522-112043.pngImage Added

Du skapar sidorna på din egna yta men de visas under “Hitta utbildning” på

...

universitetsgemensamma gu.se. Inga utbildningssidor visas i menyn utan besökaren kommer till dessa via länkar på kurs- och programsidorna eller på sidorna om våra utbildningsområden.

...

Förstå hur du arbetar i Layoutbuilder

...

Riktlinjer

Innan du publicerar är rekommendationen att du läser genom våra riktlinjer för publicering som gäller för universitetets centrala webbplatser. Utöver dessa finns det också specifika riktlinjer för sidtypen på gu.se:

Expand
titleKoordinera arbetet inom institutionen eller fakulteten

Innan du skapar en utbildningssida, fundera på om informationen du tänkt skapa sidan för behövs per:

  1. Enskild utbildning

  2. Vissa utbildningar

  3. Campus

  4. Institution

  5. Fakultet

Hamnar behovet på punkt 2-5 är det viktigt att du pratar med dina kollegor på institution eller fakultet för att undvika dubbelarbete.

Utformning av utbildningssidor

Expand
titleAnvänd huvudbild med eftertanke

  • Använd bara huvudbild om det bidrar till att snabbt och tydligt ge en förståelse för vilken information som finns på sidan.

  • Väljer du att ha en huvudbild ska den följa Göteborgs

...

  • universitets bildmanér.

  • När du valt bild måste du ange en alternativ text som beskriver vad bilden föreställer. Du kan välja att lägga till en bildtext för att tillföra mer än det man ser direkt i bilden.

När det kommer till huvudfilm är rekommendationen att undvika detta:

  • Dels kan en sida ta lång tid att ladda på grund av videon vilket i sin tur påverkar sökmotorer negativt.

  • Dels kan det distrahera och konkurrera från

...

  • informationen på

...

  • utbildningssidan.

Expand
titleKontaktkort

Använd kontaktkort om det finns en viss person eller organisation som ansvarar för innehållet och som besökaren kan kontakta om hen har vidare frågor.

Expand
titleAnvänd layouten information

På utbildningssidor används layouten Information. På så vis har vi samma grundlayout som vi placerar innehåll i.

Image Modified
Expand
titleAnvänd högerspalten med eftertanke

Innehåll bör framför allt placeras i den vänstra spalten: 

  • Vänsterspalten är informationsbärande. Här placeras brödtext, länkar och andra call to action, video, informationsbärande bilder etc. 

  • Högerspalten används i vissa fall om information behöver lyftas lite extra, exempelvis i en faktaruta. 

  • Tänk på mobiltelefoner! I mobiltelefon placeras moduler i högerspalten efter allt innehåll i vänsterspalten. Arbeta med sektioner för att säkerställa att innehåll i högerspalt och vänsterspalt hänger ihop i mobilläge. 

Expand
titleFAQ/Vanliga frågor

FAQ/vanliga frågor kan placeras på två olika sätt:

  1. I sitt sammanhang

  2. Samla alla frågor längst ner på sidan

Oavsett hur du presenterar din FAQ, kom ihåg:

  • Det ska vara frågor som besökaren faktiskt undrar över.

  • Frågor och svar-sektion skapas som ett dragspel och placeras efter generell informationstext och innan Relaterad information

  • Utformas helst i jagform; Jag vet inte, Hur gör jag för att osv. 

  • Antal frågor: runt 6–8. Finns behov av fler frågor är det bra att försöka dela upp frågorna i naturliga grupperingar

Expand
titleAnvändning av puffar

Puffar länkar vidare till annan information, eftersom syftet med utbildningssida är själva informationen, är rekommendationen att vara sparsam med puffar.

Vi rekommenderar att du bara använder puffar till “Relaterad information” i en grå sektion längst ner på en utbildningssida. Detta för att vägleda besökaren till annat innehåll som skulle kunna vara av intresse. Tips! Kolla Siteimprove för att se hur dina besökare brukar navigera sig vidare från din sida.

Expand
titleTagga med rätt användningsområde

Användningsområde (svenska

Användningsområden (engelska)

...

Annat erbjudande för inresande utbytesstudenter

Other offering for incoming exchange students

Arbetsprov eller liknande

Entrances test or similar

Efter studierna

After graduation

Intervju

Interview

Lokaler

Facilities

Praktik

Internship

Program med inriktning

Programme with specialisation

Rekommenderad studiegång

Recommended study route

Skalmaster

Study route to Master’s degree

Struktur och innehåll (endast internationell)

Structure and content

Studera utomlands

Exchange opportunities

Undervisningen

Study forms

Vem ska söka? (endast internationell)

Who should apply?

Ämnesöversikt

Subject overview

Övrigt

Other

Textkomponenter

Expand
titleEditor används för text i de flesta fall

Texteditor som finns på utbildningssidor används främst för att publicera text på sidan, med undantag för:

  • Text som är extra viktig - använd istället faktaruta

  • Text som inte riktar sig till alla - använd istället dragspel

  • Textmassor som måste göras överskådliga på webben - använd istället dragspel

Expand
titleDragspel för överskådlighet - men göm ingen viktig information

En accordion (ibland även kallad dragspelsfunktion) är en expanderbar sektion av en sida, där innehållet är dolt men kan visas genom att besökaren väljer att öppna den.

När passar det bra att använda accordion?

  • När mycket information ska rymmas på en sida, men du som redaktör vill göra sidans innehåll överskådligt (exempelvis för instruktioner)

  • När besökaren bara har behov av att läsa en viss del av innehållet på sidan för att få hjälp/hitta det hen sökte efter (exempelvis FAQ)

När passar det mindre bra att använda accordion?

  • När texten är sammansatt för att läsas uppifrån och ner (exempelvis nyheter)

  • När det är viktigt att besökaren tar del av informationen (Då bör snarare en faktaruta användas)

Expand
titleFaktaruta lyfter extra viktig / föränderlig info eller bryter av vid mycket innehåll

Faktarutan drar blicken till sig, och ökar sannolikheten att text kommer att läsas. Den är även bra på att markera att viss text hör ihop, och om det finns mycket text i en sektion kan faktarutan bryta upp textmassan och ge ett luftigare intryck.

Faktarutan är extra bra att använda för:

  • Text som är extra viktig att alla läser

  • Samla flera länkar, och visa att länkarna hör ihop

  • Samla datum som hänger ihop

  • Att lyfta en viss länk, när det behöver finnas förklarande text tillsammans med länken

  • Kontaktuppgifter när kontaktkort inte går att använda (läs om kontaktuppgifter nedan)

Kontakt

Expand
titleAnvänd kontaktkort på

...

utbildningssida

I första hand ska vi alltid använda oss av kontaktkort, antingen personkort eller anpassat, för att lyfta fram olika kontaktuppgifter.

Det finns ett fåtal tillfällen där kontaktuppgifter måste förkomma på flera sektioner av en utbildningssida. Då är rekommendationen att placera kontaktuppgifterna i en faktaruta som placeras i högerspalten. Detta för att skapa en överskådlighet för besökare som använder sig av en laptop.

Rubriker i faktarutor kommer aldrig med i Sidans innehåll, inte heller om de markeras som en H2-rubrik. Om du bedömer det som viktigt att kontakt ska finnas med i innehållsförteckningen, gör en H2-rubrik Kontakt och placera faktaruta/kontaktkort under denna.

Expand
titleAnpassat kontaktkort

Om du ska skapa ett funktionskontaktkort brukar ett anpassar kontaktkort fungera bäst. I övrigt finns inga rekommendationer kring utformning av kontaktkortet. Utgå från vilken information som du har behov av att lyfta, information om när funktionen ska kontaktas, öppettider, telefontider, alternativ kontaktväg etc).

Kom ihåg att det även går att använda ett kontaktkort för en reception eller servicedesk.

Image Modified
Expand
titleFlera kontaktuppgifter

Har du behov av att publicera flera kontaktuppgifter är rekommendationen att du skapar en faktaruta i slutet av sidan, innan “Relaterad information”. Beroende på hur mycket information du har påverkar det var du ska placera faktarutan:

  • Lite information, till exempel två mejladresser: placera faktarutan i högerspalten.

  • Mycket information, till exempel två mejladresser samt information om vad man kan kontakta dem om: placera faktarutan i vänsterspalten

...

Förstå hur du arbetar med en utbildningssida

Navigera till sidan

Du kan ta dig till en utbildningssida på två sätt:

  • I den globala redaktörsmenyn väljer du "Innehåll > utbildningssida". I textfältet "Titel" skriver du in sidans namn och trycker på "Filtrera" för att söka fram sidan. Om du ska hitta en sidan som enbart finns på engelska behöver du byta stråk till engelska. Klicka på "Redigera".

  • Du kan också navigera till sidan som om du vore en besökare, genom att söka efter sidan eller genom att klicka dig fram genom menyn. Som inloggad redaktör ser du alltid redaktörsmenyn

Redaktörsmeny

När du är inloggad som redaktör ser du en redaktörsmeny ovanför innehållet på utbildningssidan. Den består av ett antal flikar där du gör olika inställningar för innehåll och layout.

...

Expand
title"Visa" visar sidan så som en besökare ser den

Om du är inloggad som redaktör och navigerar till sidan som en besökare är det denna flik i sidan redaktörsmeny som du landar på.

Expand
title"Redigera" redigerar sidans grundinställningar

Här kan du redigera sidans titel, ingressen, lägga till en huvudbild och lägga sidan i menystrukturen.

Expand
title"Radera" tar bort sidan för alltid

Raderar hela sidan. Obs! Det finns ingen papperskorg där sidan hamnar, väljer du att radera sidan försvinner den för alltid.

Expand
title"Layout" redigerar merpartens av sidans innehåll i en layoutbuilder

I Layoutbuilder arbetar du med sektioner som består av komponenter (till exempel texteditor, dragspel och faktaruta). Du kan använda dig av flera sektioner, men gör detta enbart om du vill dela upp informationen på sidan med ett streck, exempelvis om du byter målgrupp eller har olika “ämnen inom ämnet” eller har innehåll i högerspalt (rekommenderas inte) som behöver hamna rätt i mobilläge.

Expand
title"Versioner" listar tidigare sparade versioner av sidan

Här kan du se alla versioner du har publicerat av sidan och välja att publicera en tidigare version.

...

title"Översätt" se vilka språk sidan finns på

...

  • .

Ändringar kan publiceras direkt eller senare

När du har gjort ändringar på en utbildningssida behöver du spara dem. Det gör du genom att scrolla längst ner på sidan. Du kan välja mellan:

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

Skapa utbildningssida

Note

Var sparsam med att skapa nya utbildningssidor

...

.

  1. För att skapa en utbildningssida behöver du gå till fliken “Innehåll” i redaktörsmenyn och välja “Utbildningssida” på din webbyta. Väl där klickar du på “Lägg till utbildningssida”.

  2. Skriv titeln på sidan.

  3. Skriv en sammanfattning, som blir sidans ingress.

  4. Fyll i övriga fält som är relevanta för dig. I riktlinjerna kan du läsa hur du ska fylla de olika fälten om du väljer att fylla i dessa.

  5. Under fliken “Författarinformation” skriver du x-konto för den person som är sidansvarig för sidan.

  6. Välj “Utkast” och klicka på “Spara”. Nu har du skapat din genomgångssida och kan jobba med att redigera sidan.

Översätt en utbildningssida

När du skapar en ny sida blir det automatiskt på den språkversion som du är på. Det vill säga, om du är inne på den svenska versionen av gu.se skapas en svensk utbildningssida, och om du är inne på den internationella delen av gu.se skapas en engelsk utbildningssida.

Alla sidor på gu.se ska vara tvåspråkiga, du behöver därför översätta sidan:

  1. Navigera till sidan du vill översätta och på sidans redaktörsmeny väljer du på “Översätt”.

  2. Klicka på “Lägg till” vid sidan av den språkversion som du vill skapa.

  3. Skriv översättningen av sidans titel.

  4. Skriv översättningen av sidans sammanfattning, som blir sidans ingress.

  5. Fyll i övriga fält som är relevanta för dig. I riktlinjerna kan du läsa hur du ska fylla i de olika fälten, om du väljer att fylla i dessa.

  6. Under fliken “Författarinformation” dubbelkollar du så att x-kontot tillhör den person som är sidansvarig.

  7. Välj “Utkast” och klicka på “Spara”. Nu har du skapat din översättning och kan jobba med att redigera sidan.

Redigera titel och sammanfattning

  1. Navigera till utbildningssidan du ska redigera.

  2. På sidans redaktörsmeny väljer du “Redigera”.

  3. Ändra texten under “Titel” respektive “Sammanfattning”.

  4. Spara sidan.

Redigera huvudbild

Note

...

Behöver sidan verkligen en huvudbild? En huvudbild bör lyfta informationen på en sida och ha en tydlig koppling till informationen.

  1. Navigera till utbildningssidan du ska redigera.

  2. På sidans redaktörsmeny väljer du "Redigera".

  3. Under "Huvudbild / Film" byter du ut bilden.

  4. Spara sidan.

Redigera sidans huvudsakliga innehåll (layout)

  1. Navigera till utbildningssidan du ska redigera.

  2. På sidans redaktörsmeny väljer du "Layout". Du kan nu:

    1. Lägga till, redigera och ta bort sektioner. (Instruktioner nedan).

    2. Lägga till, redigare och ta bort komponenter inom sektioner. (Instruktioner nedan).

  3. När du är klar med dina ändringar sparar du sidan.

Lägga till, redigera och ta bort sektioner

Expand
titleLägga till sektioner

  1. Klicka på “Lägg till sektion” och välj layouten “Information”. I riktlinjerna kan du läsa om när någon annan sektionstyp skulle vara aktuell.

Image Modified

  1. Låt bakgrundsfärgen vara “Ingen” på

...

  1. utbildningssidor.

  2. Du behöver inte kryssa i “Ingen marginal till ovanliggande sektion (rubrik och ingress kommer ej skrivas ut)” eftersom rekommendationen för att skapa en ny sektion bara gäller när du byter målgrupp eller ämne inom ämne.

  3. Klicka på “Lägg till sektion”. Nu kan du börja fylla sektionen med komponenter.

Expand
titleRedigera sektioner

Klicka på ikonen med kugghjulet för att ändra färg eller eventuell titel på din sektion.

Image Modified
Expand
titleTa bort sektioner

Klicka på ikonen med ett kryss om du vill radera sektionen. Raderad sektion går inte att återställa.

Image Modified

Lägga till komponenter

Note

Detaljerade instruktioner för arbete med innehåll i vissa komponenter

...

finns under Instruktioner publicera A till Ö eller om du klickar på länken för komponenten.

  1. Navigera till utbildningssidan du ska redigera.

  2. På sidans redaktörsmeny väljer du "Layout".

  3. Längst ner på den informationssektion där du vill lägga till en komponent klickar du på "Lägg till komponent". Välj den komponent du vill lägga till.

a)Bild: En bild som sträcker sig längs med hela spaltbredden.

b) Dokument: En grå box som gör det möjligt att lyfta ett dokument så det blir extra synligt. Obs! Du kan även publicera dokument i den vanliga Texteditorn, vilket vi rekommenderar.

c)Dragspel: Ett utfällbart fält där besökaren bara ser en rubrik, och kan läsa all text genom att klicka på rubriken.

d)Editor: Texteditor, den komponent som du rekommenderas att använda dig av främst.

e)Faktaruta: En grå ruta där du kan publicera text som du vill lyfta lite extra.

f) Video: Länka in en video.

  1. När du har valt komponent kan du lägga till innehåll i komponenten. Klicka därefter på "Spara".

Redigera och ta bort komponent

  1. För att redigera en redan skapad komponent hovrar du över pennan på komponentens övre högra hörn. Du kan då välja:

    1. "Redigera komponent" för att ändra komponentens innehåll. Gör dina ändringar i komponenten och klicka sen på spara.

    2. "Flytta komponent" för att flytta komponentet. Enklast om du vill flytta komponenten är dock att använda dra-och-släpp-funktionen.

    3. "Radera komponent" för att helt ta bort komponenten. Den går inte att återställa.

  2. Kom ihåg att spara sidan när du är färdig med komponenterna.

Lägg till relaterad information

Note

Kom ihåg att puffa tillbaka till själva kurs- och programsidan.

När du ska skapa länkar till relaterad information på en utbildningssida ska du använda dig av puffar. Hur du skapar och redigerar puffar hittar du i följande manual:

Radera utbildningssida

Det finns två sätt att hantera

...

utbildningssidor som inte ska vara publicerade längre:

  1. Avpublicera sidan: kan vara aktuellt när sidan inte ska vara publicerad längre men du är osäker på om innehållet kommer bli aktuellt igen. Rekommendationen är att en sida bara ska vara avpublicerar i max ett år, efter ett år ska sidan raderas.

Expand
titleSå här avpublicerar du en sida

Scrolla längst ner på sidan och välj status “Avpublicerar”. Sidan finns kvar i redigeringsläget, men en besökare kan inte se den alls.

  1. Radera sidan: detta är aktuellt när innehållet på sidan inte är aktuellt längre och inte heller kommer bli aktuellt igen. Det finns ingen papperskorg där sidan hamnar, väljer du att radera sidan försvinner den för alltid.

Expand
titleSå här raderar du en sida

I redaktörsmenyn finns fliken “Radera”. Väljer du att radera sidan försvinner den för alltid.

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.