Webb Manual Episerver. Version 3.0.1

Transkript

1 Webb Manual Episerver.0.1

2 Innehållsförteckning Inledning... 4 Komma igång... 5 Logga in... 5 Hitta er webbplats... 6 Söka sig fram... 6 Navigera sig fram... 6 Strukturera webbplatsen... 7 Symboler för sidor i trädstrukturen... 7 Fönster, flikar och gadgets... 8 Globala menyn... 8 Lägga till Versionshantering... 8 Visa/dölj navigeringsfönster (5)... 9 Pin (Nåla fast)... 9 Sidträd... 9 Inställningar Namn (Ändra namn på en skapad sida) Namn i URL (www adress) Enkel adress (Genvägar) Visa i navigering Block och Media Block allmänt Redigera block...12 Flytta, kopiera och ta bort ett block i kataloger...12 Media Ladda upp en mediefil(bild eller dokument)...14 Så här laddar du upp Mediafiler genom att dra och släppa:...14 Lägga till en bild i innehåll Ta bort en bild från innehåll...16 Ersätta en mediefil i biblioteket...16 Flytta, kopiera och ta bort en mediefil från biblioteket...16 Skapa dina sidor Skapa sidor Optimera din hemsida för sökmotorer med sidans Rubriker Olika rubriker Att tänka på vid rubriksättning

3 Vad du ska kräva av en bra rubrik...19 Lösenordskydda en sida...19 Dra och släpp Klipp ut och flytta sidor Kopiera sidor Byta eller lägga till kontaktuppgifter...21 Skapa Vänster Puffar Börja så här Få puffen att synas på startsidan Ta bort/redigera en vänsterpuff Byta bakgrundsbild Begränsa uppskalning av bakgrundsbild Ingen Bakgrundsbild Skapa Nyheter Skapa Kalender händelse Förhandsgranskning Enkel redigering Redigera text E-postadresser och länkar Spara Publicera och publiceringsalternativ Publicera Avpublicera Schemalägga publicering Ta bort senarelagd publicering Använda editorn för redigering På sidan redigering Bilder i texteditorn Klicka dra släpp Interna länkar Bilder Youtube film i på sidan Byta mitt lösenord och epost adress...41 En liten ordlista för konstiga benämningar i Episerver manualen Vanliga kortkommandon som används i denna manual samt i windows

4 Inledning I denna manual beskrivs hur du använder dig av EPiServer olika funktioner för att ladda upp bilder, dokument samt skapa sidor, länkar mm. När stegen beskrivs så hänvisar vi i texten med en siffra inom parentes till en rund bubbla på en bild med samma siffra som referens. Ett exempel på det kan vara För att logga in så klickar du på Logga in (1) knappen 4

5 Komma igång Logga in Allt du behöver för att kunna redigera hemsidan är en webbläsare och att du är uppkopplad mot internet. 1. I sidfoten hittar du Logga in 2. Eller så kan du lägga till: /episerver. På webbplatsen blir det då: (1) 3. Logga in med det användarnamn och lösenord som du fått av oss på Riksförbundet. 4. Klicka även i rutan bredvid Kom ihåg mig ifall ni skulle glömma ert lösenord. Dessa är de tre första bokstäverna i för/efternamnet. Ex: Alex Alexandersson blir aleale. Ni kan då börja redigera er lokaltillhörighet, men bara redigera den läns eller lokalförening som man tillhör. 5. När du är inloggad klickar på CMS och sedan på Redigera som på bilden nedan visar (2). 6. Under den Globala menyn som du kommer åt genom att klicka på den svarta pilen (2), överst i mitten, för att fälla ner rullgardinslisten. Här hittar du bla Mina inställningar och Logga ut. 5

6 Hitta er webbplats Söka sig fram Du kan hitta till din förening på olika sätt. Det enklaste sättet är att söka efter det. I redigeringsläget klickar du i sökrutan (1) och skriver namnet på din förening. När föreningsnamnet kommer fram i listan (2) klickar du på det för att komma dit. I detta exempel vill jag leta efter Sundbybergs lokalförening. Klickar jag sedan på Solna/Sundbyberg så kommer jag att komma till den sidan och kan börja redigera min förening. Navigera sig fram För att navigera dig fram via Navigeringsfönstret gör du genom att klicka på knappen Växla navigeringsfönster Strukturera webbplatsen När du har fått fram trädet så klickar du på plus tecknet framför Föreningar (3) Sedan letar du efter ditt län eller förening. Där det inte finns något eller några hänglås har du rättigheter att redigera webbplatsen. I detta fall nedan är det Sollentuna (4) som inte har något hänglås. 6

7 Strukturera webbplatsen Webbplatsens struktur utgörs av sidor. Sidornas namn bildar med automatik struktur och menyer. Menyerna byggs sedan upp dynamiskt av de sidor som finns på webbplatsen. För att göra det enkelt för besökaren att hitta och navigera på din webbplats är det lämpligt att begränsa menystrukturen till maximalt tre nivåer. Symboler för sidor i trädstrukturen Genom att använda följande symboler som visas nedan kan EpiServer meddela dig om händelser på dina skapade sidor: En sida för publicerat innehåll. En behållarsida som används för att lagra och redigera data i trädstrukturen, ej synlig på webbplatsen. En ny sida som ännu inte har publicerats. En ny sida som har schemalagts för publicering, ännu inte synlig på webbplatsen. En sida som har schemalagts med ett utgångsdatum och en utgångstid, där datumet och tiden har passerat. Visas inte på webbplatsen. Ändringar på sidan har avvisats. En sida som är låst och du saknar rättigheter att ändra den. En sida redigeras av en annan användare i EpiServer CMS. 7

