Note |
---|
Under uppbyggnad |
Panel | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
Webbredaktör kan skapa. Webbredaktör och lättredaktör kan redigera. |
...
Informationssidor är, precis som namnet avslöjar, sidor där fokus är på att ge information till besökaren. Syftet med en informationssida är att besökaren ska nå målet med sitt besökfå den information som är anledningen till besöket samt få tips på vidare läsning inom liknande ämnen. De är textfokuserade med fokus på själva informationen, kontaktuppgifter samt relaterad information.
...
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 gu.se.
...
Expand | ||
---|---|---|
| ||
Använd huvudbild med eftertanke:
När det kommer till huvudfilm är rekommendationen att undvika detta:
|
...
Expand | ||
---|---|---|
| ||
Vanliga frågor kan placeras som en sektion på sidan: Ska vara frågorpå två olika sätt:
Oavsett hur du presenterar din FAQ, kom ihåg:
|
Expand | ||
---|---|---|
| ||
Puffar länkar vidare till annan information, eftersom syftet med informationssida ä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 informationsida. 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 | ||
---|---|---|
| ||
Våra besökare använder vänstermenyn för att navigera sig på gu.se och därför är det viktigt rekommendationen att du placerar sidan som aktiverad i menyn. Instruktioner för menystruktur. |
Textkomponenter
Expand | ||
---|---|---|
| ||
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 - använd istället faktaruta Text som inte riktar sig till alla - använd istället dragspel I vissa situationer passar det inte att lägga sidan som aktiverad i menyn, till exempel medarbetarporträtt. Vid sådana situationer är rekommendationen att du lägger sidan i menystrukturen men som ej aktiverad. |
Expand | ||
---|---|---|
| ||
På informationssidor skapas det automatiskt en innehållsförteckning när du skapar H2-rubriker i komponenten editor. |
Textkomponenter
...
Expand | ||
---|---|---|
| ||
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 passar det mindre bra att använda accordion?
|
Expand | ||
---|---|---|
| ||
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:
|
Kontakt
Expand | ||
---|---|---|
| ||
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 informationssida. 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 | ||
---|---|---|
| ||
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. |
Expand | ||
---|---|---|
| ||
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:
|
Förstå hur du arbetar med en informationssida
Navigera till sidan
Du kan ta dig till en informationssida 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
Redaktörsmeny
När du är inloggad som redaktör ser du en redaktörsmeny ovanför innehållet på informationssidan. Den består av ett antal flikar där du gör olika inställningar för innehåll och layout.
...
Expand | ||
---|---|---|
| ||
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 | ||
---|---|---|
| ||
Här kan du redigera sidans titel, ingressen, lägga till en huvudbild och lägga sidan i menystrukturen. |
Expand | ||
---|---|---|
| ||
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 | ||
---|---|---|
| ||
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 | ||
---|---|---|
| ||
Här kan du se alla versioner du har publicerat av sidan och välja att publicera en tidigare version. |
Expand | ||
---|---|---|
| ||
Se vilka språk som sidan finns på och gör eventuella översättningar. Generellt ska alla sidor finnas på både svenska och engelska. |
Ändringar kan publiceras direkt eller senare
När du har gjort ändringar på en informationssida 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 en informationssida
Note |
---|
Var sparsam med att skapa nya informationssidor. Kolla först om du kan lägga ditt innehåll på någon befintlig informationssida. Undvik också dubbelpublicering genom att kolla så att det inte redan finns en liknande informationssida. |
...
För att skapa en informationssida på din webbyta behöver du gå till fliken “Innehåll” och välja “Informationssida”. Väl där klickar du på “Lägg till informationssida”.
...
Skriv titeln på sidan.
| |
Texteditor som finns på Informationssidor används främst för att publicera text på sidan, med undantag för:
|
Expand | ||
---|---|---|
| ||
Ett dragspel (även kallad accordion) ä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 passar det mindre bra att använda accordion?
|
Expand | ||
---|---|---|
| ||
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:
|
Kontakt
Expand | ||
---|---|---|
| ||
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 informationssida. 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 | ||
---|---|---|
| ||
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. |
Expand | ||
---|---|---|
| ||
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:
|
Förstå hur du arbetar med en informationssida
Navigera till sidan
Du kan ta dig till en informationssida 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
Redaktörsmeny
När du är inloggad som redaktör ser du en redaktörsmeny ovanför innehållet på informationssidan. Den består av ett antal flikar där du gör olika inställningar för innehåll och layout.
...
Expand | ||
---|---|---|
| ||
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 | ||
---|---|---|
| ||
Här kan du redigera sidans titel, ingressen, lägga till en huvudbild och lägga sidan i menystrukturen. |
Expand | ||
---|---|---|
| ||
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 | ||
---|---|---|
| ||
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 | ||
---|---|---|
| ||
Här kan du se alla versioner du har publicerat av sidan och välja att publicera en tidigare version. |
Expand | ||
---|---|---|
| ||
Se vilka språk som sidan finns på och gör eventuella översättningar. Generellt ska alla sidor finnas på både svenska och engelska. |
Ändringar kan publiceras direkt eller senare
När du har gjort ändringar på en informationssida 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 en informationssida
Note |
---|
Var sparsam med att skapa nya informationssidor. Kolla först om du kan lägga ditt innehåll på någon befintlig informationssida. Undvik också dubbelpublicering genom att kolla så att det inte redan finns en liknande informationssida. |
För att skapa en informationssida på din webbyta behöver du gå till fliken “Innehåll” och välja “Informationssida”. Väl där klickar du på “Lägg till informationssida”.
Skriv titeln på sidan.
Skriv en sammanfattning som blir sidans ingress.
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.
Under fliken “Inställningar för meny” placerar du ut informationssidan som aktiverad i navigeringen.
Under fliken “Författarinformation”skriver du x-konto för den person som är sidansvarig för sidan.
Välj “Utkast”och klicka på “Spara”. Nu har du skapat din informationssida och kan jobba med att redigera sidan.
Översätt en informationssida
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 informationssida, och om du är inne på den internationella delen av gu.se skapas en engelsk informationssida.
Navigera till sidan du vill översätta och på sidans redaktörsmeny väljer du på “Översätt”.
Klicka på “Lägg till” vid sidan av den språkversion som du vill skapa.
Skriv översättningen av sidans titel.
Skriv översättningen av sidans sammanfattning.
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.
Under fliken “Inställningar för meny” placerar du ut informationssidan som aktiverad i navigeringen.Under fliken “Författarinformation”skriver du x-konto för den person som är sidansvarig för sidan.Välj “Utkast”och klicka på “Spara”. Nu har du skapat din informationssida och kan jobba med att redigera sidan.
Översätt en informationssida
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 informationssida, och om du är inne på den internationella delen av gu.se skapas en engelsk informationssida.
Alla sidor på gu.se ska vara tvåspråkiga, du behöver därför översätta sidan:
Navigera till sidan du vill översätta och på sidans redaktörsmeny väljer du på “Översätt”.
Klicka på “Lägg till” vid sidan av den språkversion som du vill skapa.
Skriv översättningen av sidans titel.
Skriv översättningen av sidans sammanfattning.
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.
Under fliken “Menu settings” ser du att sidan är utplacerad i samma menystruktursom originalsidan. Det går inte att ändra detta utan att också flytta originalsidan. Så rekommendationen är att låta sidan ligga kvar. Däremot är det viktigt att du skriver in översättningen av sidans titel i “Menu link title”.
Under fliken “Författarinformation” dubbelkollar du så att x-kontot tillhör den person som är sidansvarig.
Välj “Utkast” och klicka på “Spara”. Nu har du skapat din översättning och kan jobba med att redigera sidan.
...
“Menu settings” ser du att sidan är utplacerad i samma menystruktursom originalsidan. Det går inte att ändra detta utan att också flytta originalsidan. Så rekommendationen är att låta sidan ligga kvar. Däremot är det viktigt att du skriver in översättningen av sidans titel i “Menu link title”.
Under fliken “Författarinformation” dubbelkollar du så att x-kontot tillhör den person som är sidansvarig.
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
Navigera till informationssidan du ska redigera.
På sidans redaktörsmeny väljer du “Redigera”.
Ändra texten under “Titel” respektive “Sammanfattning”.
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. |
Navigera till informationssidan du ska redigera.
På sidans redaktörsmeny väljer du "Redigera".
Under "Huvudbild / Film" byter du ut bilden.
Spara sidan.
Redigera sidans huvudsakliga innehåll (layout)
Navigera till informationssidan du ska redigera.
På sidans redaktörsmeny väljer du “Redigera”.
Ändra texten under “Titel” respektive “Sammanfattning”.
Spara sidan.
Redigera huvudbild
Note |
---|
Observera att vi är restriktiva med huvudbilder på gu.se. En bild bör vara informationsbärande för att vi ska publicera den överst på en sida. Gu.se använder sig inte av filmfunktionen. |
Navigera till informationssidan du ska redigera.
På sidans redaktörsmeny väljer du "Redigera".
Under "Huvudbild / Film" byter du ut bilden.
Spara sidan.
Redigera sidans huvudsakliga innehåll (layout)
Navigera till informationssidan du ska redigera.
På sidans redaktörsmeny väljer du "Layout". Du kan nu:
Lägga till, redigera och ta bort sektioner. (Instruktioner nedan).
Lägga till, redigare och ta bort komponenter inom sektioner. (Instruktioner nedan).
När du är klar med dina ändringar sparar du sidan.
Lägga till, redigera och ta bort sektioner
Expand | ||
---|---|---|
| ||
|
Expand | ||
---|---|---|
| ||
Klicka på ikonen med kugghjulet för att ändra färg eller eventuell titel på din sektion. |
Expand | ||
---|---|---|
| ||
Klicka på ikonen med ett kryss om du vill radera sektionen. Raderad sektion går inte att återställa. |
Lägga till komponenter
Note |
---|
Detaljerade instruktioner för arbete med innehåll i vissa komponenter kommer finnas under Instruktioner publicera A till Ö. |
Navigera till informationssidan du ska redigera.
På sidans redaktörsmeny väljer du "Layout".
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.
...
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.
...
f) Video: Länka in en video.
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
För att redigera en redan skapad komponent hovrar du över pennan på komponentens övre högra hörn. Du kan då välja:
"Redigera komponent" för att ändra komponentens innehåll. Gör dina ändringar i komponenten och klicka sen på spara.
"Flytta komponent" för att flytta komponentet. Enklast om du vill flytta komponenten är dock att använda dra-och-släpp-funktionen.
"Radera komponent" för att helt ta bort komponenten. Den går inte att återställa.
Kom ihåg att spara sidan när du är färdig med komponenterna.
Lägg till relaterad information
När du ska skapa länkar till relaterad information på en informationssida ska du använda dig av puffar. Hur du skapar och redigerar puffar hittar du i följande manual:
Radera informationssida
Det finns två sätt att hantera informationssidor som inte ska vara publicerade längre:
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 | ||
---|---|---|
| ||
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. |
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 | ||
---|---|---|
| ||
I redaktörsmenyn finns fliken “Radera”. Väljer du att radera sidan försvinner den för alltid. |
...
du "Layout". Du kan nu:
Lägga till, redigera och ta bort sektioner. (Instruktioner nedan).
Lägga till, redigare och ta bort komponenter inom sektioner. (Instruktioner nedan).
När du är klar med dina ändringar sparar du sidan.
Lägg till, redigera och ta bort sektioner
Expand | ||
---|---|---|
| ||
|
Expand | ||
---|---|---|
| ||
Klicka på ikonen med kugghjulet för att ändra färg eller eventuell titel på din sektion. |
Expand | ||
---|---|---|
| ||
Klicka på ikonen med ett kryss om du vill radera sektionen. Raderad sektion går inte att återställa. |
Lägg 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. |
Navigera till informationssidan du ska redigera.
På sidans redaktörsmeny väljer du "Layout".
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. Läs mer i manualen dokumenthantering.
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.
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
För att redigera en redan skapad komponent hovrar du över pennan på komponentens övre högra hörn. Du kan då välja:
"Redigera komponent" för att ändra komponentens innehåll. Gör dina ändringar i komponenten och klicka sen på spara.
"Flytta komponent" för att flytta komponentet. Enklast om du vill flytta komponenten är dock att använda dra-och-släpp-funktionen.
"Radera komponent" för att helt ta bort komponenten. Den går inte att återställa.
Kom ihåg att spara sidan när du är färdig med komponenterna.
In-page-navigering
In page-navigeringen ger besökaren möjlighet att klicka på den länk som är av intresse så att besökaren hoppar längre ner på sidan.
In-page-navigeringen genereras automatiskt när det en H2-rubrik på sidan.
Om du har en sida med många och långa rubriker kan det resultera i att menyn lägger sig ovanpå delar av innehållet i sektionen nedanför. Försök därför i första hand att undvika många och långa rubriker eftersom funktionen inte är anpassad för det. Du kan också komma runt problemet genom att lägga in en tom sektion längst upp på sidan i layout builder.
Lägg till relaterad information
När du ska skapa länkar till relaterad information på en informationssida ska du använda dig av puffar. Hur du skapar och redigerar puffar hittar du i följande manual:
Radera informationssida
Det finns två sätt att hantera informationssidor som inte ska vara publicerade längre:
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 | ||
---|---|---|
| ||
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. |
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 | ||
---|---|---|
| ||
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.