1(26) Webbförvaltning 2013-06-07 SLU-anpassad Episerver-lathund Användarsupport SLU IT-stöd, 018-67 66 00, it-stod@slu.se, https://internt.slu.se/it-stod Information om webbarbete, bl.a. FAQ, hittar du på https://internt.slu.se/webbpublicering/ Episervers redaktörshandbok http://world.episerver.com/documents/manuals/episerver%20cms/editormanual s/episerver%20cms%206%20r2/screen/editors%20manual%20episerver%20c MS%206%20R2%20%28Swedish%29_LowRes.pdf SLU, Box 7070, SE-750 07 Uppsala, Sweden tel: +46 (0)18-67 10 00 Org.nr 202100-2817 webbredaktionen@slu.se https://internt.slu.se/webbpublicering/
Innehåll 1 Kom igång... 3 1.1 Översta vänstra hörnet... 3 1.2 Överst i mitten... 4 1.3 Översta högra hörnet... 4 1.4 Verktygsfältet... 5 1.5 Symboler i strukturen... 6 1.6 Nedre vänstra hörnet... 6 2 Skapa en ny sida... 7 3 Redigera befintlig sida... 13 4 Infoga länk på en sida... 13 5 Infoga bild... 18 6 Mer inställningar för en sida... 20 6.1 Längst ner på fliken Innehåll... 20 6.2 Fliken Schemaläggning... 20 6.3 Fliken Högerkolumn... 20 6.4 Fliken inställningar... 22 6.5 Fliken Genväg... 23 7 Hantera sidor i trädstrukturen... 24 7.1 Byta sidtyp... 24 7.2 Flytta sida i strukturen... 25 7.3 Favoriter... 25 2(26)
1 Kom igång Logga in med din vanliga AD-inloggning på: Externwebben (www.slu.se) https://www.slu.se/admin/cms/edit/ Medarbetarwebben https://internt.slu.se/admin/cms/edit/ Studentwebben https://student.slu.se/admin/cms/edit Du hittar även länkarna att till redigera i Episerver på Medarbetarwebben sidan Verktyg / Verktyg och system eller på sidan Stöd och service / Kommunikation/Webbpublicering. När du loggat in på någon av sidorna möts du av följande vy med startsidan för den webbplats du valt. 1.1 Översta vänstra hörnet På den vänstra sidan finns bl.a.: Verktygsfältet verktyg för att arbeta med strukturen. Läs mer i stycket 1.4 Verktygsfält. Fliken Struktur - visar innehållet på webbplatsen i form av en trädstruktur med sidor. Klickar du på plustecknet framför en sida visas sidans undersidor. Klickar du på ett minustecken framför en sida, fälls sidans undersidor in. 3(26)
Fliken Favoriter visar de sidor som du angivit som dina egna favoriter. Ett sätt att komma åt sidor som du ofta arbetar med. Läs mer i stycket Favoriter i detta dokument. Det finns flera flikar, men det är dessa du kommer ha störst användning av. Vill du läsa mer om att komma igång med Episerver se då sida 15 i Episervers redaktörshandbok. 1.2 Överst i mitten I mitten av sidan finns några flikar som är bra att känna till. Förhandsgranska läget där man kan se hur sidan visas för en besökare på webben. Redigera läget för att redigera en sida. Versioner översyn av olika versioner som finns för den skapade sidan. Läs mer om versionshantering av sidor på sida 71 i Episervers redaktörshandbok. 1.3 Översta högra hörnet Längst upp till höger finns några saker som kan vara bra att känna till: (AD/ditt användarnamn) Här finns Mina inställningar och där kan du anpassa dina inställningar, t.ex. om du vill visa Episerver på engelska. Läs mer på sida 110 i Episervers redaktörshandbok. Sök om du behöver söka efter en specifik sida. Du kan söka på ord eller sidans id-nummer. Filhantering här ska du lägga över alla bilder och dokument du vill använda. Läs mer om Filhantering på sida 74 i Episervers redaktörshandbok. 4(26)
Visar vilket språk sidan visas på (svenska eller engelska). Du kan även välja att jämföra t.ex. den svenska och engelska sidan med varandra. Den sidvy som du valt vid jämförelsen är den sida du kan välja att redigera., samtidigt som du ser versionen för det andra språket. 1.4 Verktygsfältet Om du drar med markören över verktygen visas en länktitel som beskriver vad symbolen innebär. De fem vanligast verktygen är de längst till vänster: Ny sida dvs. skapa en ny sida. Ta bort vald sida Klipp ut vald sida Kopiera vald sida Klistra in vald sida Har du markerat en sida och sen högerklickar, får du upp en dialogruta med ungefär samma verktyg. 5(26)
1.5 Symboler i strukturen Efter sidors namn kan vissa symboler visas. Drar du med markören över symbolen visas en länktitel som beskriver vad symbolen innebär. De vanligaste symbolerna är: Redigeras för närvarande av: NN dvs. sidan redigeras av någon annan och du bör ej välja att redigera samma sida. Sidan är inte synlig i menyer. Sidan skapades nyligen. Genväg till: XX dvs. sidan länkar vidare direkt till sidan XX. Sidan har inte publicerats. Sidan löpte ut ÅÅÅÅ-MM-DD TT:MM:SS. dvs. sidan stängdes för publicering det angivna datumet. Hämtar data från: XX dvs. sidan visar samma information som på sidan XX. Sidan saknas på det aktuella språket och kommer inte att visas. Du har inte rätt att ändra sidan. dvs. du har inte rätt behörighet att redigera sidan. När du drar med markören över ett sidnamn får du upp en liten gul ruta. Den innehåller följande information: Sidtyp dvs. vilken typ av sida som används. Skapad vilket datum sidan skapades Ändrad vilket datum sidan senast ändrades Sidans id alla sidor i Episerver får ett id. Oavsett om du ändrar namn och innehåll på sidan har sidan fortfarande samma id. Sorteringsindex se stycket Fliken Inställningar i detta dokument för mer information. 1.6 Nedre vänstra hörnet Här väljer vilket språk du vill visa stukturen på; svenska eller engelska. 6(26)
2 Skapa en ny sida När du ska skapa en ny sida gör då enligt följande: 1. Börja med att planera din text. Vad är syftet med sidan? Vad behöver läsaren veta? Varför ska de läsa texten? Avgränsa innehållet och presentera det i en ordning som passar läsaren. Tänk efter vilket/vilka ord som är nyckelord för din text, och använd det ordet i sidans namn, ingress, och i länkar. 2. Bestäm var du vill att sidan ska finnas och markera sidan ovanför din tilltänkta sia. Den markerade sidan kommer då vara markerad med mörk bakgrund och vit text. 3. Välj att skapa en ny sida, genom att högerklicka eller välja symbolen i verktygsfältet i övre vänstra hörnet. 4. Du kommer då få välja vilken sidtyp du vill använda. Du väljer sidtyp genom att välja Skapa framför namnet. I detta exempel väljer vi Enkel text- och bildsida. 7(26)
Det finns en mängd olika sidtyper som används i olika syften. För att se och förstå skillnaden mellan de olika sidtyper se då sidan https://internt.slu.se/ sidtyper. De vanligaste sidtyper är: Enkel text- och bildsida Sida 4+4 fält Sida 5 fält 5. Redigeraläget" för den nya sidan som ska skapas öppnas. Redigeringen börjar under fliken Innehåll. 8(26)
Den lilla grön/blåa jordgloben betyder Den här egenskapen är gemensam för alla språk och kan endast redigeras här. 6. Fyll i information: a) Namn det du skriver här kommer visas i strukturträdet till vänster. Du kan gärna välja ett kort beskrivande namn. b) Menynamn det du skriver här visas i menyerna samt i brödsmulorna. Välj ett kort beskrivande namn. Det kan vara samma som Namn, men behöver inte vara det. c) Rubrik på sidan välj den rubrik du vill ha på sidan. Rubriken visas längst upp på sidan. Viktigt att rubriken är unik och att Menynamn och denna rubrik 9(26)
innehåller sidans nyckelord. Ex. Menynamn kan vara Kontaktuppgifter och rubriken kan vara Kontaktuppgifter till institutionen för ekologi. Har du samma benämning på Namn, Menynamn och Rubrik på sidan räcker det att du skriver i namnet på Namn. Meny till vänster på webben. Visar det namn som du skrivit på Menynamn. Brödsmulor. Visar det namn du skrivit på Menynamn: d) Sidansvarig (epost) skriv i e-postadressen till den som ansvarar för sidan. Du kan även välja att skriva i en funktionsadress. Fältet är obligatoriskt. e) Ingresstext skriv in ingressen för sidan. Sammanfatta det viktigaste i texten. Ingressen ska innehålla relevanta sökord och begrepp, och använd gärna en eller ett par synonymer. Ingressen fyller två funktioner. För det första ger den läsarna en överblick så att de kan avgöra om sidan innehåller det de är ute efter. För det andra hjälper den sökmotorer att hitta sidan. 10(26)
f) Primärt innehåll - skriv in/kopiera in det primära textinnehållet för sidan. OBS! Om du har kopierat text från t.ex. ett Word-dokument ska du alltid klistra in texten som oformaterad text. Det gör du genom att först klicka på symbolen och sen välja att klistra in texten. 7. Börja nu arbeta med det primära innehållet för att få sidan att se ut som du vill. Du har ett verktygsfält till hjälp. Om du drar med markören över verktygen visas en länktitel som beskriver vad symbolen innebär. De vanligaste verktygen är: Infoga/redigera länk detta val är endast möjligt om en ord/text, bild eller länk är markerad. Ta bort länk detta val är endast möjligt om en länk är markerad. Infoga/redigera bild Klipp ut text (du kan även klippa ut genom att välja Ctrl+X). Kopiera text (du kan även kopiera genom att välja Ctrl+C). Klipp in text(du kan även klistra in genom att välja Ctrl+V). Infoga/redigera ny tabell tabell ska endast används när du ska visa en tabell, inte för att skapa en viss layout på sidan. Fet (Ctrl+B) gör texten fet (du kan även göra texten fet genom att välja Ctrl+B). Kursiv (Ctrl+I) gör texten kursiv (du kan även göra texten kursiv genom att välja Ctrl+I). Understruken (Ctrl+U) gör texten understruken (du kan även göra texten understruken genom att välja Ctrl+U). Punktlista Nummerlista Infoga horisontell skiljelinje Här kan du välja olika stilar på text, Bildstilar och Tabellstilar. Klickar du på pilen får du följande val för text: 11(26)
Stilar oformaterad text. Välj om du vill få bort en annan stil, dvs. gå tillbaka till oformaterat läge av texten. Rubrik 1 samma storlek på rubrik som det du skriver in under Rubrik på sidan. Det bör endast finnas en rubrik med denna storlek på sidan. Används endast på de sidtyper som inte har fältet Rubrik på sidan. Rubrik 2 lite mindre rubrikstorlek än Rubrik 1. Väljs för att tydliggöra ett nytt stycke på sidan. Rubrik 3 än mindre rubrikstorlek än Rubrik 2. Väljs för att tydliggöra ett nytt stycke under en rubrik med storlek Rubrik 2. Ingresstext används på de sidor som inte har fältet Ingresstext. Bildtext väljs då du ska skriva en bildtext till en bild. Texten blir mindre och ljusare än oformaterad text. Ångra (Ctrl+Z) väljs om du vill ångra en redigering av texten. (du kan även ångra genom att välja Ctrl+Z). Slå av/på helskärmsläge om du vill att rutan för Primärt innehåll ska bli större välj då detta verktyg. När du vill återgå till mindre ruta och för att kunna välja andra flikar eller att spara m.m. måste du åter välja samma verktyg. Sök sök efter ett/flera ord på sidan. Observera att när du arbetar med layouten av texten så visas inte den exakta layouten som sedan kommer att visas på webben. 8. När du är nöjd med sidan välj något av följande spara alternativ. Spara använd knappen Spara när du vill fortsätta arbeta med sidan direkt efter att du sparat. När du väljer Spara lagras informationen och sidan förblir öppen för redigering. Spara kan du välja när som under ditt arbete för att vara säker på att innehållet sparas. Spara och visa använda knappen Spara och visa när du vill förhandsgranska sidan som du arbetar med. När du väljer Spara och visa lagras informationen och fliken Förhandsgranska visas. Från den vyn kan du antingen välja att publicera sidan, markera sidan som klar för publicering (om du är skribent) eller att fortsätta med din redigering, genom att klicka på fliken Redigera. 12(26)
Spara och publicera använd knappen Spara publicera när du vill publicera en sida som du har arbetet med utan att förhandsgranska den. När du väljer Spara och publicera lagras informationen och fliken Förhandsgranska visas. Sidan publiceras och blir tillgänglig för besökare i visningsläge. 3 Redigera befintlig sida För att redigera en befintlig sida gör du det enligt följande. 1. Markera den sidan du vill redigera i strukturträdet. 2. Välj sedan fliken Redigera. 3. Du får då samma möjligheter som när du skapar en ny sida. 4 Infoga länk på en sida Lägg in länk genom följande steg: 1. Markera det/de ord eller den bild som du vill ska vara själva länken. 2. Välj verktyget Infoga/redigera länk. 3. Fönstret Länkegenskaper öppnas. 13(26)
Det finns tre olika typer av länkar som kan skapas: Webbsida länkar till en annan webbsida. Dokument länkar till ett dokument i filhanteringen. Efter länken bör information om vilken typ av dokument det är samt storlek finnas i parantes, t.ex. (pdf 199 Kb). E-post länkar till e-postadress, vilket innebär att när besökaren klickar på länken öppnas deras e-postsystem som är kopplat till deras dator. 4. Fyll i Länktitel. Länktitel ska alltid vara ifylld och informera besökaren om var man hamnar om man klickar på länken. Länktiteln syns om man drar med markören över länken samt används även vid talsyntes och andra hjälpmedel för synskadade. tänk på att själva länken ska vara tydlig och tala om var man hamnar. Lägg gärna nyckelordet först. Undvik Läs mer - och Klicka här -länkar samt liknande 14(26)
5. Välj Målram. Ska länken öppnas i nytt ett nytt fönster eller inte? Klickar du på pilen vid Målram får du följande val: Om du vill att länken ska öppnas i samma fönster välj då att låta fältet vara tomt eller välj Öppna länken i hela fönstret. Vill du att att länken ska öppnas i ett nytt fönster välj då Öppna länken i nytt fönster. Väljer du detta alternativ kommer länken att få symbolen efter länken, om du länkar till en webbsida. Om du länkar till ett dokument läggs en symbol automatiskt till som visar vilken typ av dokument det gäller. Symbolerna som finns är: PDF Word-dokument PowerPoint-dokument Excell-dokument Rekommendationer för Målram: Länk till sida på externwebben, medarbetarwebben eller studentwebben bör öppnas i samma fönster. Länk till sida som inte finns på externwebben, medarbetarwebben eller studentwebben bör öppnas i nytt fönster. Länk till dokument bör öppnas i ett nytt fönster. 6. Välj Länkmål, dvs. var den länkade sidan finns. Sida på denna webbplats länk till en sida som finns i samma struktur. a) Klicka på. b) Fönstret Välj sida öppnas. 15(26)
Du får upp en ruta med samma struktur som du ser till vänster i strukturträdet. c) Leta rätt på sidan du vill länka till, markera sidan och välj. d) Du ser nu vald sida: 16(26)
Denna länkning innebär att sidans id används, vilket innebär att länken inte brytas även om sidan flyttas i strukturträdet eller byter namn. Sida på annan webbplats länk till en sida som inte finns i samma struktur. a) Skriv i/klistra in adressen till sidan i fälet: Detta ska inte användas när man länkar inom samma struktur. Dokument på denna webbplats länk till ett dokument som finns i filhanteringen. a) Klicka på. b) Fönstret Välj dokument öppnas. Du kommer då till filhanteraren där bilder och dokument lagras. Läs er om filhanteraren i stycke 8 Filhantering. 17(26)
c) Leta rätt på dokumentet du vill länka till, markera dokumentet och välj. d) Du ser nu vald sida: 7. Välj i fönstret Länkegenskaper. 8. Texten som är vald som länk är nu gulmarkerad Är länken en bild, syns det inte i redigerarläget att bilden är en länk. 5 Infoga bild Lägg till ev. bild genom följande steg: 1. Placera textmarkören i din text, under Primärt innehåll, där du vill lägga in en bild. 18(26)
Du ska aldrig kopiera en bild från en annan webbplats eller från ett dokument och klistra in direkt i editorn. Redigera din bild i förväg i Photoshop eller motsvarande. Se den särskilda lathunden om storlekar på sidtyper för att veta hur stor bilden bör vara. 2. Lägg in en bild genom att klicka på verktyget Infoga/redigera bild. 3. Fönstret Infoga/redigera bild öppnas, där du ska välja bild samt fylla i informationen. Bildens URL Välj bild från Filhanteringen. Bildens beskrivning vad föreställer bilden? Du ska alltid ha en beskrivning av bilden. Är bilden än länk ska det även framgå vart länken går, dvs. länktiteln för länken. Titel skriv en bildtitel som visas när muspekaren placeras på bilden. Behöver endast användas när bilden är en länk. I fliken Utseende kan du justera hur texten ska förhålla sig till bilden. Bildens storlek bör inte anpassas i Episerver utan vara klar att användas när den läggs in i Filhanteringen. Anpassning i storlek bör göras i t.ex. Photoshop eller liknade program. Se lathunden SLU:s lathund för storlekar på olika sidtyper i Episerver för information om hur stora bilderna kan vara i olika sidtyper. 19(26)
I fliken Avancerat kan du göra mer avancerade inställningar för bilden. Läser mer om bilder på sida 38 i Episervers redaktörshandbok. 4. Välj Infoga. 5. Bilden visas nu där du valt att lägga den. Vill du flytta på den markerar du den och drar den dit du vill ha den. 6 Mer inställningar för en sida När du är i redigerarläget för en sida finns även följande val. 6.1 Längst ner på fliken Innehåll Längst ner i redigerarläget på innehållsfliken finns två val: Göm vänstermeny ska i stort sett aldrig användas. Göm sidfot ska i stort sett aldrig användas. 6.2 Fliken Schemaläggning Du kan här bestämma om en sida ska börja publiceras ett visst datum eller om den ska stängas ett visst datum. Fyll bara i datum och tid. Börja publicera blir annars automatiskt det datum som du första gången publicerade sidan. 6.3 Fliken Högerkolumn För att redigera högerkolumnen för en sida med sidtypen Enkel text- och bildsida väljer du denna flik. 20(26)
Du kan välja att inte visa högerkolumen genom att bocka i rutan vid Göm högerkolumn. Detta rekommenderas inte, då sidan då blir väldigt bred och kan bli svårläst samt att du tappar orienteringen för besökaren om vart sidan finns i strukturen. I enstaka fall kan det vara motiverat, är du osäker diskutera det gärna med webbredaktionen. Rubrik den text du lägger in här kommer visas längst upp i högerkolumen i grå text, liknande storleken på Rubrik 2. Innehåll fungerar på samma sätt som Primärt innehåll under fliken Innehåll. 21(26)
6.4 Fliken inställningar Visa sidan i menyer är bocken i bockad visas sidan i menyer på webben. o Är bocken inte i bockad visas inte sidan i menyer. o Detta kan vara av intresse om man vill ha en sida som endast går att nå via en länkning. Sidans namn i webbadress adressen kommer automatiskt att bli som du har skrivit in på Namn under fliken Innehåll. o Observera att ändrar du namn på sidan bör du även ändra texten i detta fält. o Fältet kan endast innehålla gemener och bindestreck, så sidan Goda råd, riktlinjer och anvisningar får adressen goda-rad-riktlinjer-ochanvisningar. 9. Sorteringsordning styr hur sidorna under din sida kommer att sorteras. Valen som finns är: 22(26)
o Enligt sorteringsindex sidorna hamnar i den ordning som sidornas indexering visas i fältet Sorteringsindex. 10. Sorteringsindex ett automatisk index med 100-intervall. Ändra detta nummer för att ändra ordning på sidor som sorteras efter Sorteringsindex. Om du själv bestämmer sorteringsindex på ett antal sidor, välj då 100- eller 10-intervall så en ev. ny sida kan läggas mellan två befintliga om det behövs. 11. Enkel adress till sidan om du vill ha en kort adress till en sida som ligger långt ner i strukturen kan du skriva i detta här. Sidor på externwebben lägger www.slu.se innan kortadressen. Sidor på medarbetarwebben lägger https://internt.slu.se/ innan kortadressen. Sidor på studentwebben lägger https://student.slu.se/ innan kortadressen. Exempel: Institutionen för stad och land har adressen http://www.slu.se/sv/fakulteter/nl-fakulteten/omfakulteten/institutioner/sol/ till sin sida. Om de vill ge ut adressen till ett besök eller ha på ett tryckt material kan de istället skriva www.slu.se/sol/ och då kommer besökaren till samma sida. Detta p.g.a. att de lagt in sol på Enkel adress till sida. Fältet kan endast innehålla gemener och bindestreck. Var dock lite restriktiv med vilka ord du väljer, så du inte väljer ett ord som många kan tänkas vilja använda. Systemet varnar om du skulle råka välja en adress som redan finns. 12. Beskrivning av sidan skriv i en kort beskrivning av sidan som du vill ska visas vid sökträffar. D.v.s. när någon söker antingen på SLU:s sökfunktion eller t.ex. via Google är det denna text som visas. 6.5 Fliken Genväg Så här ser det ut under fliken Genvägar 23(26)
Klickar du på pilen vid Typ av länk finns följande val. Länk till den här sidan sidan fungerar som en vanlig sida i Episerver, enligt inställningar gjorda tidigare. Detta val är det som är förvalt. Genväg till sida i Episerver CMS väljer du detta alternativ kommer sidan länkas direkt vidare till den valda sidan i strukturen. o Du väljer vilken sida genom att klicka på och sen välja sida i strukturen, precis som när du lägger in en länk. o Sidan markeras då med i strukturen. Hämta data från sida i Episerver CMS väljer du detta alternativ visas samma information på din sida som för en annan redan skapad sida, men behåller menyerna för din ursprungssida. o Du väljer vilken sida genom att klicka på och sen välja sida i strukturen, precis som när du lägger in en länk. o Sidan markeras då med i strukturen. Länk till sida på annan webbplats väljer du detta alternativ kommer sidan länkas direkt vidare till vald sida utanför SLU-webben. o Ligger sidan inte på externwebben, medarbetarwebben eller studentwebben bör du välja Öppna länken i nytt fönster vid Målram. o Du skriver i/klistrar in adressen till sidan i fältet Extern länk. 7 Hantera sidor i trädstrukturen 7.1 Byta sidtyp Ifall du vill byta mall från t.ex. Enkel text- och bildsida till Sida 5 fält måste du ta bort den sida du har och ersätta den med den du önskar. Observera; Ifall det finns underliggande sidor försvinner även dem när du raderar en sida. Börja i så fall med att skapa den nya sidan, flytta de underliggande sidorna till den nya och ta därefter bort den gamla. 24(26)
Skulle du av misstag ha tagit bort någon sida kan du kontakta IT-stöd som kan hämta den i papperskorgen. 7.2 Flytta sida i strukturen Ska en sida flyttas mellan olika nivåer i trädstrukturen kan göra det på två sätt: 1. Markera sidan du vill flytta och drag den till det nya stället, drag-and-drop. 2. Markera sidan och välj. Markera den sida som du vill att den flyttade sidan ska ligga under och välj sedan. Oavsett vilket sätt du gör flytten på måste du kontrollera att sidan hamnar i rätt ordning bland sidorna på samma nivå. Vill du flytta en sida inom samma nivå, gör det under Sorteringsordning, se stycke Fliken inställningar. 7.3 Favoriter För att lägga till en sida till dina favoriter börjar du att markera vald sida. Högerklicka sedan och välj fliken Favoriter.. Sidan kommer då att synas under Även de undersidor som finns under en sida som du valt som favorit kommer du kunna nå från fliken Favoriter. Så här kan det se ut under fliken Favoriter: 25(26)
Du tar bort en favorit genom att markera sidan under fliken Favoriter, högerklickar och väljer. 26(26)