Vejledning for LOF s afdelingshjemmeside - redigeret i Umbraco

Transkript

1 Vejledning for LOF s afdelingshjemmeside - redigeret i Umbraco Adresse: Rediger hjemmeside i Umbraco: HUSK ingen www i adressen, skriv blot fx: bornholm.lof.dk 1

2 Indholdsfortegnelse Top 3 Topkategori 3 Bund 3 Links 4 Mediearkiv 5 Menu - Inspiration 6 - Information 8 - Kontakt 9 - Nyheder + Rotation 10 Aritikel og reklame boks 11 Facebook og Kalender 11 Billedbehandling i Irfan View 13 2

3 Top Umbraco: Stå på afdelingens navn i Content (indhold) Umbraco: Rettes i faneblad Side indstillinger Topkategori Umbraco: Navn og tekst rettes i Top boks 1, Top boks 2 og Top boks 3 Forbindelse til DOFO foretages via et KatalogID som er oprettet. Bund med adresse Umbraco: Rettes i faneblad Side indstillinger i feltet Bund adresseområde 3

4 Tryk på gem og udgiv når du er færdig med at rette Links Der er links 3 steder på forsiden. Øverst i højre hjørne. I bunden findes både Links og Genveje Umbraco Klik afdelingsnavn i menuen til venstre Vælg faneblad Links Tilføj internt link: Link som henviser til et andet sted på din hjemmeside Tilføj ekstern link: Link som henviser til en anden hjemmeside Tryk på gem og udgiv 4

5 Mediearkiv I forbindelse med oprettelse af Nyheder, Inspiration osv, er det muligt at indsætte billeder. Størrelsen på billede kan gøre en forskel alt efter hvor det skal bruges. (Billeder og youtube video sættes på de enkelte hold i DOFO, til nyheder, artikler osv. sættes de ind i Umbraco) Tryk på knappen Media for at Mediearkiv. Der er 2 hoved mapper: Generelt: Indeholde næsten 700 billeder, inkl. de velkendte fra DOFO. Plus 4 mapper nye til Umbraco med bestemte mål til forsiden: Nyheder 698 x 240 pixels Personer 100 x 90 pixels Boks Artikel 208 x 130 pixels Boks Reklame 95 x 90 pixels Kategori 320 x 130 pixels Alle afdelinger: Her ligger din afdelings egne billeder, hertil kan du Uploade billeder til eget brug. Der er også mulighed for at oprette flere mapper under din egen afdeling Det er altid muligt at indsætte billeder direkte i alle artikler. Upload af billeder til Umbraco: Når du står på en artikel-, reklame boks eller andet vælges under Image create, herefter vælges image i Media type, brug browse til at finde dit billede på din egen computer, stil dig på den mappe hvor billedet skal uploades til, så den vises over i højre side også. Tryk på create og billede vil nu blive oploadet. Tryk select og du har valgt at bruge billedet. Send altid gerne nye billeder til Jacob på jac@lof.dk, så han kan lægge dem ud til brug for alle afdelinger. 5

6 Menu Inspiration Der kan oprettes uendeligt med Inspirations tekster, der kan linkes til disse fra Boks eller Reklame fra forside, så de lander her ved at trykke på dem på forsiden. Boks til højre skal vælges ud for hver Inspirations tekst, her er valgt 2 Reklamer Umbraco: Vælg Inspiration i Content (Indhold). Her kan rettes i eksisterende, indsættes nye billeder. I feltet Bokse til højre udvælges de Reklamer, Bokse, Facebook eller Kalender der ønskes netop ud for denne Inspirations tekst. Det er også muligt at skjule Inspiration fra menulinien, hvis ikke lige du har noget at skrive om pt.: Stå på Inspiration, vælg navigation og sæt flueben i skjul fra menu gem og udgiv. 6

7 Opret Inspirations tekst Højreklik på Inspiration i Content, og vælg Opret. Skriv overskrift i feltet Navn og tryk på Opret Udfyld tekst og indsæt billede direkte i dokumentet. I feltet Bokse til højre udvælges de Reklamer, Bokse, Facebook eller Kalender der ønskes netop ud for denne Inspirations tekst. Tryk på gem og udgiv. 7

8 Information Umbraco Vælg Information i menu. Udfyld/rediger tekst med information omkring administration og betalingsbetingelser osv. I feltet Bokse til højre udvælges de Reklamer, Bokse, Facebook eller Kalender der ønskes netop ud for denne Inspirations tekst. Tryk på gem og udgiv. 8

9 Kontakt Det er muligt at oprette både ansatte og bestyrelse separat med billeder. Størrelsen på billeder er 95 pixels x 90 pixels Umbraco Åben Kontakt i menuen. Det er først når du står på et underpunkt under kontakt, at du kommer til nedenstående formular. For at oprette flere, højreklik på Ansatte og vælg opret Udfyld information og Tryk på gem og udgiv. 9

