Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 17 Next »

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

Sidans innehåll

Om editor

I komponenten editor lägger du in din text på en informationssida. I editorn skapar du rubriknivåer, punktlistor, numrerade listor eller citat. Du kan också skapa länkar, lägga till dokument och tabeller.

Förstå hur du arbetar i Layoutbuilder

Redaktörsmeny

När du är inloggad som redaktör ser du en redaktörsmeny ovanför innehållet. Den består av ett antal flikar där du gör olika inställningar för innehåll och layout. Klickar du på “Layout” kommer du till Layoutbuildern där du arbetar med sektioner som består av komponenter (till exempel puffar, länklistor och evenemangslistor)

 Skapa sektioner

  1. Gå till sidan du vill lägga till sektioner på. Välj Layout och scrolla dit du vill lägga till din sektion. Klicka på Lägg till sektion och välj den typ av sektion som du vill använda. Du kan välja mellan dessa sektionstyper:

    • Två-spalt (66_33)

    • Två-spalt (50_50)

    • Två-spalt (33_66)

    • Tre-spalt (33_33_33)

    • En-spalt

    • Fullbredd

    • Information

  1. Fyll i sektionsrubrik och sektionsingress. Undantaget från detta är om du vill lyfta särskilt innehåll som har egna rubriker, till exempel http://gu.se/om-universitetet .

  2. Välj grå bakgrundsfärg om du skapar en sektion för Relaterad information eller om du vill lyfta något särskilt, till exempel ett tema. Annars väljer du inte någon bakgrundsfärg.

  3. Kryssa i “Ingen marginal till ovanliggande sektion (rubrik och ingress kommer ej skrivas ut)” om sektionen ska sitta ihop med föregående sektion.

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

 Redigera sektioner

Vill du ändra rubrik, ingress, bakgrundsfärg eller marginalen till ovanliggande sektion klickar du på ikonen med kugghjulet.

 

 Radera sektioner

Klicka på ikonen med ett kryss om du vill radera sektionen. Det går inte att ångra en borttagen sektion.

 Kombinera sektioner

Du kan påverka layouten på din sida genom att kombinera sektioner med olika layouts. Detta gör du genom att skapa ytterligare en sektion under din befintliga sektion. Du har då två val:

  1. Kryssa i rutan “Ingen marginal till ovanliggande sektion”: då skapas ingen linje mellan sektionerna.

  2. Kryssa inte i rutan “Ingen marginal till ovanliggande sektion”: då skapas det en linje mellan sektionerna. (Denna använder du om du byter ämne inom ämnet eller om du har en ny målgrupp).

Fördelen med att ha flera sektioner på din sida är att komponenter inom den sektionen håller sig där. Detta kan vara bra om du till exempel har innehåll som du vill ska vara på samma del av sidan, till exempel:

image-20240514-121553.png

Här kombineras två sektioner eftersom rubriken Annonsportalen har kontaktuppgifter som behöver ligga i samband med den rubriken. Hade det bara varit en sektion hade faktarutan hamnat högst upp på sidan och därför inte i sitt sammanhang.

Ändringar kan publiceras direkt eller senare

När du har gjort ändringar på en sida 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.

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 gu.se:

 Använd rätt rubriknivåer

Besökare som använder uppläsande hjälpmedel navigerar på sidan med rubriknivåerna och därför är det viktigt att du använder rubriknivåer i fallande följd enligt lagen om tillgänglighet. Sidtiteln har alltid rubriknivå H1 och därför kan du välja mellan rubriknivåerna H2, H3 och H4 i editorn.

 Punktlista eller numrerad lista

Punktlista använder du när du har innehåll som ska ordnas utan inbördes ordning. Numrerad lista använder du när besökaren förväntas göra något i olika steg.

 Länka rätt

Innan du skapar en länk är det viktigt att du ställer dig frågan om länken verkligen ger besökaren något. Vi ska bara länka till relevant och aktuellt innehåll. Länken ska leda besökaren till rätt innehåll, inte bara till en genomgångssida eller en extern startsida där besökaren själv ska hitta innehållet.

Länktexten ska göra det tydligt för besökaren vart hen hamnar om hen klickar på länken. Kom ihåg att besökare med uppläsande hjälpmedel navigerar på sidan med hjälp av länktexten. Det innebär att länktexten måste vara unik och självständig från innehållet. Länkar du till samma innehåll på flera ställen använder du samma länktext. Exempel på länktexter:

