Informationssida på Studentportalen

Redaktörskonto med behörighet:

  • Central webbredaktör kan skapa och redigera.

  • Central lättredaktör kan redigera.

  • Vissa inställningar kräver adminbehörighet.

Ska du redigera lokalt tillägg på en informationssida?

Instruktioner om lokala tillägg finns på Lokalt innehåll på informationssida

Sidans innehåll

Om informationssida

Key points

Vad: Den vanligaste sidtypen på Studentportalen.

När: Används för att informera studenter om olika frågor/ämnen i studievardagen, såsom studieadministration, stödfunktioner och olika system.

Språkhantering: Ska alltid ha en svensk och engelsk version

Informationssidor är, precis som namnet avslöjar, sidor där fokus är på att ge information till besökaren. De är textfokuserade och, till skillnad mot genomgångssidor, finns det få sektioner och komponenter att välja mellan.

Designen för informationssidor på Studentportalen har tagits fram utifrån designstrategin Mobile first. Detta innebär att mobilens layout med en enda spalt är utgångspunkt för hur informationssidorna ska se ut. Därefter arbetar vi oss uppåt i skärmstorlek, utifrån förutsättningarna för tablet och desktop.

Informationssidorna på Studentportalen är antingen statiska eller dynamiska:

  • Statiska informationssidor består av enbart universitetsgemensam information och ser likadana ut för alla besökare.

  • Dynamiska informationssidor består av universitetsgemensam information och lokala tillägg med information från institution, fakultet eller motsvarande. Hur sidan ser ut ändras dynamiskt beroende på val av fakultet och institutioner som görs på Studentportalen.

Riktlinjer

Lokala tillägg

När en ny informationssida skapas behöver det alltid tas ett beslut om det ska vara möjligt att publicera lokala tillägg. Vanligast är att lokala tillägg aktiveras, men det finns undantag.

Diskutera med huvudredaktören innan du skapar en ny Informationssida. Huvudredaktören nås alltid via webbredaktion@gu.se.

Utforming av informationssidor

Använd herobilder (bilden längst upp på sidan) med eftertanke: 

  • Använd herobild om det bidrar till att förtydliga/lyfta informationen på en informationssida. 

  • På genomgångssidor kan det vara värt att lägga mer tid på att hitta passande hero-bild, då det snabbt och tydligt ger en förståelse för vilken information sektionen handlar om. 

  • Undvik herobild om ni vill publicera en bild bara för att det går, eller om det enda som passar är en generisk genre-bild som inte bidrar till att lyfta informationen. (Exempel på bilder som inte lyfter informationen: händer på tangentbord, studenter tittar på dator, studenter står framför byggnader osv.) 

 

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

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

  • Högerspalten används generellt inte, men det finns ett fåtal fall där kontaktuppgifter har placerats i högerspalt.

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

Använd linjen mellan introtext och efterföljande sektion. Säkerställ att du INTE har kryssat i ‘Ingen marginal till ovanliggande sektion’ på sektionen direkt efter titel och sammanfattning (markerad i rött i bilden): 

  • Grundregeln är att vi ska ha en linje mellan introtext och följande sektion.

  • Undantag bör undvikas, men kan göras om introtext och efterföljande brödtext väldigt tydligt knyter an till varandra.

Screenshot 2024-09-18 at 09.57.25.png

 

Textkomponenter

Kontakt

Länka till rubrik H2 på informationssida

Det går att länka till H2-rubriker på informationssidor genom ankarlänkar. instruktioner för detta finns på Länka rätt i Studentportalen, rubrik: Ankarlänk till rubriknivå H2.

Introduktion: Innehållsarbete på informationssida

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

När du har gjort ändringar på en informationssida behöver du spara dem. Ändringar du gör på en informationssida kan publiceras direkt eller senare.

Screenshot 2024-09-18 at 15.01.42.png

Innehåll i redaktörsmenyn (innehåll i menyn kan dock variera beroende på din behörighet):

