Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Note

Under uppbyggnad

Panel
panelIconId1f464
panelIcon:bust_in_silhouette:
panelIconText👤
bgColor#F4F5F7

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.

Note

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

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

...

Table of Contents
minLevel1
maxLevel12
outlinefalse
styledisc
typelist
printablefalse

Om informationssida

...

Panel
bgColor#DEEBFF

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

Expand
titleNär ska sidor ha 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 studenportal@gu webbredaktion@gu.se.

Utforming av informationssidor

...

Expand
titleAnvänd sektionen Information

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

Image Removed

Insert excerpt
Sektion på Studentportalen
Sektion på Studentportalen
nameRiktlinje sektion information
nopaneltrue

Expand
titleHögerspalten används sällan och med eftertanke

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

  • Vänsterspalten 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 i vissa fall om information behöver lyftas lite extra, exempelvis i en faktaruta. 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 vänsterspaltenmittspalten. 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
titleAnvänd linje efter introtext (ingress) på sidan

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.

Image RemovedScreenshot 2024-09-18 at 09.57.25.pngImage Added

Expand
titleAnvänd ny sektion med linje om du byter målgrupp eller “ämne inom ämnet”

Om du lägger till en ny sektion på en informationssida kan du välja att ha en linje innan den nya sektionen (genom att inte kryssa i Ingen marginal till ovanliggande sektion). 

Använd en linje om du: 

  • Vänder dig till en ny målgrupp, exempelvis Studentambassadör som har info till potentiella studentambassadörer och nuvarande studentambassadörer. 

  • Byter ämne inom ämnet, exempelvis informationen om stipender som har tre olika ämnen inom ämnet; generella stipendier, stipendier vid filosofisk fakultet och stipendier vid fakultet. 

...

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

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

  • Text som är extra viktig

  • Text som inte riktar sig till alla

  • Textmassor som måste göras överskådliga på webben

Expand
titleKnapp används sällan och för att lyfta extra viktiga länkar

Den orange knappen bör inte användas för mycket, då syftet med knappen är att hjälpa studenten att hitta extra viktiga länkar på sidan. För många orange knappar = länkarna står inte ut från varandra och studenten har svårt att hitta vilken länk som är viktig. Vid många länkar används vanlig länk i brödtext utifrån instruktionerna om länkar.

Knappen är bra att:

  • Placera högt upp på sidan, framförallt om du vet att många studenter snabbt vill hitta den sida knappens länk leder till

  • Använda för att lyfta länk till studiesystem eller andra digitala verktyg

  • Använda för att lyfta länkar som leder till webbplatser utanför studentportalen

...

Expand
titleFunktionsadresser? Använd anpassat 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.

Image RemovedScreenshot 2024-09-18 at 13.15.35.pngImage Added

Expand
titleAnpassat kontaktkort kan även användas för fysiska platser

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

Expand
titleFaktaruta med kontakter placerad kontaktinfo placeras i högerkant en sista utväg

Det finns ett fåtal tillfällen där kontaktuppgifter måste förkomma på flera sektioner av en informationssida. I undantagsfall behöver de då även placeras i högerspalt, för att skapa en överskådlighet för besökare som använder sig av en laptop. Ett exempel på detta är informationen om var student kan åka på utbytesstudier. Info om kontaktuppgifter placeras i olika sektioner för universitetsgemensam information respektive lokal information.

Expand
titleBehöver kontakt synas i Sidans innehåll? Skapa en H2-rubrik Kontakt ovan kontaktkort/faktaruta.

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.

Skapa en informationssida

Note

OBS! På Studentportalen är vi sparsamma med att skapa nya informationssidor. Om du har behov av en ny informationssida bör du första stämma av detta med huvudredaktören och den centrala redaktionen.

  1. Instruktioner kommer inom kort.

Förstå redaktörsmenyn på sidan

Navigera till sidan

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

  • I den globala redaktörsmenyn väljer du ‘Innehåll > Informationssida’. 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

Lokal redaktörsmeny för informationssida

När du är inloggad som redaktör ser du en redaktörsmeny ovanför innehållet på informations

sidan.

...

Visa: Visar sidan så som en besökare ser den.

...

Redigera: Här kan du redigera sidans titel, den inledande texten och lägga till en huvudbild. (Observera att vi är restriktiva med användningen av bilder på Studentportalen. En bild bör vara meningsbärande för att vi ska publicera den på en sida.)