8 Fönster, flikar och gadgets Globala menyn Klicka på den lilla svarta fliken med pilen i mitten längst upp på sidan för att fälla ut topprullgardinen (3). Knapparna till höger är länk till EpiServer, Redaktörshandboken online, dina inställningar samt sök. Bland knapparna till vänster ligger CMS och Redigera. Dessa klickar du på för att komma tillbaka till redigerarläget om du har varit inne under Mina inställningar. Lägga till Versionshantering Så här lägger du till en gadgeten för Versionshantering: 1. Klicka på Lägg till gadgetar genom att klicka på det lilla kugghjulet (1) 2. I fönstret Gadgetar visas en lista med alla gadgetar. Om du klickar på produktnamnet till vänster kan du filtrera produktspecifika gadgetar. Klicka på Innehåll (2) 3. Sedan markera du Versioner (3) 4. Klicka på Stäng 5. Versioner (4) hittar du sedan längst ner i trädstrukturen. 8

9 Visa/dölj navigeringsfönster (5) När du klickar på den här ikonen så fälls navigeringsfönstret ut till vänster. Klickar du någon annanstans på sidan så fälls den ihop igen. Pin (Nåla fast) Du kan nåla fast fönstret genom att klicka i den lilla nålen längst upp i högra hörnet så att den blir blå. Sidträd I sidträdet ser du alla webbplatsens sidor. Om du jämför med webbplatsen, så ser du att strukturen motsvarar menystrukturen på webbplatsen. Allt ligger i samma ordning och nivåer. För att navigera sig i navigeringsfönstret så klickar du på plustecknen för att fälla ut strukturen och på minus tecknet för att fälla in den igen. Klickar du på sidans namn laddas den sidan in och du kan redigera den. Tips! Om du håller musen still över ikoner eller sidor så ser du ett tooltip. Tooltip för sidor visar både sidans ID samt vilken sidmall som används. 9

10 Inställningar Om man scrollar med mushjulet uppåt på en sida, så visas den sidans inställningar. Här kan man göra några saker. Men det som är av intresse är Namn, Enkel adress Namn (Ändra namn på en skapad sida) Här kan du ändra sidans namn ifall det skulle blivit fel namn när du skapade sidan. Namn i URL (www adress) Detta kan behöva ändras om t ex en sida har kopierats eller byter namn, så att url:en alltid stämmer överens med vad sidan heter. T.ex. vill ni kanske ska vara Enkel adress (Genvägar) Denna adress är er direktlänk till era sidor. Ex stor det dalarna där så betyder detta att er direktlänk till sidan är det kan även vara en direkt adress till en vanlig sida. Ex: Visa i navigering Kryssa ur om du vill gömma en sida i navigeringen (göra den osynlig på webben). 10

11 Block och Media Block är delar av innehåll som sparas på en enda plats men som kan återanvändas och delas mellan webbplatser. Ett typiskt block är våra vänsterpuffar(löpsedlar) som finns på startsidan. Se avsnitt: Skapa Vänster Puffar Klicka på mappikonen (7) längst upp i högra hörnet för att öppna verktygsfält. Här finns två flikar. En för Block och en för Media. Block allmänt Skapa en struktur med kataloger som sedan blocken skapas i. Block som ligger i dessa kataloger kommer du åt från vilken sida som helst och kan användas på flera sidor och behöver bara redigeras på ett ställe. En katalog som skapas här skapas med automatik även upp under Media. Klicka på alternativmenyn (8) till höger om katalogen där du vill ha den nya katalogen, välj Ny katalog och namnge den. För denna Sida. När du skapar ett block som bara ska användas på en sida, ställ dig på den sidan och skapa blocket under katalogen För denna Sida. Då undviks att det blir mycket innehåll och därmed rörigt i blockbiblioteket. Slängs sedan sidan så slängs samtidigt blocket och då undviks också att en massa oanvänt innehåll ligger och skräpar. 11

12 Tips! Försök tänka logiskt när ni skapar era mappar - så att alla hittar dem. "Släng" inte bara upp mappar hej vilt. Ett förslag är att skapa samma struktur som sidorna i navigationsfönstret har. Då blir det inte heller "rörigt i blockbiblioteket". Redigera block För att redigera ett block, klicka på alternativ (1) längst till höger om ditt block som visas när du för musen över och välj redigera, alternativt dubbelklicka. Flytta, kopiera och ta bort ett block i kataloger När du flyttar, kopierar och tar bort en mediefil använder du samma kommandon på snabbmenyn som för sidor. Eftersom block och mediefiler delar samma kataloger påverkas allt innehåll i en sida om du tar bort katalogen eller en puff, bild eller fil från trädstrukturen. Ett meddelande om befintliga referenser till innehållet visas så att du kan ta bort dessa länkar innan du tar bort ett block. Observera att blocket inte längre publiceras på webbplatsen när det har flyttats till papperskorgen. Tips! Håll musen still över namnet på ett block i verktygsfältet så får du ett tooltip med info om vilken sidmall den är gjord med. Bra om man är osäker på vilken sidmall man ska använda när man skapar nya block. 12

