Vejledning for LOF s afdelingshjemmeside

Transkript

1 Vejledning for LOF s afdelingshjemmeside - redigeret i Umbraco Marts 2012 Adresse: Rediger hjemmeside i Umbraco: Mobilside: Der er lavet en mobilside til smartphone, hvor siden automatisk tilpasses. Adressen er den samme. 1 Hjemmeside manual - marts 2012

2 Indholdsfortegnelse: Top 3 Topkategori 3 Bund 4 Links og Genvej 5 Navigation 6 Mobilside 7 Katalog og sortering af holdlister 8 Holdvisning 9 Mediearkiv 10 Menu 11 Inspiration 11 Information 13 Formular 14 Kontakt 15 Nyheder + Rotation 16 - Nyhed med links til hold 17 Artikel bokse 18 Reklame bokse 19 Kategori 20 Søgning 21 Billedbehandling i Irfan View 23 2 Hjemmeside manual - marts 2012

3 Top Umbraco: Stå på afdelingens navn i Content (indhold) Vælg Side indstillinger Topkategori Umbraco: Navn og tekst rettes i Top boks 1, Top boks 2 og Top boks 3, KategoriID hentes fra DOFO DOFO Forbindelse foretages via et KatalogID som findes i DOFO Højreklik på Kursuskategori (her Kurser) og vælg Rediger, kopier KategoriID og indsæt i TOP boks. 3 Hjemmeside manual - marts 2012

4 Bund med adresse Her indtastes afdelingens område(r) og adresse. Umbraco: Rettes i faneblad Footer Tryk på Gem og udgiv når du er færdig med at rette Links og Genveje, se næste side. 4 Hjemmeside manual - marts 2012

5 5 Hjemmeside manual - marts 2012

6 Links og Genveje 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 eksternt link: Link som henviser til en anden hjemmeside Tryk på gem og udgiv 6 Hjemmeside manual - marts 2012

7 Navigation Link til Forside i Menuen Det er ikke alle der ved at man kan klikke på LOF logoet, for at komme tilbage forsiden. Derfor anbefales det at indsætte Forside i menuen Startside Hjemmesiden starter logisk nok altid med forsiden. Men kunne faktisk sætte jeres forside til at starte et niveau længere nede, i fx Foredrag. Så det første kunden så var holdlisten med foredrag. Umbraco Hvis du ønsker Forside i menuen skal der ikke være i flueben i Skjul fra menu I Vidersend til sættes den side som er startsiden, typisk Forside 7 Hjemmeside manual - marts 2012

8 Mobilside Bliver din hjemmeside vist på en smartphone, vil siden automatisk blive vist i en tilpasset skabelon. Tablets som fx Ipad viser den almindelige side. Det er muligt for en deltager at lave en tilmelding via telefonen, som sender en til den e- mail adresse som står øverst på siden. OBS! Tilmelding kommer IKKE ind i DOFO, den skal indtastes. Umbraco Du til og fra vælger tilmeldingsdelen ved at vælge: derefter vælge fanebladet Mobil Sæt flueben i Ja, hvis det skal være muligt at tilmelde sig 8 Hjemmeside manual - marts 2012

9 Katalog og Sortering af holdlister I fanebladet DOFO / bokse skal der indsættes SkoleID og KatalogID Når skoleid først er sat ind skal det aldrig mere skiftes. Genbruger du ikke det samme katalog hvert år/sæson, men laver nyt i DOFO, skal du kopiere og indsætte KatalogID fra DOFO i Primære katalog i Umbraco Primær sortering er til sortering af Holdlister, fx Kurser, Foredrag osv. Hold sorteres standard på Startdato, ønskes der sortering på fx alfabetisk vælges Fag For at se SkoleID og KatalogID skal du højre klikke på navnet på kataloget, her LOF Katalog, og vælge Rediger. Markér fx KatalogID og højreklik og vælg Kopier eller (CTRL +C) I Umbraco indsættes fx KatalogID i Primære katalog, højklik og indsæt eller (CTRL + V) 9 Hjemmeside manual - marts 2012

10 Holdvisning Al data omkring hold og underviser hentes fra DOFO Hold Mødegange vises på separat faneblad Praktisk information hentes fra feltet Mødekort tekst i DOFO (kort) ud for Adresse er et link til google map, adresser i DOFO på undervisningssted skal skrives uden stednavne før det virker korrekt. Underviser (DOFO) Underviser kan selv udfylde CV på UnderviserNet Billedet uploades inde på underviser i DOFO Fra DOFO styres om og telefon nummer skal vises. 10 Hjemmeside manual - marts 2012

11 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å jacob@lof.dk, så han kan lægge dem ud til brug for alle afdelinger. 11 Hjemmeside manual - marts 2012

12 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. 12 Hjemmeside manual - marts 2012

13 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. 13 Hjemmeside manual - marts 2012