Har du många länkar i ett stycke är det bättre för läsbarheten om du lägger länkarna efter själva stycket istället för i löptexten.

 Skapa tabeller med eftertanke

Tabeller kan vara svåra att läsa för användare med uppläsande hjälpmedel. Tänk därför en extra gång om du verkligen behöver skapa en tabell eller om det går att skriva texten direkt på webben.

 Dokument i editor

I första hand ska vi undvika dokument på gu.se och istället skriva ut innehåll direkt på webben. Har du dokument som du ändå behöver lägga upp måste du säkerställa att dessa är tillgängliga. Våra riktlinjer för dokument finns i manualen Dokument.

Rekommendationen är att du använder editorn för att lägga upp dokument. Lägg dokumentet i slutet av stycken. Är det flera dokument kan du lägga dessa i en punktlista.

För att uppmärksamma att det är ett dokument skriver du länktexten så här:

  • Årsredovisning 2023 (pdf)

Skapa editor

Du kan bara skapa editor på en Informationssida.

  1. Gå till “Layout” och skapa layouten “Information”.

  2. Klicka på “Lägg till komponent” och välj “Editor”.

  3. Du kan du redigera komponenten.

  4. Klicka på Uppdatera. Klart!

Redigera rubriknivå

Besökare som använder uppläsande hjälpmedel navigerar på sidan med rubriknivåerna och därför är det viktigt att du använder rubriknivåer i fallande följd enligt lagen om tillgänglighet. Sidtiteln har alltid rubriknivå H1 och därför kan du välja mellan rubriknivåerna H2, H3 och H4 i editorn.

  1. Klicka på redigeringspennan i komponenten.

  2. Under “Teckenformat” kan du ändra rubriknivå.

Lägga till en länk

  1. Skriv först länktexten (se exemplet nedan) och markera texten.

  2. Klicka sedan på symbolen för länk.

  3. Ska du länka till innehåll på en webbyta på gu.se kan du skriva in sidans titel. Ska du länka till en extern sida klistrar du in url:en till sidan.

  4. Klicka på Spara.

Redigera en befintlig länk

  1. När du har skapat en länk kan du redigera den genom att högerklicka på länken i editor.

  2. Välj alternativet “Redigera länk” där du kan ändra själva länkadressen.

  3. Klicka på Uppdatera.

Ta bort en länk

För att det inte ska bli fel i koden är det viktigt att du tar bort länken på rätt sätt i editorn. Annars är risken att det i koden ser ut som att där finns en länk som inte har någon text, vilket inte följer tillgänglighetskraven.

  1. Markera hela länken och klicka på symbolen image-20240424-143118.png

  2. Klicka på Uppdatera.

Lägga till ett dokument

  1. Ta fram två flikar, en till sidan du ska lägga in dokumentet på och en till dokumentbiblioteket (Under Innehåll väljer du fliken Dokumentbibliotek)

  2. Har du redan lagt in ditt dokument letar du upp detta. Instruktioner för hur du lägger in ett nytt dokument hittar du i manualen Dokument.

  3. I dokumentbiblioteket klickar du upp ditt dokument och sedan väljer du att öppna filen i en ny flik.

  1. Kopiera url:en för filen. Den börjar på: https://www.gu.se/sites/default/files/

  2. Gå tillbaka till sidan där du vill lägga in dokumentet. Gå till editorn och skriv in titeln för dokumentet, till exempel Göteborgs universitets organisation (pdf).

  3. Markera texten och klicka på symbolen för länk och klistra in url:en. Klicka på Spara.

Ta bort ett dokument

För att det inte ska bli fel i koden är det viktigt att du tar bort länken till dokumentet på rätt sätt i editorn. Annars är risken att det i koden ser ut som att där finns en länk som inte har någon text, vilket inte följer tillgänglighetskraven.

  1. Markera hela länken och klicka på symbolen image-20240424-143118.png

  2. Klicka på Uppdatera.

Flytta editorn

Du kan flytta en editor på två sätt:

  1. Ta tag i editor och dra den till den sektion du vill flytta editorn till.

  2. Välja Flytta under redigeringspennan. Väl där kan du sedan välja vilken sektion samt region dit du vill flytta innehållet. Gör ditt val och klicka sedan på Flytta.

Radera editor

  1. I redaktörsmenyn väljer du “Layout” och vid nyhetslistan klickar du på redigeringspennan.

  2. Klicka på “Radera komponent”. En raderad komponent går inte att återställa.

  3. Klicka på “Ta bort”.

Goda exempel

  • No labels