13 Media Med media avses i EpiServer filer, t.ex. en bild, ett dokument (exempelvis en PDF-fil eller ett Word-dokument), eller kanske en videosnutt från Youtube eller något du filmat med din mobiltelefon. Mediafiler hanteras från mediebiblioteket på fliken Media i resursfönstret. Här kan du skapa kataloger och ladda upp dina mediafiler. Du kan sedan använda mediefilerna genom att dra dem till en sida eller ett block. En katalog som skapas här skapas med automatik även upp under Block. Klicka på alternativmenyn (8) till höger om katalogen där du vill ha den nya katalogen, välj Ny katalog och namnge den med det namn du vill att den ska ha. För denna Sida. När du laddar upp en fil som bara ska användas på en sida, ställ dig på den sidan och ladda upp filen under katalogen För denna Sida. Då undviks att det blir mycket innehåll och därmed rörigt i mediaarkivet. Slängs sedan sidan så slängs samtidigt tillhörande media och då undviks också att en massa oanvända bilder och filer ligger och skräpar. För att ladda upp en bild eller ett dokument, klicka på katalogen där filen ska ligga så den blir markerad. Klicka på ikonen under (9) och bläddra genom att klicka på plustecknet i dialogrutan som öppnas. Du kan också dra och släppa filer här från din dator. Flera filer kan dras in samtidigt. Tips! Tänk på att döpa bilder till vad de innehåller för motiv. Det är dels bra för sökmotorer, men även för dig och andra redaktörer när bilderna ligger i mediaarkivet så man snabbt ser vad det är för bild. 13

14 Ladda upp en mediefil (bild eller dokument) Mediafiler laddas enklast upp genom att du drar dem från en plats (ex: från din dator eller USB minne) och släpper dem på uppladdningsområdet. Du kan också klicka direkt i uppladdningsområdet för att lägga till filer. Eller också väljer du Ladda upp filer på snabbmenyn i målkatalogen som du vill ladda upp filer till. Så här laddar du upp Mediafiler genom att dra och släppa: 1. Se till att du står i Media (1) katalogen i resursfönstret. 2. Du markerar den katalogen under Media som du vill ladda upp bilderna till. I detta exempel laddar jag upp dom i en mapp som heter Bilder (2) under AB Grönköping 3. Sedan letar jag reda på vart bilden/dokumentet jag vill ladda upp finns. Det kan vara en USB sticka, en folder på min dator eller liknande. När jag hittat bilden så markerar jag det och drar och släpper det i den Bilder mapp jag markerat i Episerver enligt bilden nedan. 14

15 Lägga till en bild i innehåll Om du vill lägga in en bild på en sida så är det så att där du ställer musmarkören så är det där bilden hamnar. Infoga en eller flera bilder genom att dra och släppa dem direkt till en sida enligt nedan: 1. Klicka på sidan du vill redigera och ställ dig i Brödtextfältet och gå till fliken Media. 2. Markera den bild som du vill ha och dra den till önskad plats på sidan (1) Resultatet blir då följande Tips! Av tillgänglighetsskäl (t.ex. för synskadade personer) är det viktigt att du beskriver bilden med ord, genom att skriva text i rutan Bildens beskrivning i redigeringsläget. 15

16 Ta bort en bild från innehåll Om du vill ta bort en bild från innehållet markerar du den i editorn för formaterad text och trycker på Delete på ditt tangentbord. Observera att bilden försvinner från innehållet men inte från mediebiblioteket på fliken Media. Ersätta en mediefil i biblioteket Om du vill ersätta en befintlig mediefil med en annan laddar du upp den nya filen med exakt samma namn, till samma katalog som filen du vill ersätta. Se avsnittet om att ladda upp genom att dra och släppa. Bekräfta åtgärden genom att välja Ersätt fil (Ersätt filer), eller avbryt åtgärden genom att välja Hoppa över den här filen (Hoppa över dessa filer). Mediefiler som ersätts publiceras omedelbart och åtgärden påverkar alla platser på webbplatsen där filerna används. Obs! I vissa fall visas inte ändringarna omedelbart när du ersätter originalbilden, p.g.a. cachelagring av webbplatsen. Du måste eventuellt uppdatera sidan för att ändringarna ska visas. Man kan hålla nere CTRL tangenten samtidigt som man trycker på F5 så tömmer man cashminnet på datorn. Flytta, kopiera och ta bort en mediefil från biblioteket Om du flyttar en mediefil påverkar det inte innehållet där filen används, men det kan leda till att den inte visas för användare som saknar rättigheter. Eftersom block och mediefiler delar samma kataloger påverkas allt innehåll i en sida om du tar bort katalogen från trädstrukturen. Ett meddelande om befintliga referenser till innehållet visas så att du kan ta bort dessa länkar innan du tar bort en fil (1) Observera att filen inte längre publiceras på webbplatsen när den har flyttats till papperskorgen. 16

