Indhold. 1 Indledning Kompatible browsere Log ind i Umbraco Content-delen Indholdstræet... 4

Transkript

1

2 Indhold 1 Indledning Kompatible browsere Log ind i Umbraco Content-delen Indholdstræet Ændring af indhold Tilføjelse af en side/sektion At arbejde med dynamiske sider opbygget af afsnit Sletning af sektioner/sider/afsnit Sortering af indhold Upload billeder/filer Upload af flere billeder/filer Navngivning af billedfiler Links...12 Dette er en kort gennemgang af de mest elementære funktioner i Umbraco. Hvert Umbraco site har typisk unikke funktioner, som afhænger af den enkelte Umbraco opsætning

3

4 Om umbraco Umbraco CMS er et dansk udviklet Open Source content management system (CMS) som er baseret på den seneste Microsoft teknologi. Umbraco giver dig dermed det bedste fra to verdener. Du får et professionelt udviklet produkt, der lever op til Microsofts standarder, men kan samtidig nyde godt af de mange fordele, som Open Source-modellen bringer med sig. Brugervenligt system Alle der i forvejen kender Microsoft Office vil finde Umbraco CMS meget brugervenligt og intuitivt. Hvis du f.eks. arbejder i Word vil du føle dig hjemme i denne brugergrænseflade. Det betyder at det er nemt at arbejde med for brugerne, og at det er enkelt at holde sit website opdateret. Layout som I ønsker det Der er ingen begrænsninger på hvordan et website i Umbraco CMS kan se ud. Det er også brugervenligt for udviklerne at arbejde med, så der kan laves visuelt meget avancerede websites. Gode integrationsmuligheder Umbraco CMS er et godt valg til webløsninger, der skal integreres med andre systemer, da det er opbygget på baggrund af.net. Det kan stort set udvides med alt hvad man ønsker sig af funktionaliteter, herunder Sharepoint, Microsoft CRM, Salesforce, etc. Umbraco CMS betyder frihed Du er ikke bundet af en leverandør, når du vælger Umbraco CMS. Du kan skifte leverandør til andre bureauer der har kompetencer inden for Umbraco CMS. Stabilt CMS Umbraco CMS har et godt ry for at være et meget stabilt CMS system, da det er bygget på ASP.NET platformen fra Microsoft. Sammen med en kraftig Microsoft SQL Server til opbevaring af data, er det samlet en meget stabil løsning. 4

5 Mange funktioner i Umbraco CMS Umbraco CMS indeholder som standard en lang række funktioner som gør det nemt for brugerne. Derudover findes der et væld af færdigudviklede funktionaliteter som kan tilføjes, herunder: Sproghåndtering Søgemaskineoptimering Nyhedslister Formularer Slideshows Etc. Over implementeringer Med mere end implementeringer på verdensplan, så er Umbraco platformen et af de mest downloadede systemer i øjeblikket, og samtidig godt gennemprøvet. Kendte virksomheder og organisationer som; Heinz, Peugeot, Toyota, Vogue, Henri Lloyd, Tesco, Home, Henning Larsen Arkitekter, Microsoft, Warner Brothers, Kammeradvokaten, Take That, Abba, FDIH, etc. benytter sig af Umbraco CMS. Senest har en lang række kommuner og andre offentlige organisationer valgt at benytte sig af Umbraco CMS. 5

6 1 Indledning Umbraco CMS (herefter Umbraco) er content management -delen af dit website, hvorfra du kan bygge dit 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. 1.1 Kompatible browsere Umbraco fungerer bedst i Microsoft Internet Explorer, Firefox og Chrome til Microsoft Windows. Vi garanterer at udviklede hjemmesider fra Propellos fungerer i de nyeste browsere - og en version bagud. 2 Log ind i Umbraco For at logge ind i Umbraco, skal du gå til dit websites www-adresse; eks. og trykke på log-in knappen på forsiden eller skrive Umbraco bagefter i din url så det bliver; minwebsite.dk/umbraco. Når du gør dette vises nedenstående skærmbillede i din browser. Figur 1: Indgang til Umbraco 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 dit website. 6

7 3 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 3.1 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 side under Content. Denne side repræsenterer forsiden på din website, og gennem denne kan du styre indholdet. Hvis du klikker på eller teksten ud for den første side vil den folde sig ud, og vise dig samtlige sider/sektioner, der på nuværende tidspunkt findes på din website. På Figur 4 kan se en udfoldet træstruktur. Se en video beskrivelse på com/ Figur 4: Udfoldet content-træ 7

8 3.2 Ændring af indhold Hvis du vil ændre indholdet på din website, skal du vælge den side 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 side blive vist som markeret, mens indholdet af siden vises i højre del af vinduet, jf. nedenstående billede. Figur 6: Gem og udgiv Figur 5: Valgt side/element Se en video beskrivelse på 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 Formats -- kunne vælges en række forskellige typografier, der passer til din website, eks. Heading 1, Heading 2 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å Formats. Når du føler, at alt er klar til at blive publiceret på din website, så klikker du Gem og udgiv 8