...

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.

Insert excerpt
Aktuellt - Studentportalen
Aktuellt - Studentportalen
nameBugg: Infosida ankarlänk H2
nopaneltrue

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.

...

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

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' - redigera sidans grundinställningar

Här kan du bland annat uppdatera huvudbild, titel och sammanfattning.

Redaktörer med viss behörighet kan även ändra sidans placering i menyn.

Expand
title'Redigera lokalt innehåll' leder till redigering av lokala tillägg (syns inte för alla)

Används av redaktörer på fakultet, institution och motsvarande för att redigera de lokala tilläggen på sidor där

...

funktionen är påslagen.

Lokalt innehåll på informationssida

Expand
title'Tabort

...

' raderar hela sidan

...

Layout: Här redigerar du övrigt innehåll på sidan genom en layout builder. I denna kan du skapa olika komponenter för textinnehåll flytta runt dessa. Mer info om detta under nästa rubrik.

...

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

...

Översätt: Se vilka språk sidan finns på. Standard för Studentportalen är att alla sidor ska finnas på svenska och engelska.

...

Om du klickar på Tabort påbörjar du radering av hela sida. Du får dock en kontrollfråga “Är du säker på att du vill radera sidan”.

Expand
title'Layout' - Redigera merparten av sidans innehål i en drag-and-drop layoutbuilder

Merparten av innehållet på sidan byggs upp i en layoutbuilder med drag-and-drop-funktion. Funktionen används för allt innehåll under sidans sammanfattning och ovan sektionen Information från fakultet och institutioner.

I Layoutbuilder arbetar du med sektioner som består av komponenter (till exempel texteditor, dragspel, faktaruta och knapp). 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 som publicerat av sidan inklusive vem som publicerat versionen.

Du kan också välja att publicera en tidigare version.

Expand
title'Översätt' – Språkversioner av sidan

Se vilka språk sidan finns på och gör eventuella översättningar.

Expand
titleÖverblick: Var redigerar du vilket innehåll?
Screenshot 2024-09-18 at 15.39.43.pngImage Added

Skapa en informationssida

Note

OBS! Vi är sparsamma med att skapa nya informationssidor på Studentportalen. Om du har behov av en ny informationssida bör du första stämma av detta med huvudredaktören och den centrala redaktionen.

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

Info

När du skapar en ny infomrationssida blir sidan automatiskt på den språkversion som Studentportalen. Det vill säga, om du är inne på den svenska versionen av Studentportalen skapas en svensk informationssida, och om du är inne på den engelska versionen av Studentportalen skapas en engelsk informationssida.

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

  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.

    Screenshot 2024-09-18 at 15.49.06.pngImage Added
  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

Warning

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

  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

Note

Observera att vi är restriktiva med bilder på Studentportalen. En bild bör vara meningsbärande för att vi ska publicera den på en sida. Studentportalen använder sig inte av filmfunktionen.

  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

Note

Detaljerade instruktioner för arbete med innehåll i vissa komponenter kommer finnas under Instruktioner publicera A till Ö.

  1. Navigera till informationssidan du ska redigera.

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

  3. Ändra texten under 'Titel' respektive

Redigera sidans layout

I layout builder arbetar du med sektioner, som i sin tur består av komponenter.

Sektioner

Sektioner används om du vill dela upp informationen på sidan med ett streck, exempelvis om du byter målgrupp eller har olika “ämnen inom ämnet”.

  • Klicka på Lägg till sektion för att skapa en nya sektion. Välj den layout som heter Information.

  • Klicka på ikonen med ett kryss om du vill radera sektionen

...

Komponenter

Inom varje sektion arbetar du med komponenter för att publicera innehåll på sidan.

  • Klicka på Lägg till komponent för att skapa en ny komponent. Följande komponenter finns tillgängliga:

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

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

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

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

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

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

    • Video: Länka in en video.

      Image Removed

  • Klicka på pennan i det över högra hörnet på modulen för att redigera innehållet i komponenten, flytta den (du kan även dra och släppa moduler) och för att radera komponenten. En raderad komponent går inte att återställa.

    Image Removed

Spara ändringar du gjort

När du är färdig scrollar du längst ner på sidan för att spara dina ändringar.

...

  1. ‘Layout’.

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

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

...