17 Skapa dina sidor Skapa sidor När du skapar en sida måste du välja en mall. Alla mallar visas men beroende på rättigheter kommer de inte att fungera ifall de läggs in på sidan. De vanligaste mallarna visas som standard under gruppen Föreslagna sidtyper, mallen som man oftast använder är "Föreningssida" som är den man använder mest för att skapa sina sidor. I det här exemplet ska vi skapa en sida baserad på sidtypen Föreningssida: 1. Välj den sida i trädstrukturen där den nya sidan ska placeras. Den nya sidan skapas under den sida som du har valt. 2. Välj Ny sida (8) på snabbmenyn i navigeringsfönstret. 3. Ange sidans namn i under Namn. 4. Välj sidtypen Föreningssida 17

18 5. Välj din tillhörighet. Tillhör du ett län eller distrikt skall du välja Informationssida för Län/Distrikt i listan (1). Tillhör du en lokalförening skall du välja Lokalförening i listan (1) 6. Klicka sedan på Skapa knappen (2) 7. När du är klar med din sida klickar du på Publicera för att göra sidan tillgänglig för besökare och synlig på menyerna. Optimera din hemsida för sökmotorer med sidans Rubriker Hur du hanterar rubrikerna på din webbplats väger tungt i sökmotorernas ögon. Rubriken är även ett av dina allra främsta verktyg för att fånga och leda besökare rätt, det är därför extra viktigt att du tänker till när du sätter rubrik. Olika rubriker Det finns olika typer av rubriker man kan använda sig av på en webbsida. Som vanligt inom sökmotoroptimering handlar det om att göra sin webbsida så lät som möjligt att förstå och tolka för en sökmotor. I och med det ska man använda rubrikformatering enligt webbpraxis. I vårt system sätter ni rubriken via menyn "Stilar"(1) i verktygsfältet och därefter Rubrik 1, Rubrik 2 samt Rubrik 3 Det finns huvudrubriker och det finns olika nivåer av underrubriker. Dessa formateras med Rubrik 1, Rubrik 2, Rubrik 3. Rent strukturell ser det ut så här: < Rubrik 1> - Huvudrubrik (nivå 1) < Rubrik 2> Underrubrik (nivå 2) < Rubrik 3> Underrubrik (nivå 3) 18

19 Att tänka på vid rubriksättning När ni skapar era rubriker är det bra att ha följande i åtanke: Använd bara en huvudrubrik (Rubrik 1) per sida Rubrik 1 bör inte vara för lång, ju färre ord desto bättre Rubrik 1 ska innehålla sidans viktigaste sökord, inte alla på en gång Ange sökorden tidigt i rubrikraden Använd flera underrubriker (Rubrik 2) per sida om möjligt Nämn sökord och nyckelord även i underrubriker Vad du ska kräva av en bra rubrik En rubrik ska påtala antingen problemet eller budskapet Således får läsaren en antydan av vad artikeln eller sidan i fråga handlar om. En avsaknad av relevans är inte bra och undviks bäst genom att hålla sig till denna tumregel. Retas lite, men bara lite Syftet är att väcka läsarens nyfikenhet, men inte att frustrera denne. Du ska inte vara som vårsolen som visar sig och sen möts du av en iskall vind och minus fyra grader när du går ut. Var mer som en sommarbris som lämnar en med en törst efter lite mera. Lösenordskydda en sida Om du vill sätta ett lösenordsskydd på en valfri sida eller katalog så markerar du sidan du vill sätta ett lösenord på. Sedan klickar du på knappen Alla egenskaper och under Innehåll fliken så hittar du längst ner på sidan fältet Lösenord. Här skriver du in det lösenord du vill att sidan skall ha, avsluta genom att publicera sida. När du sedan kommer in på sidan så kommer du att vara tvungen att skriva in det lösenord du har sparat för att komma in och läsa informationen på sidan. 19

20 Dra och släpp Med denna funktionalitet så kan du enkelt flytta sidor till ett annat ställe i din struktur på webbplatsen (Precis som när du flyttar något på din dator). Eller du kanske bara vill ändra ordningen på hur de skall ligga på sidan. Välj placering av en sida genom att dra och släppa den i sidträdet till det stället du vill flytta sidan/mappen i strukturen. OBS! Tänk på att inte göra detta om sidorna är sorterade i alfabetisk ordning eller om t.ex. senast publicerade sidan läggs överst. Då kommer sidorna att konverteras till att ligga enligt sorteringsordning istället. Klipp ut och flytta sidor En sida kan via alternativmenyn klippas ut (eller kortkommando CTRL+X) och klistras in någon annanstans. Så länge sidtypen har tillåtelse att placeras där, ett hänglås visar att det inte går att se eller redigera där. Kopiera sidor Om en ny sida ska skapas och som har mycket gemensamt innehåll med en befintlig sida kan den sidan kopieras. Välj Kopiera i alternativmenyn(eller kortkommando CTRL+C), markera sidan som den nya sidan ska ligga under och välj i alternativmenyn Klistra in. 20

