Grundutbildning EPiServer CMS6
Välkommen! Presentation av kursledare och kursdeltagare Kursinnehåll Verktygsfält och funktioner Skapa sida, spara och publicera Redigera sida Länkar till andra sidor och dokument Bilder
Vad krävs för att köra EPiServer? PC eller Mac Körs via en webbläsare Id för inloggning Behörighet att redigera sidor Behörighetsansökan http://intra.vgregion.se/sv/ovriga-sidor/episerver/episerver/blankett-for-behorighetsansokan-till- EPiServer/
Logga in Jobba med externa sidor www.vgregion.se/sec/ui/cms/edit Jobba med interna sidor intra.vgregion.se/sec/ui/cms/edit För utbildning epiutb.vgregion.se/sec/ui/cms/edit Namn: test Lösen: test123+ Hemifrån: https://intra.vgregion.se/sec/ui/cms/edit Intranätet https://www.vgregion.se/sec/ui/cms/edit Internet
Inloggad i EpiServer - Flikar Struktur Favoriter ImageVault Övriga flikar ej för redaktörer
Fliken Struktur Under fliken Struktur ser man alla webbplatser som finns i den EpiSeverinstallation man loggat in i. Någonstans i denna struktur finns sidan man skall jobba med.
Fliken Favoriter - Lägg till favorit För att snabbt komma åt sidor man ofta arbetar med kan man lägga de sidorna bland sina favoriter. Högerklicka på sidan i trädstrukturen och välj Lägg till favorit Sidorna visas nu under fliken Favoriter
Fliken Favoriter - Ta bort favorit Ta bort favorit genom att högerklicka på sidans namn då man står på fliken Favoriter Välj Ta bort favorit OBS! Klicka inte på alternativet Ta bort. Ta bort innebär att hela sidan tas bort, och inte enbart favoriten
Sidans id-nummer Varje sida i strukturen har ett unikt id-nummer Sidans id-nummer ser man genom att ställa muspekaren på sidans namn i strukturen. I den gula ruta som då öppnas ser man på rad 4 vilket id-nummer sidan har. Supporten på VGR IT brukar, vid felanmälan, vilja veta vilket idnummer en sida har. Detta för att, med hjälp av sökfunktionen, lättare hitta sidan.
Symboler i trädstrukten Ny sida. Visar sidor som är skapade inom 48h. Sidan ej publicerad. Sidan är tidsinställd och har inte publicerats ännu. Sidan har tidsinställd publicering och tiden har passerat. Sidan är låst för redigering. Sidan visas inte i menyer. Sidan är en genväg till en annan sida.
Verktygspaletten till vänster Skapa sida Ta bort sida Klipp ut, kopiera och klistra in sida Övriga ikoner d v s Rättigheter, Dynamiska egenskaper och de tre språkknapparna används av de som administrerar en webbplats.
Verktygspaletten till höger 2 3 1 1 - Filhantering 2 - Till visaläget 3 - Sök sida med id-nummer eller namn
Logga ut Logga ut genom att klicka på pilen vid inloggningsnamnet och där välja Logga ut.
Skapa ny sida exempel utifrån mallen Informationssida 1. Markera var i strukturen den nya sidan ska placeras 2 2. Högerklicka och välj Skapa ny eller klicka på skapa ny sida -symbolen 1 2 3 3. Välj typ av sida (mall) Mallen Informationssida används mest, både på intra och www.
Skapa ny sida exempel utifrån mallen Informationssida 4. Skriv in text på den nya sidan 5. Välj Spara och visa sidan eller Spara och publicera sidan 5 4 5
Skapa ny sida exempel utifrån mallen Informationssida Kursen berör flikarna Innehåll och Schemaläggning. Fliken Högerkolumn styr vad som visas på sidans högra del. Mer info om fliken Högerkolumn och övriga flikar finns på sidan http://intra.vgregion.se/manualer
Skapa ny sida fält exempel utifrån mallen Informationssida och fliken Innehåll Namn Det enda fält som är tvingande att fylla i. Detta blir sidans rubrik och de namn som sidan har i EpiServerstrukturen. Alternativt namn Om inte sidans namn skall blir rubrik på sidan kan man i detta fält skriva i det som skall vara sidans rubrik. Puff-text Kort beskrivning av sidans innehåll. Används då man gör nyhetslistor. Brukar oftast lämnas tomt.
Skapa ny sida fält exempel utifrån mallen Informationssida och fliken Innehåll Editor I rutan under Editor skriver man in sidans text/innehåll, lägger in länkar och bilder. För att bygga sidans innehåll finns ett antal ikoner, ovanför editor-rutan, som används.
Skapa ny sida fält exempel utifrån mallen Informationssida och fliken Innehåll Beskrivning av sida Kort löpande beskrivning av sidans innehåll. För sökoptimering. Standardsökord för sida För sökoptimering. Ord som beskriver sidans innehåll. Skribent och E-postadress Uppgifterna hämtas från användarkontot för den som är inloggad då sidan skapas. Skall annan person stå som skribent, skrivs detta manuellt in i fälten.
Skapa ny sida - fält exempel utifrån mallen Informationssida och fliken Schemaläggning Börja publicera Sätts av EpiServer. Kan ändras om sidan skall publiceras senare. Sluta publicera Sätts av redaktören då sidan inte skall visas längre. Skapad Sätts av EPiServer. Arkivera till sida Om sidan, efter att den slutat att publiceras, skall arkiveras anger man här till vilken sida arkivering skall ske.
Skrivtips Endast Vänsterställd text Aldrig Kursiv och Understruken Använd endast H1 H2 H3 som rubrik (fetstilt text får ej användas som rubrik) Använd gärna Punktlista och Nummerlista Använd Shift + Enter vid ny rad Använd Shift för nytt stycke Klistra in kopierad text som Oformaterad Använd Tabell endast för att presentera data
Spara och visa eller Spara och publicera Om man vill förhandsgranska sin sida innan den publiceras väljer man Spara och visa Om man vill publicera sidan utan att förhandsgranska sidan väljer man Spara och publicera Väljer man enbart Spara, sparas ändringar och man står kvar i redigera-läget för sidan
Redigera sida 4 2 1 3 1 Markera, i strukturen till vänster, den sida som skall redigeras 2 Välj fliken Redigera 3 Gör ändringar 4 Spara och visa eller Spara och publicera
Klistra in text oformaterat Man kan kopiera text från dokument skrivna i andra program. Markera och kopiera texten i källdokumentet. I EPiServer klickar man på symbolen Växla mellan klistra in som formaterad/oformaterad text. Högerklicka därefter i Editorn och välj Klistra in för att få webbplatsens design (för att slippa skräptecken) Gör sedan egen formatering
Versionslista Versioner används för att backa till tidigare versioner, för att arbeta med en ny version av en sida samtidigt som en tidigare version redan är publicerad och för att tidsstyra nya versioner av en sida.
Övning 1 Logga in på epiutb.vgregion.se/sec/ui/cms/edit Namn: Lösen: test test123+ Skapa en sida, under sidan med dagens datum. Som Namn ger du sidan ditt namn. Lägg in text i editorn. Välj Spara och publicera sidan. Välj Redigera sidan och ändra i texten. Välj Spara och visa för att förhandsgranska ändringar och välj sedan Publicera sidan. Skapa därefter 3 undersidor till sidan du nyss skapat. (dessa sidor skall användas i övning senare under dagen).
Flytta, Kopiera eller Ta bort sida Markera sidan i strukturen Högerklicka (eller använd ikonerna ovanför strukturen) Flytta Klipp ut Klistra in Det går också bra att göra drag och släpp då man skall flytta sidor. Kopiera Kopiera Klistra in Ta bort Ta bort
Länkar Det finns två olika verktyg /ikoner för att göra länkar: Meridium link tool eller Infoga/redigera länk. I VGR används oftast Meridium link tool. Länk till sida på annan webbplats (extern länk) Länk till sida på denna webbplats (intern länk) Länk till e-postadress Det är viktigt att tänka på att göra en länktext så beskrivande som möjligt. Text som Läs mer och Klicka här är inga bra länktexter. Istället kan det stå Läs mer i handboken för eller Klicka här för att komma vidare till information om.
Länkar Infoga/redigera länk Meridium link tool
Länk till sida på annan webbplats länka till sida på internet Markera i editorn texten som skall vara klickbar dvs. länktext. Klicka på symbolen för Meridium link tool Skriv en länktitel Välj målram Välj Länk med pil i listan vid Stilmall Välj fliken Webbsida Välj Sida på annan webbplats Skriv in adress Klicka på Ok Alla länkar visas med gul bakgrund i Editorn och fungerar först efter att du sparat och publicerat.
Länk till sida på denna webbplats länka till sida i EpiServerstrukturen Markera i editorn texten som skall vara klickbar dvs. länktext. Klicka på symbolen för Meridium link tool Skriv en länktitel Välj målram Välj Länk med pil i listan vid Stilmall Välj fliken Webbsida Välj Sida på denna webbplats Klicka på rutan med tre prickar i Leta upp sida att länka till Klicka på Välj och Ok Alla länkar visas med gul bakgrund i Editorn och fungerar först efter att du sparat och publicerat.
Länk till e-postadress Skriv ut hela e-postadressen i editorn, vilket gör att det blir en klickbar länk av adressen.
Övning 2 Utgå från någon av de sidor du tidigare skapat. Skapa länk till sida på annan webbplats. Exempelvis till http://www.sj.se Skapa länk till sida på denna webbplats (välj sida i strukturen, exempelvis en av de sidor du skapat idag) Gör en e-postlänk
Fil-/dokumenthantering EPiServer har en filhanterare (dokumentarkiv) som kallas Upload För att kunna göra en länk till ett dokument måste dokumentet finnas i filarkivet Filhanteraren består, precis som utforskaren, av mappar Finns dokumentet i filarkivet sedan tidigare eller skall det kopieras in till filarkivet?
Fil-/dokumenthantering Gör länk till dokument som finns i arkivet - alternativ 1- (bild 1) Öppna, för redigering, den sida där länken skall göras Klicka på symbolen för Filhantering Klicka på Upload Leta upp den mapp där dokumentet är lagrat Ställ muspekaren på dokumentets namn och Dra och släpp till editorn Klicka på Dölj i filhanteraren
Fil-/dokumenthantering Gör länk till dokument som finns i arkivet - alternativ 1- (bild 2) Markera länktexten i editorn Klicka på ikon för Meridiums link tool Ändra namnet på länken i fältet Klickbar text Ändra eventuellt målram för länken. I fältet Stilmall väljer man ikon för den typ av dokument man länkar till. Klicka på OK
Fil-/dokumenthantering Gör länk till dokument som finns i arkivet - alternativ 2 - (bild 1) Öppna, för redigering, den sida där länken skall göras Skriv in i editorn det som besökaren skall klicka på och markera texten. Klicka på symbolen för Meridium link tool Ändra eventuellt målram för länken. I fältet Stilmall väljer man ikon för den typ av dokument man länkar till. Klicka på fliken Fil
Fil-/dokumenthantering Gör länk till dokument som finns i arkivet - alternativ 2 - (bild 2) Välj alternativ Dokument på denna webbplats Klicka på ikonen efter fältet för att öppna filhanteraren Leta fram dokumentet som skall länkas till. Markera det och klicka på OK Klicka på OK i rutan för länkegenskaper
Lägg till dokument i fil-/dokumenthanterare (bild 1) Klicka på ikonen för filhantering (som finns i övre högra hörnet) Leta upp den mapp där det nya dokument skall lagras och klicka in i den mappen. Välj Lägg till fil
Lägg till dokument i fil-/dokumenthanterare (bild 2) Klicka på Bläddra och leta, på PCn, upp det dokument som skall läggas till. När man valt dokument på sin PC, klickar man på Öppna och därefter på Spara Nu kan man göra en länk till dokumentet Alternativ: Man kan även dra och släppa filerna från annat fönster till filarkivet och önskad mapp där.
Fil-/dokumenthanterare flytta fil Markera fil som skall flyttas Högerklicka på filnamnet och välj och Klipp ut Gå till önskad mapp dit dokumentet skall flyttas Högerklicka och välj Klistra in Välj Spara
Övning 3 Utgå från någon av de sidor du tidigare skapat Klicka på fliken Redigera Öppna Filhantering Bläddra fram till din dokumentmapp Lägg in ett nytt dokument i din dokumentmapp Gör en länk till ett dokument genom att dra och släppa från filhanteraren till editeringsrutan på sidan. Gör en länk till ett dokument genom att använda symbolen Meridium link tool Spara och publicera. (Mappen 00 - EpiServer grundkurs 2015, i filarkivet, används under övningen)
Bildhantering med ImageVault Lägg till bild i fotoalbum: Öppna sidan för redigering 1 Välj symbolen ImageVault 1
Bildhantering med ImageVault Lägg till bild i fotoalbum (forts.): 2 Klicka på Ladda upp fil 3 Bläddra fram bilden i PCn och markera filen som utgör bilden 2 4 Ange Spara i ImageVault 3 5 Klicka på Nästa 4 5
Bildhantering med ImageVault Lägg till bild i fotoalbum (forts.): 6 Välj önskat album där bilden skall lagras. Klicka på Nästa 7 Fyll i Metadata och klicka på Nästa 6 Ange minst en kategori Klicka på Spara 7
Bildhantering med ImageVault Infoga bild, som finns i fotoalbum, till sida: 1 Placera markören på den rad, i editorn, där bilden skall placeras. 2 Välj symbolen ImageVault 2 1
Bildhantering med ImageVault Infoga bild, som finns i fotoalbum, till sida forts.: 3 Leta upp det album där bilden finns 4 När man hittat bilden man vill ha, klickar man på Infoga 3 5 Välj format och klicka på Nästa 4 5
Bildhantering med ImageVault Infoga bild, som finns i fotoalbum, till sida forts.: 6 Klicka på Infoga 7 Ange eventuellt en alternativtext till bilden. Klicka på Slutför 6 7
Bildhantering med ImageVault Infoga bild som INTE finns i fotoalbum och som INTE skall sparas i ImageVault 1 Öppna sida för redigering och klicka på symbolen för ImageVault 2 1 Klicka på Ladda upp fil 2 Bläddra fram bilden i PCn och markera filen som utgör bilden 3 3 Markera Öppna bildverktyg för att infoga på sida 4 4 Klicka på Nästa Ändra storlek, ange en Alt-text och klicka på Slutför
Positionering av bild Klicka på bilden för att markera den Öppna rullisten ovanför Editorn Välj justering (vänster eller höger) för bilden
Övning 4 Välj en av de sidor du tidigare skapat Infoga en bild, som redan finns i ImageVault, till din sida. Lägg till en ny bild i ett fotoalbum Välj Kategori Lägg in den nya bilden på din sida Justera bilden så du kan ha text vid sidan av bild (Albumet 00 - EpiServer grundkurs 2015, i Image Vault, används under övningen)
Sidornas ordning i menyn Sidornas ordning i menyn kan ändras på två sätt. Det enklaste sättet är att dra och släppa en sida, i strukturen, där man vill att den skall placeras i menyn. Ett annat sätt är att placera sidor med hjälp av sorteringsordning och index.
Sidornas ordning i menyn alternativ 2 Markera huvudsidan (föräldern) för den struktur där undersidorna ska sorteras Välj Redigera och klicka på fliken Inställningar I fältet Sorteringsordning väljer man alternativ Enligt sorteringsindex. På så vis kan man själv styra över ordningen på sina sidor i menyn. Spara och publicera sidan
Sidornas ordning i menyn - alternativ 2 forts. Markera därefter varje undersida (barn) där sidorna ska sorteras efter önskemål Välj Redigera och klicka på fliken Inställningar I fältet Sorteringsindex skriver man in den indexsiffra för sortering som sidan skall ha. Ju lägre siffra man sätter desto högre upp i menyn hamnar sidan Använd 10-tal eller 100-tal Spara och publicera sidan
Övning 5 Använd de tre undersidor du skapade i övning 1. Sortera sidorna så att du själv väljer ordning Prova också alternativet att dra och släppa en sida i strukturen.
Support och manualer/lathundar För support kontaktas i första hand förvaltningens webbmaster I andra hand kontaktas VGR IT support, telefon: 010 47 37 100 Manualer och lathundar http://intra.vgregion.se/manualer