web Guide til Umbraco CMS
Indhold Indledning 3 Kompatible browsere 3 Log ind i Umbraco 4 Content-delen 5 Indholdstræet 5 Tilføjelse af en side/sektion 7 Sortering af indhold 12 Galleri 14 Mediebibliotek 16 Ændring af eksisterende media 16 Tilføjelse af media 18 2/19 www.web4.dk info@web4.dk
Indledning Umbraco CMS (herefter Umbraco) er content management delen af din website, hvorfra du kan bygge din website op og styre alt indholdet; dvs. oprette nye sider, skrive nye tekster, rette i eksisterende tekster mv. Umbraco afvikles via en browser, direkte på internettet, så det kræver ikke, at du har programmet installeret på din egen computer. Nærværende dokument indeholder en basal beskrivelse af anvendelsen af Umbraco CMS. Kompatible browsere Umbraco fungerer bedst i Microsoft Internet Explorer til Microsoft Windows. Såfremt at du anvender et andet operativsystem end Microsoft Windows kan browseren Mozilla Firefox anvendes dog med begrænsninger i forhold til indholdsformatering, samt tabulering i udviklingsdelen af Umbraco. 3/19 www.web4.dk info@web4.dk
Log ind i Umbraco For at logge ind i Umbraco, skal du gå til din websites www adresse; eks. http://www.ditfirma. dk og så skrive /umbraco/ efter adressen; dvs. http://www.ditfirma.dk/umbraco/1. Når du gør dette vises nedenstående skærmbillede i din browser. Figur 1: Indgang til Umbraco Umbraco afvikles i et pop up vindue, så det er muligt at din browser har blokeret for dette. Hold CTRL-tasten nede og klik på Genstart umbraco, hvorefter nedenstående skærmbillede vises. 1 Hvis dit domæne endnu ikke er ændret til at pege på vores webservere, skal du anvende den midlertidige sti som du har fået udleveret indtil domænet peger korrekt. Figur 2: Login vindue Indtast dit brugernavn og din adgangskode, og tryk på Login. Ved succesfuldt login præsenteres du nu for et skærmbillede, der viser de muligheder, der er tilgængelige for dig ifm. vedligeholdelse af din website. 4/19 www.web4.dk info@web4.dk
Content-delen Content delen af Umbraco giver dig mulighed for at styre indholdet på din website; dvs. hvilke sider, tekster, billeder mv. der findes på websiten. Figur 3: Content området Indholdstræet I venstre side ses en træ struktur, der minder meget om eksempelvis Stifinder/Explorer i Microsoft Windows. Træ strukturen er indholdet på din website, og tager sit udgangspunkt i den første node under Indhold. Denne node repræsenterer forsiden på din website, og gennem denne kan du styre indholdet. Hvis du klikker på + ud for den første node vil den folde sig ud, og vise dig samtlige sider/ sektioner, der på nuværende tidspunkt findes på din website. På nedenstående kan ses en udfoldet træstruktur. 5/19 www.web4.dk info@web4.dk
Figur 4: Udfoldet content træ på 1. niveau Ændring af indhold Hvis du vil ændre indholdet på din website, skal du vælge den node fra træ strukturen som repræsenterer den side som du ønsker at ændre. Dette gøres ved at klikke på den med musen. Når du har gjort dette vil den pågældende node blive vist som markeret, medens indholdet af noden vises i højre del af vinduet, jf. nedenstående billede. Figur 5: Valgt node/side/element 6/19 www.web4.dk info@web4.dk
I højre del af vinduet kan du nu skrive og redigerer i den tekst, der vises på din hjemmeside. For det meste vil der fra dropdown listen Typografier kunne vælges en række forskellige typografier, der passer til din website, eks. Overskrift 2, Overskrift 3 og Normal. For at formatere noget tekst med en bestemt typografi sætter du markøren ved den pågældende paragraf, og vælger den typografi du ønsker fra dropdown listen. Herefter vil du kunne se, at den valgte tekst ændrer udseende. For at fjerne typografien igen vælges det øverste punkt i dropdown listen, altså Typografier. Når du føler, at alt er klar til at blive publiceret på din website, så klikker du på nr. 2 knap fra venstre, jf. nedenstående billede. Figur 6: Gem og publicér Når dine ændringer er tilgængelige på din hjemmeside, vil du blive præsenteret for beskeden Indhold publiseret og nu synligt for besøgende som vist på ovenstående billede. Tilføjelse af en side/sektion Hvis du ønsker at tilføje en ny side/sektion til din website, skal du gøre følgende: Højreklik på den node som du ønske, at siden skal ligge under, og klik på Opret, jf. nedenstående billede. Hvis du vil have siden til at ligge på niveau med de øvrige sider/sektioner, skal du 7/19 www.web4.dk info@web4.dk
højreklikke på disses forældre node; altså den, der er ét niveau over dem. Figur 7: Opret nyt element Herefter præsenteres du for følgende dialog boks, hvori du skal angive navn og dokumenttype for den nye side/sektion. De tilgængelige dokumenttyper afhænger af dokumenttypen som du har højreklikket på: Figur 8: Mulige elementer Nanvgiv den nye side/sektion og vælg hvilken type dokument, der er tale om. Det navn som 8/19 www.web4.dk info@web4.dk
du tildeler den nye side/sektion, vil samtidig blive det navn som siden/sektionen vil blive repræsenteret med på din website (navnet kan ændres senere). Når dette er gjort klikker du Opret. Herefter vil den nye side/sektion være tilgængelig i træ strukturen, jf. nedenstående billede. Figur 9: Nyt, tomt, upubliceret element Den nye side/sektion vil dog være nedtonet ift. de øvrige sider/sektioner, indtil den er blevet publiceret, jf. afsnit 3.2, s.7. Nu kan du så fylde indhold på den nye side/sektion og publicere den til din website. Sletning af en side/sektion Hvis du ønsker at fjerne en side/sektion fra din website, gøres det på følgende måde: Højreklik på den node i træstrukturen, der repræsenterer den side/sektion som du ønsker at slette, og vælg Delete, jf. nedenstående billede. Bemærk at når du sletter en node, vil alle dens undernoder også blive slettet. 9/19 www.web4.dk info@web4.dk
Figur 10: Sletning af element Du vil så blive spurgt om du er sikker på at du vil slette den pågældende side/sektion. Tryk OK. Figur 11: Bekræftelses af sletning Den pågældende node vil nu blive flyttet til Papirkurv, jf. nedenstående billede. 10/19 www.web4.dk info@web4.dk
Figur 12: Element overført til trashcan Noden vil først være helt væk fra din website, når du højreklikker på Papirkurv og vælger Tøm papirkurv, jf. nedenstående billede. Figur 13: Tøm papirkurv 11/19 www.web4.dk info@web4.dk
Figur 13.1: Bekræft tømning Du vil blive bedt om at bekræfte tømningen af papirkurven. Marker tjekboksen og vælg OK. Sortering af indhold Fra tid til anden kan det være, at du ønsker at ændre rækkefølgen hvorpå indhold vises på din hjemmeside. Med mindre at rækkefølgende er programmatisk defineret, kan du selv ændre sorteringsrækkefølgen. Bemærk venligst, at selvom rækkefølgen af noderne ændres i Umbraco, gælder sorteringen KUN for noder, der er publiceret. Derfor kan det være, at du bliver nødt til at foretage en sortering igen efter at en publicering har fundet sted. Sorteringen udføres på følgende måde (jf. Figur 14 og Figur 15): 1. Højreklik på den node hvis børn du ønsker at sortere, og vælg Sortér. Figur 14: Vælg node hvis undernoder skal sorteres 12/19 www.web4.dk info@web4.dk
Der fremkommer nu et vindue, der viser undernoderne til den pågældende node (jf. Figur 15). 1 Venstreklik på den node som du ønsker at flytte, og træk noden op eller ned. 2 Organisér hele listen så rækkefølgen er som du ønsker, og tryk på Gem knappen. Figur 15: Sortering af noder Dine ændringer gemmes nu, og du vil efterfølgende få en meddelelse i vinduet om at Sortering udført. Herefter kan du klikke på Luk denne dialog linket øverst til højre i vinduet. 13/19 www.web4.dk info@web4.dk
Galleri Opret en mappe i mediabiblioteket som indeholder de billeder der skal vises i galleriet. Du kan senere ændre indholdet i galleriet ved at ændre indholdet i denne mappe. (Se instruktion under Mediebibliotek herefter). Opret nu en ny side med typen Gallery under Galleri noden, ved at højreklikke på Galleri og vælge opret. Figur 16: Opret nyt galleri Angiv en titel i Page Header under det første faneblad Figur17: Angiv galleriets titel 14/19 www.web4.dk info@web4.dk
Klik med musen på Vælg... nederst på siden og vælg den folder, som du har oprettet i mediebiblioteket. Det er nu den galleriet vil hente billeder fra. Figur 18: Vælg billeder til galleriet Indtast til sidst en titel under fanebladet MetaData Figur 19: Indtast titel under Meta Data. Klik på Gem og publicer. dit galleri er nu oprettet og du kan se det på siden. 15/19 www.web4.dk info@web4.dk
Mediebibliotek Nederst under Indholdstræet findes 2 menupunkter, hhv. Content og Media. Gå til mediebiblioteket ved at klikke med musen på Media. I venstre side ses en træ struktur, der er opbygget på same made som træstrukturen under Indhold. Træet består af henholdsvis Foldere, billeder, og filer (Folder, Image, File). Øverst ligger en mappe med navnet design. Denne mappe indeholder de elemter som udgør designet på siden og må derfor under ingen omstændigheder ændres. Alle andre foldere kan redigeres frit. På nedenstående kan ses en udfoldet træstruktur. Figur 20: Udfoldet media træ Ændring af eksisterende media Hvis du vil ændre et element som allerede er oprettet, skal du vælge det element fra træ strukturen som du ønsker at ændre. Dette gøres ved at klikke på den med musen. Når du har gjort dette vil den pågældende node blive vist som markeret, medens indholdet af elementet vises i højre del af vinduet, jf. nedenstående billede. 16/19 www.web4.dk info@web4.dk
Figur 21: Valgt element I højre del af vinduet kan du nu vælge Gennemse for at uploade en ny fil der skal erstatte den eksisterende. Du kan også vælge fanebladet Egenskaber og angive et nyt navn. Figur 22: Angiv nyt navn Når du har foretaget de ønskede ændringer skal du gemme dem ved at klikke på disketten øverst til venstre. 17/19 www.web4.dk info@web4.dk
Figur 23: Gem Dine ændringer er nu gemt og du kan se dem på siden. Tilføjelse af media Hvis du ønsker at tilføjenyt media til din website, skal du gøre følgende: Højreklik på den folder som du ønsker, at siden skal ligge under, og klik på Opret, jf. nedenstående billede. Figur 24: Opret nyt element Herefter præsenteres du for følgende dialog boks, hvori du skal angive navn og type. De tilgængelige muligheder er: folder, billeder ( image) eller fil (file). Hvornår folder og billede anvendes giver sig selv. Typen fil (file) anvendes hvis du eksempelvis skal uploade en PDF-fil eller lignende. 18/19 www.web4.dk info@web4.dk
Figur 25: Mulige elementer Nanvgiv dit media og vælg hvilken type, der er tale om. Når dette er gjort klikker du Opret. Herefter vil elementet være tilgængeligt i træ strukturen, jf. nedenstående billede. For filer og billeder: Du skal nu vælge Gennemse og uploade det ønskede media. Ønsker du at slette en node fra mediebiblioteket skal du anvende same procedure som ved sletning af en side. 19/19 www.web4.dk info@web4.dk