21 Byta eller lägga till kontaktuppgifter För att byta information i kontaktfältet markerar ni er Startsida (Ex Stockholms län) Sedan klickar ni på knappen Alla Egenskaper (1) som ligger till höger om alternativ knappen uppe till höger På sidan som kommer upp så klickar ni på Kontaktinformation och fyller i de fält som är relevanta för ert län/lokal eller riksförening. Avsluta genom att publicera sidan. De fält som har en liten * bredvid sig måste man fylla i. Dessa är Föreningsnamn, Adress, Postnummer, Postadress, E-post 21

22 Skapa Vänster Puffar För att skapa en vänsterpuff börjar man genom att skapa ett block som man sedan kopplar till startsidan på sitt län eller lokalförening. Börja så här I detta exempel använder jag mig av Blekinge som referens län. Under Block i resursfönstret klickar jag på foldern Vänsterpuffar sedan klickar jag på Nytt block och väljer Blocktypen Standard vänsterpuff - innehållsblock. Sedan ger jag den ett beskrivande namn. Innehållet fyller jag sedan på med det som jag tycker passar min vänster puff. Det kan vara enbart text, eller text med bild eller enbart en bild. Detta kan jag sedan länka till en intern sida, eller extern sida. Avsluta med att publicera blocket (puffen) när du är klar. 22

23 Få puffen att synas på startsidan För att koppla vår vänster puff (Block) till startsidan så att den syns på webbplatsen gör vi följande. Markera Din egen förenings eller läns startsida (i detta exempel använder jag mig av AB Grönköping) Se till att ni står på er förenings första sida. Scrolla sedan ner på den sidan till ni hittar en liten grön pil (1) som pekar neråt med texten Du kan släppa innehåll här eller, skapa ett nytt block Leta sedan reda på er puff som ni skapat under Vänsterpuffar (1) i Block. Ta sedan den puffen och dra till den gröna pilen (2) 23

24 När ni drar över puffen så kommer det att bli en streckad grön linje (4) runt det området dit du skall flytta er puff (Block) Ta bort/redigera en vänsterpuff För att ta bort en vänster puff så ställer du dig på startsidan för din förening. Sedan som i föregående avsnitt Få puffen att synas på startsidan så letar jag efter den gröna pilen (1) som pekar neråt med texten Du kan släppa innehåll här eller, skapa ett nytt block Där klickar jag strax innanför den grå ramen runt det området. Då kommer en meny fram som ser ut på detta sätt (2). Istället för webbutbildning som det gör i detta fall står istället namnet/namnen på era puffar som ni skapat. Sedan klickar du på Visa meny (Samma fält som vi hittar skapa sidor mm på) I den meny som kommer upp så väljer du Ta bort, här hittar du även Redigera ifall du vill redigera din Vänsterpuff vid något tillfälle efter du har lagt in den på din start sida. 24

25 Byta bakgrundsbild Det är ju så att ibland vill man byta sin bakgrundsbild och då gör man på detta sätt. Om ni står på er startsida så byter ni bakgrundsbilden på alla sidor på webbplatsen. Om ni står på en undersida t.ex. Om oss och byter bakgrundsbild så byts den bara för just den sidan. Ni ställer er på den sidan ni vill byta bild på. I detta exempel står jag på AB Grönköpings startsida 1. Klicka på Alla egenskaper knappen uppe i högra hörnet (1) 2. Scrolla ner tills ni hittar bakgrundsbild 3. Dra den bilden ni vill ha ifrån Media biblioteket (där ni har laddat upp bilden) till fältet Bakgrundsbild 4. Avsluta genom att publicera sidan 25

26 Begränsa uppskalning av bakgrundsbild Om du inte vill att bakgrundsbilden på dina startsidor skall fälla hela vägen ut på höger och vänster sida utan du vill ha lite mera kontroll på bilden så kan du använda denna inställning som du hittar under Alla egenskaper knappen och näst längst ner på fliken Innehåll hittar du inställningen Begränsa uppskalning av bakgrundsbild. Har jag den inte i bockad så kommer sidan att se ut så här * Bild på sida utan begränsad uppskalning Har jag den i bockad så kommer sidan att se ut så här (den klipper kanterna vid vänster menyn och stoppar skalningen i sidled). * Bild på sida med begränsad uppskalning 26

27 Ingen Bakgrundsbild Om man inte vill ha någon bakgrundsbild alls så går det bra det med. Vill du använda denna inställning så hittar du den under Alla egenskaper knappen. Näst längst ner på fliken Innehåll hittar du inställningen Ingen Bakgrundsbild. Vad som händer när du använder detta är att bilden försvinner och sidan hoppar upp ett snäpp och lägger sig direkt under brödsmulan på sidan. * Med bakgrundsbild vald * Utan bakgrundsbild vald 27

28 Skapa Nyheter För att skapa en Nyhet navigerar ni till Aktuellt och öppnar den genom att klicka på plusset till vänster om texten och klickar sedan på Nyheter. Välj sedan att skapa en Ny Sida. I dialogrutan som kommer ger ni sidan ett namn, klicka sedan på OK knappen. Ge sedan sidan ett Namn ett innehåll en Ingress text. Viktigt! På sidan Alla egenskaper gömmer sig Puff inställningar samt Sök inställningar. Gör man inte det så kommer enbart sidnamnet att synas i puffen. Detta gäller Föreningssida, Nyheter, Puffar samt Kalendern 28