9 Når dine ændringer er tilgængelige på din hjemmeside, vil du blive præsenteret for beskeden Content published and visible at the website. Indsættelse af tekst Generelt anbefaler vi at alt tekst skrives i Word eller et andet tekstprogram inden det sættes ind på dit online website. Dette gøres for at sikre din tekst hvis forbindelse til internettet mistes eller der er problemer med din browser. For at sikre at uheldige HTML koder fra Word ikke bliver overført til editoren i Umbraco, vil det være fornuftigt at have teksten forbi f.eks. Notepad/Notesblok, hvor teksten kan blive renset for koder. Dette gøres ved at markere teksten i word, trykke ctrl + C, og indsætte det i Notesblok med ctrl + V. Herefter kopiers teksten igen fra Notesblok og indsættes i Umbraco editoren. 3.3 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 side 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 højreklikke på disses forældre-side; altså den, der er ét niveau over dem. 9

10 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 Indtast navnet på den nye side/sektion. Det navn som 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 under tabben properties ). Herefter vil den nye side/sektion være tilgængelig i træ-strukturen. Det er en god ide at Re-freshe siden med jævne mellemrum dvs. ved at trykke på f5. Se en video beskrivelse på 10

11 Den nye side/sektion vil dog være grå ift. de øvrige sider/sektioner, indtil den er blevet publiceret. Nu kan du så fylde indhold på den nye side/sektion og publicere den til din website. 3.4 At arbejde med dynamiske sider opbygget af afsnit Nyere sider i Umbraco kan være bygget op som dynamiske sider, der består af afsnit, som nemt kan flyttes/sorteres rundt. I nedenstående figur er siden Kultur bygget op af 6 enkelte afsnit af forskellig karaktér og indhold. 11

12 Et afsnit oprettes ved at klikke på de 3 små prikker så åbner der en menu op med de muligheder der er for den pågældende template. VIGTIGT! Hvert afsnit navn startes med Afsnit efterfulgt af afsnittes navn. På denne måde identificeres det som et afsnit og ikke en side. Se en video beskrivelse på Sletning af sektioner/sider/ afsnit Hvis du ønsker at fjerne en side/sektion fra dit website, gøres det på følgende måde: Højreklik på den side i træstrukturen, der repræsenterer den side/sektion som du ønsker at slette, og vælg Slet. Bemærk at når du sletter en side, vil alle dens undersider også blive slettet. Du vil så blive spurgt om du er sikker på at du vil slette den pågældende side/sektion. Tryk OK. Den pågældende side vil nu blive flyttet til Papirkurv, jf. nedenstående billede. Figur 12: Element overført tilpapirkurv Se en video beskrivelse på 12

13 Såfremt du ønsker at genoprette en side som er slettet, så gøres dette nemt ved at ved at højreklikke på den pågældende side i papirkurven og vælg Genindlæs elementer eller vælg Flyt så siden kommer op i træstrukturen igen. 3.6 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ølgen er programmatisk defineret, kan du selv ændre sorteringsrækkefølgen. Bemærk venligst, at selvom rækkefølgen af siderne ændres i Umbraco, gælder sorteringen KUN for sider, 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 side hvis børn du ønsker at sortere, og vælg Sort. Figur 14: Vælg side hvis undersider skal sorteres 13

14 Der fremkommer nu et vindue, der viser undersiderne til den pågældende side. 1. Venstreklik på den side som du ønsker at flytte, og træk siden op eller ned. 2. Organisér hele listen så rækkefølgen er som du ønsker, og tryk på Save -knappen. Dine ændringer gemmes nu, og du vil efterfølgende få en meddelelse i vinduet om at Sortorder is updated. Herefter kan du klikke på Close Window -linket øverst til højre i vinduet. Se en video beskrivelse på 4 Upload billeder/filer For at kunne lægge billeder ind på siderne, er det nødvendigt at uploade billeder. Dette gøres ved trykke på Mediaarkiv sektionen i venstre side (se figur 16). Højreklik på mediearkivet for at oprette en mappe (Folder), et billede (image) eller en fil (file). Giv det et navn og vælg Opret, så kommer man ind til et nyt vindue (Se figur 17). Vælg gennemse og upload billedet/filen. Nu kan billedet vælges fra teksteditoren fra siderne. Figur 16: Upload af billeder Se en video beskrivelse på 14

15 Figur 17: Upload af billeder 4.1 Upload af flere billeder/filer Der er mulighed for at uploade flere billeder/filer på én gang. Dette gøres ved at oprette en mappe. Stå på Mediarkiv, og højreklik på musen. Vælger Folder i Mediearkivtype og giv mappen et navn. Klik på den nye mappe. I højre side er det muligt at trykke på mappen Klik for at uploade og vælge flere billeder/ filer op på én gang. Figur 18: Upload flere billeder/filer 15

16 4.2 Navngivning af billedfiler Undgå at bruge Æ,Ø, Å, symboler og mellemrum i navngivningen af billedfilerne, da dette giver problemer i den eksterne billededitor. 5 Links Links laves i teksteditoren ved at markere teksten der skal linkes fra og vælge Indsæt/rediger link. Figur 19: Indsæt/rediger link Se en video beskrivelse på 16

17 Figur 20: Indsæt/rediger link Herefter vælges om det skal være et eksternt link (indsættes i Url) eller internt link, hvor siden under indhold markeres. 17