Webb Manual Episerver
Version 4.0
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
Meny nivåer ... 7
Fönster, flikar och gadgets ... 8
Globala menyn ... 8
Lägga till Versionshantering ... 9
Visa/dölj navigeringsfönster (5) ... 10
Pin (Nåla fast) ... 10
Sidträd ... 10
Inställningar för en specifik sida ... 11
Namn (Ändra namn på en skapad sida) ... 11
Namn i URL (www adress) ... 11
Enkel adress (Genvägar) ... 11
Visa i navigering ... 11
Block och Media ...12
Block allmänt ...12
Redigera block ... 13
Flytta, kopiera och ta bort ett block i kataloger ... 13
Media ...14
Ladda upp en mediefil (bild eller dokument) ... 15
Så här laddar du upp Mediafiler genom att dra och släppa: ... 15
Lägga till en bild i innehåll...16
Ta bort en bild från innehåll ... 17
Ersätta en mediefil i biblioteket ... 17
Flytta, kopiera och ta bort en mediefil från biblioteket ... 17
Skapa dina sidor ... 18
Skapa sidor ... 18
Optimera din hemsida för sökmotorer med sidans Rubriker ... 20
Olika rubriker ... 20
Att tänka på vid rubriksättning ... 20
Vad du ska kräva av en bra rubrik ... 20
Skydda en sida/sidor med ett lösenord ...21
Dra och släpp ... 22
Klipp ut och flytta sidor ... 22
Kopiera sidor ... 22
Byta eller lägga till kontaktuppgifter ... 23
Skapa Vänster Puffar/Genvägar ... 24
Börja så här ... 24
Få puffen att synas på startsidan ... 25
Ta bort/redigera en vänsterpuff ... 26
Byta bakgrundsbild ... 27
Begränsa uppskalning av bakgrundsbild ... 28
Ingen Bakgrundsbild ... 29
Skapa Nyheter ... 30
Skapa Kalenderhändelse ... 31
Skapa en kalenderhändelse/Föreningsaktivitet ... 32
Skapa återkommande kalenderhändelse/Föreningsaktivitet ... 34
Förhandsgranskning ... 36
Enkel redigering ... 37
Redigera text ... 37
E-postadresser och länkar ... 38
Spara ... 39
Publicera och publiceringsalternativ ... 39
Publicera ... 39
Avpublicera ... 39
Schemalägga publicering ... 39
Ta bort senarelagd publicering ... 40
Använda editorn för redigering ...41
På sidan redigering ...41
Bilder i texteditorn ...41
Lägga in bilder ... 42
Interna länkar ... 43
Youtube film i på sidan ... 45
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
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å:
http://www.hjart-lung.se/episerver (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.
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.
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/undersidor.
Meny nivåer
Nivåerna/sidorna räknas på följande sätt att man har en huvudnivå, vilket alltid är föreningens startsida. Sedan kan man göra sidor unders denna (Undersidor).
Exempel
Nivå 1 Huvudnivå (1)
Nivå 2 Undersida (Om oss) (2)
Nivå 3 Undersida (Historik) (3)
Gör man en fjärde nivå så kommer den inte att visas i navigeringen på den publicerade sidan.
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.
3. Klicka på Innehåll (2)
4. Sedan markera du Versioner
(3)
5. Klicka på Stäng
6. Versioner (4) hittar du sedan längst ner i trädstrukturen.
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.
Inställningar för en specifik sida
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. www.hjart-lung.se/föreningsnamn/om-oss vill ni kanske skall vara www.hjart-lung.se/föreningsnamn/om-oss-i-foreningen.
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 www.hjart-lung.se/dalarna det kan även vara en direkt adress till en vanlig sida. Ex: www.hjart-lung.se/foreningsstod
Visa i navigering
Kryssa ur om du vill gömma en sida i navigeringen (göra den osynlig på den publicerade webbplatsen).
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.
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 mediefilanvä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.
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.
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.
Lägga till en bild i inne h å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.
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.
Skapa dina sidor
Skapa sidor
När du skapar en sida måste du välja en mall/sidtyp. Alla mallar/sidtyper visas men beroende på rättigheter kommer de inte att fungera ifall de läggs in på sidan.
De vanligaste mallarna/sidtyperna visas som standard under gruppen Föreslagna sidtyper, mallen/sidtypen 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
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 (Google, Bing osv…) ö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. Det handlar om att göra sin webbsida så lätt som möjligt att förstå och tolka för en sökmotor (Google, Bing osv…). I och med det ska man använda rubrikformatering enligt webbpraxis.
I vårt CMS (Episerver) sätter ni rubriken via menyn "Stilar" (1) i verktygsfältet och därefter Rubrik 1, Rubrik 2
Det finns huvudrubriker och det finns olika nivåer av underrubriker. Dessa formateras med Rubrik 1, Rubrik 2. Rent strukturell ser det ut så här:
< Rubrik 1> - Huvudrubrik (nivå 1) < Rubrik 2> – Underrubrik (nivå 2)
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.
Skydda en sida/sidor med ett lösenord
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.
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 alternativmenynklippas 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.
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”
Skapa Vänster Puffar/Genvägar
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.
Få puffen att synas på startsidan
För att koppla vår vänster puff (genvägen) 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)
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.
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
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
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
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
Skapa Kalenderhändelse
Det finns två typer av kalenderhändelser att skapa.
Återkommande föreningsaktivitet (1):
Detta är en typ av händelse som är återkommande flera gånger och oftast på samma tid/plats under året ex (Styrelsemöten, Boulekvällar osv..)
Föreningsaktivitet (2):
Detta är en typ av händelse som bara händer en gång.
Skapa en kalenderhändelse/Föreningsaktivitet
För att skapa en föreningsnyhetnavigerar 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 nästa steg väljer ni vilken typ av Kalender/Aktivitets händelse ni vill skapa.
Här väljer vi ”Föreningsaktivitet”
Efter vi valt vår aktivitet ger ni sidan ett ”Namn”(1), ”Startdatum”(2) samt ett
”Slutdatum”(3) för er kalenderhändelse, avsluta genom att klicka sedan på Skapa knappen
Aktivitetens startdatum och klockslag:
Det datum när själva händelsen sker (Bilden till vänster visar att ”2018-03-01 08:00” går bussen till
riksgränsen)
Aktivitetens slutdatum:
Det datum när själva händelsen avslutas (Bilden till vänster visar att ”2018-03-09 17:00” ) kommer bussen tillbaks och kalenderhändelsen plockas automatiskt bort från kalendern på startsidan för föreningen.
Fyll er kalenderhändelse med en Rubrik (1), Ingress (2) samt ett innehåll (3)
Skapa återkommande kalenderhändelse/Föreningsaktivitet
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 nästa steg väljer ni vilken typ av Kalender/Aktivitets händelse ni vill skapa. Här väljer ni
”Återkommande händelse”. Detta är en typ av händelse som är återkommande flera gånger och oftast på samma tid/plats under året ex (Styrelsemöten, Boulekvällar osv..)
I dialogrutan som kommer ger ni sidan ett Namn (1), efter det så måste ni ange ett
Startdatum (2) samt ett Slutdatum (3) för er kalenderhändelse, avsluta genom att klicka sedan på Skapa knappen
I detta exempel har jag valt att vi skall ha styrelsemöte. Det skall starta med första mötet 2017-12-30 18:00 samt att möte skall sluta samma dag fast 3 timmar senare 2017-12-30 21:00. Det skall vidare vara var 6 vecka och vara totalt 10 möten innan den slutar att visa det i kalendern på startsidan för föreningen.
Aktivitetens startdatum och klockslag:
Det datum när själva händelsen sker (Bilden ovan visar att ”2018-03-01 08:00” går bussen till riksgränsen)
Aktivitetens slutdatum:
Det datum när själva händelsen avslutas (Bilden till vänster visar att ”2018-03-09 17:00” ) kommer bussen tillbaks och kalenderhändelsen plockas automatiskt bort från kalendern på startsidan för föreningen.
Intervall för återkommande händelse
Här väljer man intervallet på händelserna skall vara:
Varje vecka, Varannan vecka, Var sjätte vecka eller Varja år
Antalet totala händelse
Hur många händelser skall den visa innan det är slut.
Efter det skapas sidan. Då kan ni fylla i alla egenskaper denna kalendersida skall ha. När man sedan publicerar denna sida kommer ett antal sidor att skapas (beroende på antalet totala händelser) med exakt samma information som ni fyllt i. Förutom datumet som kommer vara unik för varje sida (beroende på vilket intervall man väljer).
Fyll er kalenderhändelse med en Rubrik (1), Ingress (2) samt ett innehåll (3)
Sedan publicerar man sidan
Dessa sidor hamnar under återkommande kalendersida.
Om man vill redigera en enskild händelse går man bara in på den sidan och ändrar så som man vill ha den precis som en vanlig sida.
Om man vill ändra för alla händelser, går man in på den
återkommande kalender/föreningsaktivitet-sidan (behållarsidan med ikon)
När man publicerar denna sida med sina ändringar kommer alla händelser som ligger under denna att uppdateras med samma information.
Om man vill ta bort alla händelser så raderar man behållarsidan. Då kommer alla sidor under denna, också att raderas. Vill man radera en enskild händelse går man in och raderar den enskilda sidan.
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 CMS- exempelwebbplatsen: Automatisk, Mobil och Webb.
Välj därefter den konfigurerade upplösningen, t.ex. en stor skärm eller en smartphone.
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 det ä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.
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
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
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.
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-2014”.
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.
Lägga in 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. 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).
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år 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.
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
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.
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
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ältet och 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 för att uderlätta arbetet. En väldigt bra sådan gadget är Versioner.
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.
Mediefil
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.
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 något
Ctrl + A Markera allt
Ctrl + rulla med mushjulet Zoomar in och ut