29 Skapa Kalender händelse För att skapa en kalenderhändelse navigerar ni till Aktuellt och öppnar den genom att klicka på plusset till vänster om texten och klickar sedan på Kalender. Välj sedan att skapa en Ny Sida. I dialogrutan som kommer ger ni sidan ett namn, efter det så måste ni ange ett Startdatum för er kalenderhändelse, klicka sedan på Skapa knappen 29

30 Fyll er kalenderhändelse med en Rubrik (1), Ingress (2) samt ett innehåll (3) Innan ni publicerar sidan kanske ni vill välja ett datum när denna kalenderhändelse skall tas bort från er kalender. Låt säga att det är ett styrelse möte en månad fram i tiden. Den 17 juni äger Styrelsemötet rum. Ni vill att Styrelsemötet skall plockas bort från kalendern den 19 juni kl. 01:00 på natten. Då klickar ni på knappen alla egenskaper upp bredvid Alternativ/Publicera knappen På sidan som ni kommer till då väljer ni att klicka på kalender (1) Här klickar ni på den lilla pilen för att få fram kalendern, där ni väljer det datum ni vill att händelsen skall plockas bort. I detta fall var det den 19 juni 2016 (2) Avsluta genom att publicera sidan. Kalenderhändelsen kommer då automatiskt att plockas bort den 19 juni 30

31 Förhandsgranskning För att förhandsgranska ändringar utan att publicera, klicka på ikonen för Växla förhandsgranskningsläge (11). (i detta läge kan man även testa om länkarna går rätt) För att komma tillbaka till editeringsläge, klicka på knappen igen. I EPiServer kan du förhandsgranska innehållet du redigerar i olika * mediekanaler, t.ex. en smartphone eller Ipad. Klicka på och sedan på mobiltelefonen längst ut till höger när menyn vecklat ut sig och välj sedan vad du vill förhandsgranska sidan på för media. Iphone, Ipad eller Android telefon. Du kan förhandsgranska innehållet på följande sätt: Förhandsgranska. Växla till förhandsvisning som visar hur besökarna skulle se innehållet. Klicka igen för att komma tillbaka till redigeraläget. Visningsinställningar. Klicka på öga-symbolen för att förhandsgranska innehållet med följande visningsinställningar: * Mediekanaler Välj att visa innehållet som det visas med förinställningarna i EPiServer CMSexempelwebbplatsen: Automatisk, Mobil och Webb. Välj därefter den konfigurerade upplösningen, t.ex. en stor skärm eller en smartphone. 31

32 Enkel redigering När du är inloggad och surfar runt i visaläget kan du när som helst klicka på förhandsgransknings ikon för att komma in i redigeringsläget igen. Alla redigerbara element i den här vyn ligger med en blå ram runt sig vilket innebär att dom är redigerbara direkt på sidan (så kallad på sidan redigering) Redigera text Blå ram (1) visar att du genom att klicka där och börja redigera. 32

33 E-postadresser och länkar För att göra så att en epost adress blir en epost adress eller en länk så att det blir en länk när du skriver in din text för hand så gör du på detta sätt. Om du kopierar in en epost adress eller länk från ex Word, PDF eller en webbsida kommer det automatiskt att göras om till epost adress eller en länk. E-post Du markerar din epost adress i editorn och kopierar den. När du markerar din text så tänds infoga/redigera länk (1) symbolen upp i verktygsfältet i editorn. Du klickar sedan på infoga/redigera länk och klickar på E-postadress och klistrar in din epost adress och avslutar ed att klicka på OK knappen. Då har du fått din epost adress på sidan 33

34 Spara När du är inne och redigerar en sida så sparas ändringar automatiskt. Du ser att sidan är sparad men inte publicerad när det dyker upp en blå pil vid alternativknappen Publicera uppe i högra hörnet. För att ändringarna ska synas publikt måste sidan publiceras. Obs! Om du ska redigera en sida som visar den här blå pilen och det står Publicera? på knappen, så har någon gjort ändringar på sidan som inte är publicerade. Då är det nödvändigt att stämma av med den som gjort ändringarna på sidan om du kan gå in och redigera och publicera sidan. För att se vem som arbetar på sidan kan du dels se i sidträdet där en liten personikon syns. Håll musen stilla över ikonen så visas i en tooltip vem som redigerar. Om du har gjort ändringar på sidan som du inte vill publicera, återgå alltid till publicerat läge genom att klicka på Publicera och sedan välja Återställ till publicerat. Publicera och publiceringsalternativ Publicera För att publicera en sida, klicka på knappen Publicera. Klicka sedan på Publicera ändringar. Avpublicera För att avpublicera en sida, scrolla uppåt med musen på sidan så att du kommer åt inställningarna i uppscrollningsfliken. Klicka på knappen Alla egenskaper sedan klickar du på Verktyg och välj Hantera utgångsdatum och arkivering. Klicka på Nu om sidan ska avpubliceras direkt, eller välj datum och klockslag om sidan ska avpubliceras vid ett bestämt senare datum. Sedan väljer du vart den avpublicerade sidan skall läggas. Klicka sedan på Spara Schemalägga publicering Du kan schemalägga publiceringen av en nyskapad sida och av en befintliga sida som du har ändrat. När du väljer det här alternativet öppnas ett fönster där du väljer ett datum för när publiceringen ska börja. Klicka på Publicera knappen och välj Schemalägg publicering Då kommer en liten kalender att visas och du väljer datum och tid för när du vill att sidan skall avpubliceras. Sidan tas inte bort utan den bara döljs för besökaren. Den blir osynlig så att säga. 34