14 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. 14 Hjemmeside manual - marts 2012

15 Formular På tekstsider ala Information, Kontakt og artikler kan indsættes en fastlås formular. Umbraco Åben f.eks. en tekstside, sæt markøren i teksten hvor du vil have formularen, i editorens toolbar trykker du på: knappen med orange > < vælg form_generelkontakt, og tryk på Gem og udgiv Man fjerner den ved at markerer området og trykke på slet. Marker gerne lidt før og efter. Formularen sender automatisk til sites adresse (den der står i toppen). 15 Hjemmeside manual - marts 2012

16 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 16 Hjemmeside manual - marts 2012

17 Tryk på gem og udgiv. Nyheder + rotation Det anbefales max 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. 17 Hjemmeside manual - marts 2012

18 På faneblad Indhold skrive selve artiklen som skal vises på hjemmesiden under Nyheder 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. se mere og tilmeld dig her : Umbraco og skriv se mere og tilmeld dig her i teksten i indhold, highlight 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. Nyheds rotation med links Det er muligt at udvælge fx 3 (til 10) hold og linke til dem. Her er link til 3 hold i henholdsvis Viborg, København og Sønderjylland. 18 Hjemmeside manual - marts 2012

19 Umbraco: Udfyld Beskrivelse (overskrift) og indsæt billede. I Links kan der oprettes Eksterne links, (links til andre hjemmesider) og Interne links (links til hold og artikler på egen hjemmeside). Der er sammen fremgangsmåde som man indsætter Links og Genveje i bunden af hjemmesiderne 19 Hjemmeside manual - marts 2012

20 Artikel bokse Der findes flere typer af bokse. Reklame, Facebook, Kalender, Artikel boks, Afstemning og Multihold. Du vælger selv 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å LOF s side. Kalender: Viser de næstkommende kurser i dato rækkefølge. Man kan vise alle kurser eller kurser fra en kategori. Hvis der vælges kalender i højre side af skærmen 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. Afstemning: Der er mulighed for at oprette en lille (ikke videnskabelig) afstemning. Kan bruges som en aktivitet i de stille perioder. Multi holdvisning: Et multihold visning kan vise alle hold, udvalgte holdnumre eller et hold fra en bestemt kategori. Der vil i boksen ske en rotation i visning af holdene, så der skabes liv på siden. 20 Hjemmeside manual - marts 2012

21 Reklame boks Billed str.: Bredde: 95 x 90 pixels De små bokse kaldes Reklame. Reklame kan linke til hold, artikler osv. på hjemmesiden. Samme procedure som under artikel boks. 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. Multihold visning: Der er også muligt at oprette en multihold visning som i Artikel boks 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. 21 Hjemmeside manual - marts 2012

22 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* Hjemmeside manual - marts 2012

23 Søgning På vores hjemmesider kan vi søge på mange forskellige ting. Disse søgninger kan ligges fast ind bag en artikelboks eller som et link. Her har jeg skrevet yoga i søge feltet, det giver en adresse der hedder: Den kan jeg kopiere og sætte ned i en artikel boks i feltet Linkurl. Artikel boks: Når søgestrengen/adressen indsættes i Link url bliver dette til resultatet når man klikker på den. Du kan også selv opbygge søgninger som du kan bruge som links rundt omkring. Postnummer: Her søges på Yoga i postnummeret (plus minus 500 i forhold til 3000) Global=1 gør at der vises resultater fra andre skoler i nævnte postnummer område Tema/Alias som global søgning (viser alle hold med Alias = 101 fra DOFO på tværs af hele LOF på siden oresund.lof.dk) 23 Hjemmeside manual - marts 2012

24 Danmarksoplevelses ture Tema/Alias som lokal søgning (viser alle hold med Alias = 2244 fra oresund.lof.dk på siden oresund.lof.dk) (det betyder at selv kan give 10 hold et fællesnr i feltet Alias og vise dem samlet på hjemmesiden) Vist på lof.dk Holdnr søgning (er nok ikke så givende) Globale søgninger (på flere hjemmesider) Det kan selvfølgelig se skræmmende ud med disse adresser, men man kan med fordel oprette dem på lofdk.lof.dk Her er søgt på yoga og postnummer 3000, det giveren adresse/søgestreng der kan indsættes i en arktikel boks i Link url: &sort=holdnr dog skal lofdk ændres til oresund, så søgningen vises på oresund.lof.dk l=1&sort=postnr Alle ovenstående kan kombineres med en &global=1 Kombineres de forskellige elementer q/alias/holdnr/postnr bliver søgning mere og mere specifik og dermed færre resultater. Søgeresultatet er uændret i samme rækkefølge som hidtil. 24 Hjemmeside manual - marts 2012

25 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: e579 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 billede 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. 25 Hjemmeside manual - marts 2012

26 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 linje 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. 26 Hjemmeside manual - marts 2012