10 Nyheder + rotation Der kan oprettes op til 6 nyheder til rotationen. Du vælger på Forsiden hvor mange der skal vises på hjemmesiden. Ved at højreklikke når du står på Nyheder, kan du vælge at sortere deres rækkefølge, vælg sorter og træk dem rundt i den rækkefølge du ønsker og gem. Hvis du vælger at ændre navn på en Nyhed skal du huske også at ændre navnet under faneblad Egenskaber. Billedarkivet i Umbraco ligger en mappe med pt 20 billeder specielt skåret til denne funktion. Størrelsen på billedet skal være 698 x 240 pixels. Umbraco: Opret nyhed For at oprette Nyheder skal du stå på Nyheder og højreklikke og vælge opret. På faneblad Indhold skrive selve artiklen som skal vises på hjemmesiden under Nyheder 10

11 På faneblad Nyhed (Indhold til rotation) skrives den korte tekst og billede vælges til forsiden fra mappen Nyheder 698x240 Det er en god ide at lave link i teksten, sådan at når de trykker på linket kommer de direkte over hvor de kan se mere og tilmelde sig, skriv f.eks. ser mere og tilmeld dig her : Stå på hjemmesiden hvor du gerne vil have at de skal lande kopier stien ( gå over i umbraco og skriv se mere og tilmeld dig her i teksten i indhold, highligt dette og der kommer en lille kæde til syne oppe i værktøjslinien ved siden af ankeret, tryk på det og sæt din kopierede sti ind i URL og vælg indsæt. Tryk på gem og udgiv. 11

12 Bokse Der findes 4 typer af bokse. Reklame, Facebook, Kalender og Artikel boks. Du vælger slev hvor mange der skal være af hver. Dog kun 2 reklame bokse på forsiden til højre. Facebook: Brugere kan klikke på Like-knappen, de giver udslag på egen facebook, samt hvis andre af deres venner klikker på Like-knappen vil de kunne se et billede af deres venner når de kommer ind på LOFs side. Kalender: viser de næstkommende kurser i dato rækkefølge. Man kan vise alle kurser eller 1 topkategori, hvis fx kun ønsker at vise Foredrag. Hvis der vælges kalender på en af siderne, vises 10 kurser. Artikel Boks: Billed str.: Bredde: 208 pixels x Højde 130 pixels Her skrives en kort artikel med billede og overskrift. Boksen kan linke til fx en længere artikel eller direkte hen til holdene, dette gøres når du opretter boksen, under Link vælger du hvor du vil ende eller i Link Url indsætter du en kopieret http: sti (dvs. du kopiere sti navnet fra hjemmesiden, når du står der, hvor du gerne vil have de skal lande) derfra hvor du gerne vil have dem hen. Reklame boks Billed str.: Bredde: 95 x 90 pixels De små bokse kaldes Reklame. Reklame kan linke til hold, artikler osv på hjemmesiden. Samme artikel boks. procedure som under Udover på forsiden hvor der vælges bokse. Skal der også vælges bokse til hver enkelt underside på hjemmesiden f.eks. kurser, oplevelser, kontakt osv. 12

13 Umbraco: Vælg Bokse i menuen. Her ligger de eksisterende bokse i, det er muligt at rette og eller oprette nye. Husk at Bokse skal forbindes til et hold eller nyheds eller inspirationsartikel som beskrevet ovenfor. 13

14 Kategori Over holdene i hver kategori er det muligt at vise et billede og en video, samt en tekst. Umbraco Højreklik på Kurser og vælg Opret, skriv navnet på Kategorien præcist som den står i DOFO (her: sprog) tryk på Opret Vælg billede og evt. video. Skriv en Overskrift + tekst der beskriver jeres kurser i nævnte kategori, lav den dog ikke for lang, da kurserne skal kunne ses ved første klik, billede størrelse der passer bedst her er 320*

15 Billedbehandling i Irfan View Hvis du ikke allerede bruger et billedbehandlingsprogram, er Irfan View udmærket og nemt at bruge. Programmet er gratis og kan hentes her: I boksene og fx Kategorierne skal billeder have bestemte mål for at det ser bedst ud. Her kommer et eksempel på et billede skal bruges i Kategori hvor målene er 320 x 130 pixels. Først klippes den del ud af billedet som skal bruges. Hold venstre musetast nede og træk ned mod højre hjørne Vælg Crop selection i menuen Edit. Tryk på disketten for at gemme det saksede billed I menuen Image vælges Resize. Da dette bilede skal ende op i nærheden af 320 i bredden/width, ændres width her til 350, så er der stadig lidt at klippe ud hvis det kræves.ellers reducer til 320. Height/højde reduceres automatisk. 15

16 Nu skal billedet klippes til 320 x 130 pixels Træk igen fra øverst i venstre hjørne ned til højre hjørne. Bemærk tallene om i øverste linie skal ende på 320 x 130 Man kan hele tiden trække i alle 4 sider. Når billedet er perfekt, vælges Crop selection i menuen Image Husk at gemme billedet. Billede er nu klar til brug. 16