35 Normalt uppdateras sidor regelbundet och de går aldrig ut, men du kan ange ett datum för när publiceringen ska upphöra, detta kan gälla för en Nyhet eller kalenderhändels. Avsluta genom att klicka på Schemalägg Längst upp vid alternativ knappen kommer det att då att visas en Gul ikon. Om man för musen över denna så kommer ett meddelande att visas som talar om att denna sida skall Publiceras eller Avpubliceras vid ett speciellt datum och klockslag (1). Ta bort senarelagd publicering Det går inte att ändra en schemalagd sida. När du schemalägger publiceringen av sidor och block har du alternativet att skapa en ny utkastversion. Om du väljer Alternativ > Nytt utkast härifrån öppnas den nya utkastversionen för redigering. Återställ till publicerad. Du kan ignorera ändringarna på sidan du redigerar och återställa den senaste publicerade versionen. Ompublicera. Du kan välja en tidigare publicerad sidversion från versionsgadgeten och publicera den igen genom att klicka på Ompublicera. Tips! Du kan schemalägga flera versioner av sidor och block för publicering, exempelvis i ett scenario där flera kampanjer ska hanteras och flera annonsbanderoller schemaläggas på en landningssida. Du kan skapa en ny version för schemaläggning med Nytt utkast härifrån. 35

36 Använda editorn för redigering På sidan redigering Som standard kan du redigera text direkt på sidan med hjälp av vanliga textformateringsfunktioner. Så här redigerar du en befintlig sida: 1. Markera den sida du vill redigera i trädstrukturen i navigeringsfönstret. 2. Placerar muspekaren över den del av innehållet som du vill redigera och klicka på det. 3. Gör dina ändringar. 4. Ändringarna sparas automatiskt och en ny sidversion skapas, så det finns ingen Spara knapp. 5. När du är färdig publicerar du sidan. Bilder i texteditorn För att lägga till en bild, börja med att ladda upp bilden till mediebiblioteket om den inte redan finns där. Ställ sedan markören där du vill infoga bilden i texteditorn och klicka på Bild knappen för att infoga/redigera bild. Klicka på ikonen Bläddra vid fältet Bildens url och leta upp din bild i mediebiblioteket. Markera bilden och klicka OK. Ge bilden en beskrivande alt-text i fältet Bildens beskrivning och klicka Infoga. Viktigt! Bilder bör INTE innehålla å, ä och ö, inte heller mellanslag. Så här ska det se ut för texten "årsrapport för 2014" byt namn på texten till arsrapport-for Det här beror på att vissa webbläsare inte kan hantera dessa tecken korrekt. I webbadresser byts tecknen ut mot andra tecken och kan i värsta fall orsaka att bilden eller filen inte kan visas eller hittas. 36

37 Klicka dra släpp Man kan även dra sin bild direkt ifrån sitt Media bibliotek. Du markerar din bild, klickar på den med vänstermusknapp, håller in den och drar och släpper bilden i Brödtextfältet (1). 37

38 Interna länkar Du kan lägga in 4 olika sorters länkar i texteditorn; Intern länk, Extern länk, länk till dokument samt epostlänk. Markera texten i editorn som ska bi en länk och klicka på länkikonen. Den blir aktiv när en text är markerad. I dialogrutan som öppnas väljer du vilken typ av länk det ska vara genom att markera checkboxen framför: Intern länk(sida). Sida är förvalt. Klicka på browse(leta)-knappen och leta upp sidan i sidträdet dit länken ska leda. Markera den och klicka Välj. Klicka OK. Extern länk. Välj Extern länk och skriv in url:en för länken. Vid Öppna i: Välj om sidan ska öppnas i nytt fönster. Klicka OK. Media. Länk till dokument. Klicka på browse(leta)-knappen och leta upp dokumentet i mediekatalogen. Välj om länken ska öppnas i ett nytt fönster. Klicka OK. E-postadress. Skriv in din e-postadress i fältet E-postadress. Klicka OK. Man kan också använda sig av Klicka-dra-släpp för att göra interna länkar här precis som med bilder. I ex brödtexten vill jag ha länktexten. Klicka här för att komma till våran styrelse sida där jag vill att orden Klicka här skall vara länken. Då markerar jag orden Klicka här med musmarkören. I navigationsmenyn till vänster så klickar jag på sidan styrelse med vänster musknapp och håller knappen nedtryck och flyttar sidan och släpper på texten Klicka här. (1) Detta skapar då en länk direkt till den sidan på ett lite enklare, smidigare sätt än att klicka på Infoga/redigera länk knappen i editorn. 38