Skapa en informationssida

  1. I redaktörsmenyn klickar du på ‘Innehåll’.

  2. Klicka på ‘Informationssida’.

  3. Klicka på ‘+ Lägg till informationssida’.

  4. Nu öppnas ett formulär upp där du fyller i sidans titel och sammanfattning.

  5. Lokala tillägg: Per automatik är “Har lokalt innehåll” ikryssat. Tänk på att kryssa ur denna ruta om sidan ska vara statistisk och enbart ha universitetsgemensamt innehåll.

  6. Välj ‘Spara som: Utkast’ och klicka på ‘Spara’. Då kan du arbeta med innehållet på sidan innan du publicerar den för besökare.

  7. I redaktörsmenyn för sidan klickar du nu på ‘Layout' för att fylla sidan med innehåll.

  8. När du är helt klar och vill publicera sidan väljer du ‘Ändra till: Publicerad’ och klickar på ‘Spara ändringar’.

Översätt en informationssida

  1. Klickar du på ‘Översätt’ i redaktörsmenyn för den informationssida du ska översätta.

  2. Du kommer nu till en ny sida som listar de översättningar som finns, och vilka som kan skapas. Studentportalen har bara stöd svenska och engelska, så det är dessa två som listas. Klicka på ‘Lägg till’ för att skapa en översättning.

  3. Nu öppnas en sida där du kan ange översättningens titel och sammanfattning, bland annat.

  4. Spara översättningen som ett utkast, så du kan arbeta med innehållet på sidan under ‘Layout’.

Radera informationssida

  1. Navigera till informationssidan du ska redigera.

  2. På sidans redaktörsmeny klickar du på ‘Tabort’.

  3. Nu öppnas en sida där du raderar sidan. Klicka på ‘Tabort’ så raderas sidan direkt. Klicka på ‘Avbryt’ om du har ångrat dig.

Redigera innehåll:

Titel och sammanfattning

  1. Navigera till informationssidan du ska redigera.

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

  3. Ändra texten under ‘Titel' respektive 'Sammanfattning’.

  4. Spara sidan.

Huvudbild

  1. Navigera till informationssidan du ska redigera.

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

  3. Under ‘Huvudbild / Film’ byter du ut bilden.

  4. Spara sidan.

Relaterad information

  1. Navigera till informationssidan du ska redigera.

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

  3. Under ‘Relaterat innehåll' gör du inställningar för:

    1. Titel

    2. Val av relaterat innehåll, måste vara sidor publicerade på Studentportalen.

  4. Spara sidan.

Sidans huvudsakliga innehåll (Layout)

  1. Navigera till informationssidan 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.

Sektioner

På informationssidor måste du lägga till sektioner för att kunna arbeta med sidans layout. En sektion fungerar som en behållare av olika komponenter, och har olika utseende (antal spalter till exempel) på olika sidor.

På informationssidor använder du alltid sektionen ‘Infomration’. Den består av tre spalter:

  1. Vänsterspalt: Här finns den automatiskt genererade innehållslistan.

  2. Mittspalt: Sidans huvudsakliga innehåll.

  3. Högerspalt: Här kan i undatagsfall kontaktuppgifter eller faktaruta publiceras.

Instruktioner för att skapa, redigera och radera sektioner finns på sidan Sektion på Studentportalen

Lägg till komponent

  1. Navigera till informationssidan du ska redigera.

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

  3. Längst ner på den sektion 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.

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

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

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

    4. Editor: Studentportalens texteditor, den komponent som du rekommenderas att använda dig av främst.

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

    6. Knapp: En orange knapp som används för att lyfta länkar så de blir extra synliga.

    7. Video: Länka in en video.

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

Spara sidan

För att det innehåll du har redigerat ska sparas måste du välja att spara innehållet. Du kan spara sidan så att ändringarna visas publikt direkt, eller så att de bara sparas i redaktörsgränssnittet.

  • Publicerad (Published): Ändringarna sparas och visas för besökare.

  • Utkast (Draft): Ä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.