Version: 1 Datum: 2014-03-24 evry.com Redaktörsdokumentation Redaktörsdokumentation Dokumentation för editering av sl.se
Versionshistorik Ändring nr. Ändring datum Förändringar Reviderad av 1 2014-03-24 Daniel Alderlid Sida 2/29
Innehållsförteckning 1 Intro 5 1.1 Redigera valfri sida i EPiServer 5 2 Startsidan 6 2.1 Huvudmenyn 6 2.2 Trafikläget 6 2.3 Reseplanerare- och Realtidssöken 6 2.4 Kartan 7 2.5 Puffar 7 2.5.1 Skapa en puff 7 2.5.2 Länka en puff till riktigt innehåll 8 2.6 Aktuellt / Nyhetslista Fel! Bokmärket är inte definierat. 2.7 Footer 9 2.7.1 Kolumn 1 10 2.7.2 Kolumn 2 11 2.7.3 Kolumn 3 11 3 Informationssidor 13 3.1 Generellt 13 3.1.1 Bilder och Youtube 13 3.1.2 Kategorier/Taggar 14 3.1.3 Undersidor 14 3.1.4 Frågor och svar 14 3.1.5 Relaterat 14 3.1.6 Aktuellt 15 3.2 Informationsfälten 15 4 Landningssidor 16 4.1 Tema 16 4.2 Undersidor 16 4.3 Kategorier 17 5 Block 18 6 Engelska sidor 19 6.1 Redigera innehåll 19 7 Viktigt meddelande/krismeddelande 21 8 Allmän funktionalitet 22 8.1 Versionshantering av sidor 22 8.2 StopPublish 22 8.3 Aktiviteter till höger om språkval i editläget. 22 Sida 3/29
8.4 Nyligen Under editläget trädet. 22 8.5 Papperskorgen 23 9 Administratörs funktionalitet 24 9.1 Globala inställningar 24 9.1.1 MittSL/Boomerang 24 9.1.2 Köp biljett 24 9.1.3 Reseplanerar priser 24 9.1.4 Resursfiler 24 9.2 Adminläget 24 9.3 Kategorier och taggar 24 9.4 Rapporter 24 10 Övrigt 25 10.1 EPiServer buggar 25 10.1.1 Publicerade ändringar syns inte 25 11 Bilaga 1 Versionshantering 26 11.1 Lägg till funktionalitet för att hantera versioner 26 11.2 För att ta bort versions gadgeten. 29 Sida 4/29
1 Intro Beskrivning hur man tar sig till en redigerbar sida. 1.1 Redigera valfri sida i EPiServer Logga in i editläget genom att gå till https://sl.se/tools. Efter inloggningen, gå till: Efter att ändringar har gjorts på en sida så syns denna: Sida 5/29
2 Startsidan 2.1 Huvudmenyn Denna del editeras genom att gå in redigerarläget på startsidan och sedan till fliken Site Inställningar. Du kan enkelt dra och släppa en informationssida eller landningssida som du vill ska synas i huvudmenyn. Efter det väljer du att publicera sidan. 2.2 Trafikläget Denna del visar upp trafikhändelser. Detta kommer numera från en extern site: http://api.sl.se 2.3 Reseplanerare- och Realtidssöken Det finns inget att redigera för realtidssöken. För reseplaneraren så kan man sätta priser på resor. Detta görs i Globala inställningar av en administratör. Sida 6/29
2.4 Kartan Kartan hämtar information från flera olika källor, bl.a. används sites.csv, stoppoints.csv och geozones.json som hanteras i Globala inställningar. 2.5 Puffar Detta är puffar : Varje puff är tänkt att länka till olika delar utav siten. T.ex. en informationssida eller landningssida. En puff är en vanlig informationssida med limiterat innehåll samt en vald bild. Denna informationssida bör i sin tur länka till en sida med mer information. 2.5.1 Skapa en puff Gå till denna del i trädstrukturen som heter Puffar. Skapa en sida av sidtypen Content Page. Sida 7/29
Fyll efter det på med text som ska synas. Detta i fälten Rubrik, Ingress samt i fältet Bild. 2.5.2 Länka en puff till riktigt innehåll För att göra så att denna länkar till en mer informativ sida, t.ex. en landningssida, informationssida eller en extern site så välj att skapa en genväg till den valda sida. 2.6 Aktuellt/Nyhetslista Detta är en Nyhetslista. Sida 8/29
Denna del editeras genom att gå in redigerarläget på startsidan och sedan till fliken Innehåll, under rubriken Nyhetslista. Lägg till fler sidor genom att dra och släppa dem i Innehållssidor ytan i bilden nedan. Dessa sidor syns också på söksidan när man väljer Visa fler i vyn på startsidan. 2.7 Footer Denna del editeras genom att gå in redigerarläget på startsidan och sedan till fliken Site Inställningar, under rubriken Footer. I bilden nedan ser man hur Footern är indelad. Sida 9/29
2.7.1 Kolumn 1 Kolumn 1 är uppdelad i 3 delar. 2.7.1.1 Del 1 Denna är tänkt att börja med huvudmenylänkarna, och sedan fylla på med fler bra att ha länkar. Dessa länkar går alltid till sidor för det aktuella språket, vilket betyder att om du försöker lägga till svenska länkar på den engelska sajten kommer dessa försöka hämtas på engelska. Lägg därför endast engelska sidor på den engelska sajten och svenska sidor på den svenska sajten. Denna del är för Del 1: 2.7.1.2 Del 2 Denna del innehåller enbart länkar till engelska sidor på sl.se. T.ex. den engelska startsidan läggs här. Denna del är för Del2: 2.7.1.3 Del 3 Denna del innehåller enbart länkar till svenska sidor på sl.se. T.ex. den svenska startsidan läggs här från den engelska sajten. Denna del är för Del3: 2.7.1.4 Del 4 Denna är tänkt att vara en länk till foretagare.sl.se, men kan även användas till annat om så önskas. Sida 10/29
Denna del är för Del4: 2.7.2 Kolumn 2 Mittenkolumnen är ett vanligt fritextfält och är tänkt att innehålla kort information om sidor samt en länk till den sidan. Denna del är för mittenkolumnen: 2.7.3 Kolumn 3 Denna kolumn är uppdelad i 3 delar. 2.7.3.1 Del 1 Social media-länkarna är s.k. block och fungerar ungefär som en informationssida, men innehåller enbart 1 bild samt 1 länk som man går till om man klickar på bilden. Man redigerar ett sådant block genom att klicka i den orangea ytan markerad i bilden nedan. Denna del är för Del1: Sida 11/29
Man kan lägga till fler block genom att dra in dem från högra menyn i EPi: Vill man ha fler block så behöver en utvecklare skapa dessa. 2.7.3.2 Del 2 Denna del är för Del2: 2.7.3.3 Del 3 Detta är sökfältet och går ej att redigera. Sida 12/29
3 Informationssidor 3.1 Generellt Alla informationssidor är tänkta att placeras under Container-sidan [Info] : Då denna struktur påverkar hur länkarna till informationssidorna ser ut så är det viktigt att det är korta namn på Container-sidorna (sidorna med brun låda i bilden ovan). T.ex. sidan regler i bilden ovan får i och med strukturen denna länk: För att hålla länkarna så korta som möjligt så välj korta namn på sidorna. 3.1.1 Bilder och Youtube Rekommenderade bildstorlekar Desktop 650x340 (xxx.jpg) Tablet 580x350 (xxx_tablet.jpg) Mobil 290x150 (xxx_mobile.jpg) Puffar 140x110 Sida 13/29
[Hur man lägger till Youtubelänkar, samt buggar med det] 3.1.2 Kategorier/Taggar På en landningssida så kan man via kategorier och taggar visa upp ett antal olika informationssidor. Markerar man en informationssida med t.ex. kategorin Resa samt taggen Buss, så kan man om man vill visa just dessa sidor på en given landningssida. Mer här. Användare kan även m.h.a. Taggar filtrera sina sökresultat när de använt sig av sökfunktionen. 3.1.3 Undersidor En informationssida kan ha flertalet relaterade undersidor. En undersida är tänkt att vara en direkt relaterad informationssida. T.ex. pendlarparkeringssidan, som sammanfattar en lista på undersidor där varje undersida är ett område med 1 eller flera pendlarparkeringar. En informationssida kan fungera som undersida på flera olika sidor, de läggs till i fliken undersidor genom att dra och släppa sidan i fältet Innehållssidor, och sedan publicera. 3.1.4 Frågor och svar Detta är en visa fler lista som även kan användas för annat än frågor och svar, genom att byta rubriken. Det som refereras till bör vara informationssidor. Som standard visas 3st utfällbara informationssidor, men fler visas om man klickar på Visa fler som syns när det är fler än 3st i listan. Såhär ser det ut: 3.1.5 Relaterat Detta är en uppsättning med länkar till relaterade dokument, informationssidor, externa länkar mm. Sida 14/29
Såhär ser det ut: 3.1.6 Aktuellt Detta fungerar som Frågor och svar. 3.2 Informationsfälten På en informationssida så kan man fylla i flertalet olika fält som används vid olika tillfällen. Ingressen för listningssidor Syns här: Den syns enbart när en informationssida är ihopfälld. Ingress Syns här: Den syns enbart när en informationssida är utfälld. Det finns även ett fält för rubrik och brödtext. Sida 15/29
4 Landningssidor 4.1 Tema Genom att skapa en landningssida av sidtypen ThemedLandingPage så får man möjligheten att välja ett tema för sidan, som gör att sidan ser ut som t.ex. nedan: Ett tema väljs här: För att lägga till fler teman så måste en utvecklare lägga till dessa. 4.2 Undersidor Undersidor är informationssidor som är relaterade till landningssidan. De läggs till i fliken undersidor genom att dra och släppa sidan i fältet för Innehållsidor, och sedan publicera. Sida 16/29
4.3 Kategorier På en landningssida så kan man via kategorier och taggar visa upp ett antal olika informationssidor. Markerar man en informationssida med t.ex. kategorin Resa samt taggen Buss, så kan man visa just dessa sidor på en given landningssida. Val av kategorier och taggar görs i fliken Information categories. Väljer man en huvudkategori i bilden ovan så kommer alla informationssidor med den kategorin vald att synas på landningssidan såsom nedan: Sida 17/29
5 Block Ett block kan läggas till på en landningssida eller en informationssida. Blocken finns här: Dessa block dras in på en landningssida, i fältet ListingArea under fliken Innehåll. Editering och användning utav blockinformation bör skötas av en administratör eller utvecklare. Men kan editeras som vilken annan informationssida. Nya block skapas av utvecklare. Sida 18/29
6 Engelska sidor 6.1 Redigera innehåll Man byter till det engelska innehållet genom att välja English under Webbplatser i vänstra menyn i EPi. Se bilden nedan: Det man ska lägga märke till när man gjort det är att i trädet till vänster så står det explicit sv på ganska många sidor. Detta betyder att den givna sidan endast finns på svenska. Finns det ingen sv så finns sidan på engelska. Den engelska sidan och den svenska sidan delar alltså inte samma innehåll, även om vissa sidor är gemensamma (t.ex. startsidan), så är innehållet i dem inte detsamma. Man redigerar det engelska innehållet på samma sätt som det svenska innehållet. Sida 19/29
6.2 Svenska länkar i Footern För att länka tillbaka till den svenska sajten i footern på den engelska sajten läggs länkar i fältet GeneralLinks se avsnitt 2.7 Footer för mer info. Sida 20/29
7 Viktigt meddelande/krismeddelande Detta är ett Krismeddelande : Tanken är att visa upp information som påverkar användare utav siten. T.ex. om reseplaneraren skulle sluta fungera under ett par timmar. Det är tänkt att man skall ha ett par redan förberedda meddelandemallar som enkelt kan väljas vid behov. Dessa läggs under [Krismeddelanden]: Det meddelande som skall synas just nu väljs i [Krismeddelanden], genom att redigera sidan och välja en sidreferens. Ett Krismeddelande kan ha 1 rubrik, 1 info text samt 1 länk(kan vara en episida eller extern länk). Tänk på att hålla textfältet så kort som möjligt då det tar upp mycket plats i mobiler. Sida 21/29
8 Allmän funktionalitet 8.1 Versionshantering av sidor Hur man får fram versionshanteringen finns här. 8.2 StopPublish Ett slutpubliceringsdatum sätts i editeringen av en sida, genom att klicka på Verktyg -> Hantera utgångsdatum och arkivering. Och sedan fylla i ett datum. 8.3 Aktiviteter till höger om språkval i edit-läget. Denna visar upp det som du arbetar på just nu. Om du igår redigerade t.ex. startsidan, men inte publicerade det, så kommer startsidan med ändringarna du gjort att synas där. 8.4 Nyligen Under edit-läget trädet. Denna kan användas för att snabbt navigera mellan flera olika sidor fram och tillbaka. T.ex. du går in på en sida och sedan en annan, men vill efter det snabbt och enkelt tillbaka till Sida 22/29
föregående sida. 8.5 Papperskorgen Här hittar du papperskorgen: Sida 23/29
9 Administratörsfunktionalitet Denna del kommer fyllas på mer vid ett senare tillfälle. 9.1 Globala inställningar 9.1.1 Mitt SL/Boomerang 9.1.2 Köp biljett 9.1.3 Priser i Reseplaneraren 9.1.4 Resursfiler I filhanteraren, så lägger man upp resursfilerna sites.csv, stoppoints.csv och geojson.json. Dessa filer används bl.a. för att förse information till kartan om alla siter. Efter att ha lagt upp en ny version så måste man spara om Globala inställningssidan vilket triggar en uppdatering av cachen. 9.2 Admin-läget 9.3 Kategorier och taggar Denna del bör inte redigeras då det kan skapa oväntade problem om man t.ex. skulle ta bort eller lägga till där det inte skall finnas. En utvecklare bör hantera detta. 9.4 Rapporter Dessa kan användas för att se vad som har publicerats/editerats/etc inom en given tidsram. Sida 24/29
10 Övrigt 10.1 EPiServer buggar Just nu finns det ett par EPiServer specifika buggar som påverkar redigeringen utav sidor. Detta kommer att åtgärdas vid en senare uppgradering av EPiServer. 10.1.1 Publicerade ändringar syns inte När man på en informationssida lägger till/tar bort undersidor och sedan väljer att publicera detta, så kommer man i visningsläget av sidan inte att se ändringen direkt. Ändringen är dock genomförd och väljer man att byta sida som man redigerar fram och tillbaka så kommer man att se ändringen. Man kan även verifiera detta genom att titta på sidan utanför redigerarläget. Det är alltså bara en visuell felaktighet. Liknande problem som detta finns även när man ändrar i huvudmenyn. Det kan även uppstå likartade problem där det verkar som att ändringar man gjort inte kommit med trots att de gjort det. Byt sida fram och tillbaka så bör ändringen synas. Sida 25/29
11 Bilaga 1 Versionshantering 11.1 Lägg till funktionalitet för att hantera versioner Steg 1. Steg 2. Steg 3. Klicka på Versioner i listan som syns. Klicka bara 1gång, annars så läggs det till flera gånger(läs här hur man tar bort eventuella dubbletter). Klicka på klar. Sida 26/29
Steg 4. Om du inte klickat på den inringade delen i bilden nedan så gör det nu. Sida 27/29
Steg 5. Välj version i listan i nedre högra hörnet. Det som händer är att sidan laddas om direkt med versionen som är vald och ändringar kan göras om man vill. Vill man publicera den tidigare versionen så klicka på Ompublicera. Sida 28/29
11.2 För att ta bort versions gadgeten. För att ta bort versions-gadgeten så klicka på: Sida 29/29