39 Extern länk Du markerar din länk adress i editorn och kopierar den. När du markerar din text så tänds infoga/redigera länk symbolen upp i verktygsfältet i editorn. Se vidare på avsnittet Länkar Du klickar sedan på infoga/redigera länk och klickar först på Öppna i och väljer Öppna länken i nytt fönster och sedan på Extern länk och klistrar in eller skriver din URL(länkadress) och avslutar ed att klicka på OK knappen. Då har du fått din länkadress på sidan 39

40 Bilder Fält för bilder. För att lägga i en bild kan du enklast öppna verktygsfältet och fliken Media. Leta upp bilden du ska använda eller ladda först upp den till mediebiblioteket. Klicka och dra in bilden från Media och släpp den på fältet avsett för bilden. Du kan även dra bilden och släppa den direkt i brödtextfältet. Markera sedan bilden och klicka på ikonen Bild i editorn och ge den en beskrivande ALT text Det går också att klicka på knappen bredvid fältet, med tre punkter, och bläddra fram till bilden du vill ha och välja bilden den här vägen. För att ta bort en bild, klicka på krysset till höger om bildnamnet. Youtube film i på sidan För att lägga in en film i editorn, ställ markören där du vill lägga in filmen. 1. Klicka på knappen infoga/redigera inbäddad media. 2. I droppmenyn vid Typ, välj iframe. 3. I fältet Fil/URL(www adress), klistra in dela -url:en från YouTube. 40

41 Byta mitt lösenord och epost adress Om du vill byta ditt lösenord eller ändra din registrerade e-postadress klickar du på rullgardinsmenyn (1). Sedan klickar du på ditt inloggnings namn till höger och väljer Mina inställningar Under mina inställningar klickar du i Byt lösenord och skriver in det lösenordet du önskar ha i Lösenordsfältet och samma lösenord igen i Bekräfta lösenord fältet. Behöver du ändra din epost adress gör du det i fältet E-postadress. Avsluta genom att klicka på Spara knappen 41

42 En liten ordlista för konstiga benämningar i Episerver manualen På sidan redigering Detta betyder att du kan redigera text och bild direkt på sidan i redigera läget utan att behöva gå in på Alla egenskaper sidan Brödsmulor eller länkstigar Ofta används Brödsmulor/länkstigar som navigation på webbplatser och fungerar som ett ett hjälpmedel för att snabbt navigera sig tillbaks på en webbplats där du har klickat dig igenom en struktur som kanske sträcker sig över flera sidor. Se bild ovan. Gadgetar En gadget är ett litet program som kan göras tillgängligt för enkel åtkomst i verktygsfältetoch navigeringsfönstret i EPiServer. Det kan vara t.ex. gadgets för formulärvisning, statistik för besökargrupper, versionshantering och produktkatalogen mm. Vad är en Gadget? En gadget är ett så kallad Sidelement eller enklare sagt små program som man kan lägga till på webbplatsen. Dashboard Dashboard Dashboard är ett personligt område där du samlar och visar viktig webbplatsinformation. En dashboard är även ett tilläggsområde där du kan anpassa gadgetar för att visa viktig information och erbjuda snabb åtkomst till vanliga uppgifter och ofta använda funktioner. Det kan t.ex. handla om att visa sidor som nyligen ändrats eller övervakning av ett webbformulär. Pin Det betyder att du kan nåla fast ett fösnter på arbetsytan så att det inte rör eller flyttar på sig Tooltip Tooltip är ett vanligt grafiskt användargränssnitt. Det utgörs av en liten ruta, oftast ljusgul, med en förklarande text som visas när användaren håller pekaren över ett objekt, till exempel en hyperlänk eller en bild. scrollar / scrolla Betyder att man bläddrar upp eller ner på sidan via musens lilla hjul eller via att man klickar med musen på upp och ner pilarna i sin webbläsare eller program. 42

43 Mediefil Media Med media avses i EPiServer filer, t.ex. en bild, ett dokument (exempelvis en PDF-fil eller ett Word-dokument), en video. Media hanteras från mediebiblioteket på fliken Media i resursfönstret. Här kan du skapa kataloger och ladda upp mediefiler. Du kan sedan använda mediefilerna genom att dra dem till en EPiServer sida eller ett block. cachelagring Innebär att datorn sparar en kopia av senast använda webbsidan för att "snabba" upp sidvisningen. Man kan hålla nere CTRL tangenten samtidigt som man trycker på F5 så tömmer man cashminnet på datorn. Iframe En iframe inline frame är en HTML-kod för att skapa en ram som läggs på valfri plats på en webbsida. Vanliga ramar (frames) delar in webbläsarens fönster i olika delar, där varje del innehåller en egen webbsida. Med iframe går det att skapa en sådan här ram mitt på en vanlig webbsida, för att visa en annan webbsida där. Idag används iframe främst för att placera ut annonser. I och med att man kan länka in en hel webbsida går det att göra avancerade annonser genom att placera dem i en iframe. 43

44 Vanliga kortkommandon som används i denna manual samt i windows Ctrl + X Klippa ut Ctrl + V Klistra in Ctrl + C Kopiera Ctrl + Z Ångra en åtgärd Del Ta bort Ctrl + A Markera allt Ctrl + rulla med mushjulet Zoomar in och ut 44