Brukerveiledning DFS Grasrot hjemmesider Innholdsfortegnelse Endringslogg... 1 Hva er Grasrot?... 2 Noen eksempler på lag som bruker Grasrot... 2 Bestilling av hjemmesider... 3 Administrer din nye side... 4 Innstillinger... 5 Sideinfo... 5 Menyer... 6 Koble til Facebook... 7 Administratorer... 7 Skrive artikkel... 8 Redaktører... 9 Video fra YouTube og Vimeo... 9 Redigere artikler etter at de er publisert... 9 Legg til filer i artikler og menyer... 10 Samarbeidspartnere/sponsorer... 11 Skrive artikler på mobilen... 12 Gjøre artikler til toppsak... 13 Interaktive kart og kalendere... 14 Hvordan få tak i HTML-koden til Google-kart... 15 Hvordan dele en Google-kalender og få tak i HTML-koden... 17
Endringslogg Utgave Dato Forfatter Endringskommentar 1 28.04.2016 Geir Finstad Første eksemplar 2 02.09.2016 Geir Finstad 3 18.04.2018 Morten Undseth Større endringer av hele dokumentet, med tilføring av ny funksjonalitet. 4 07.05.2018 Morten Undseth Bildebehandling. 5 04.06.2018 Morten Undseth Filer i artikler og menyer. Gjøre artikler til toppsak. Interaktive kart og kalendere. 6 03.07.2018 Morten Undseth Filer i menyer. Redaktører (vedr. artikkelpublisering). Div. rettinger etter nyeste oppdatering fra leverandør. 7 13.09.2018 Morten Undseth Div. små rettinger/presiseringer, samt utvidet info vedr. redaktører. side 1
Hva er Grasrot? Grasrotløsningen er en hjemmesideløsning som er svært enkel i bruk, men som samtidig gir mye funksjonalitet. Man kan også bruke mobilen for å skrive artikler. Løsningen er selvfølgelig responsiv (dvs. tilpasset nettbrett, mobil, PC). Løsningen er utviklet av Innocode på oppdrag fra DFS. Denne hjemmesideløsningen benyttes også av mediebransjen og utvikles kontinuerlig videre. 6 gode grunner til å velge Grasrot: 1. Svært lett i bruk, enkel å oppdatere, også fra mobil. 2. Flere kan enkelt bidra med innhold. 3. Løsningen er tilpasset PC, nettbrett og mobil. 4. Fremtidsrettet løsning som vil bli prioritert av DFS. 5. Gode muligheter for å fremheve sponsorer/samarbeidspartnere. 6. Hvis ønskelig kommer dine nyheter på http://dfsgrasrot.no som er en samleside med nyheter fra alle lag. Noen eksempler på lag som bruker Grasrot Urskog skytterlag: http://dfs.no/urskog Elverum skytterlag: http://dfs.no/elverum Frende Cup 1. runde 2018: http://dfsgrasrot.no/fc-1-runde-2018-oestlandet-24-27-mai Landsskytterstevnet 2020 i Elverum: http://ls2020.no DFS-artikler: https://dfsgrasrot.no/ - Samleside for alle artikler som publiseres av de respektive skytterlag/samlag Tour de Frøya: https://mitt-lag.no/tour-de-froeya - Ikke ett skytterlag, men bruker samme løsning side 2
Bestilling av hjemmesider På grunn av personvernloven må skytterlagene opprette Grasrotbruker før bestilling sendes. Følg denne trinnvise metoden: 1. Opprett en bruker via følgende link: https://dfsgrasrot.no/users/sign_up a. NB! Benytt privat epost, da brukeren skal knyttes til deg som person. 2. Du vil nå komme til et vindu som vist over. Trykk på «Opprett ny enhet». 3. Skriv inn skytterlagets/samlagets navn som vist over, samt deres offisielle epost. Skiv også inn stedet til deres bane/registrerte skytterlags-/samlagsadresse. 4. Bestill Grasrot-løsning via følgende link: https://www.dfs.no/verdt-a-vite/itverktoy/hjemmesider/ a. Siden vil være usynlig til bestilling er foretatt, og den kan således ikke brukes før vi har mottatt endelig bestilling. Spørsmål rettes til support@dfs.no eller på telefon: 23 17 21 00. side 3
Administrer din nye side For å administrere dine nye hjemmesider gå til http://dfsgrasrot.no Klikk så på innloggingssymbolet oppe til høyre (som vist helt til høyre på skjermbildet under). Glemt passord? Gå til: http://dfsgrasrot.no/users/password/new Etter innlogging vil du bli dirigert til hovedsiden for Grasrot. Ved å trykke på de tre prikkene oppe til høyre, og så videre til «Kontrollpanel», vil du få opp en liste over alle lag du har rettigheter til å administrere: Hvis du trykker på skytterlagets navn kommer følgende vindu opp: Publisert: her vises alle dine publiserte artikler Ikke publisert: her vises artikler som ikke er publisert (kan være avpublisert, eller artikler hentet fra Facebook). side 4
Ventende: artikler som krever godkjenning fra deg vil ligger her. Gjelder typisk at personer uten tilgang til siden har skrevet en artikkel. Så kan denne publiseres etter godkjenning fra administrator. Samarbeidspartnere/sponsorer: her kan du legge til logo til sponsorer. Administrer side og enhet: her kan du legge til logo/heading, menyer, endre farger og administratorer. Innstillinger For å legge til logo/heading, menyer, endre farger, administratorer kan du gjøre dette ved å klikke «Innstillinger», som vist her: Sideinfo Under sideinfo ligger navnet på skytterlaget, adresse og epost. Vedr. adresse må dere velge et sted fra valgene som kommer opp. Fyll inn infoen om den ikke ligger der. «Enhetens tilhørighet» skal alltid være deres tilhørende samlag for et skytterlag. Samlagene velger eget samlag fra valgene. Oppe til høyre kan du laste opp logo (i formatene JPG/JPEG og GIF). Nederst i bildet kan du legge til en toppheading/banner, anbefalt størrelse på denne er 1390x350 pix. Legg merke til at du kan laste opp flere bilder her, slik at dette blir en karusell i toppen. NB! For at det skal være mulig å legge til logo og banner må dere ha lagt inn lagets adresse og valgt enhetens tilhørighet. side 5
NB! Helt nederst i bildet har du ett menyvalg som heter «Slett hjemmesiden». IKKE klikk på denne da den fjerner/sletter absolutt hele hjemmesiden deres. Det er ikke mulig å reversere dette. Menyer I dette valget kan du bygge opp en menystruktur med hovedmenypunkter og undermenypunkter. I skjermbildet over ser vi at Knallerten skytterlag har opprettet en fane med navn «Arrangementer», og videre underfanen «Terminliste 2018». Menyer og undermenyer kan bytte plass ved å trykke på pilene. Nytt menypunkt: klikk her for å opprette en ny meny/fane som blir liggende øverst på hjemmesiden. En kan også legge inn en direkte link til andre nettsider på menypunktet. Ny undermeny: klikk her for å opprette en ny undermeny/underfane som bli liggende under en hovedmeny (menypunkt). Det er ikke mulig å opprette undermenyer til menyer som er direkte link til andre nettsider. NB! Det er meget viktig at det trykkes «Lagre» etter at dere har skrevet tekst i menyene. Hvis dere forlater denne siden uten å lagre vil alt innhold gå tapt. side 6
Skjermbildet over viser hvordan man opprettet et menypunkt med direkte link til en annen side. Fyll inn navnet på selve menyen, hak av boksen og fyll inn URL-adressen. Koble til Facebook Du kan opprette en kobling til lagets Facebook-side slik at artikler som skrives på Facebook publiseres direkte på Grasrot-siden. Artikler som skrives på Grasrot vil også publiseres på Facebook. Publiseringsinnstillinger gjøres etter at du har koblet til Facebook. Den som skal opprette koblingen må være admin for Facebook-siden, samt være tilkoblet Facebook i nettleseren. Vi anbefaler at alle artikler skrives i Grasrot og synkroniseres mot Facebook, og ikke omvendt. Ved denne metoden blir sluttbruker tvunget til å navigere seg til Grasrot, og dette kan være en stor fordel for at de skal bruke siden, samt at eventuelle sponsorer blir lettere synlig for publikum. Administratorer Under denne fanen kan administratorer selv legge til de som skal kunne administrere siden. Ved å legge til flere administratorer skriver du bare enkelt inn epost-adressen til vedkommende nederst. Da kan personen lage seg en bruker på Grasrot med denne eposten, og får da umiddelbart tilgang. side 7
Skrive artikkel Artikler kan enkelt skrives fra både PC og mobil. I dette delkapitlet tar vi for oss hvordan det gjøres fra PC. Gå først til siden du ønsker å skrive en artikkel, og trykk så på pluss-knappen som vises oppe til høyre i skjermbildet. Skriv inn tittel og tekst. Det første avsnittet du skriver i selve artikkelfeltet vil bli vist som ingress når artikkelen er publisert. Bare klikk med musa direkte i feltet for å skrive. I menyen mellom tittel og artikkelteksten kan du endre skrifttyper, samt legge til bilder, filer, filmer og linker. Vi anbefaler at overskrift og ingress er så kort som mulig, dette for at alt skal vises på forsiden (hvis tittelen og ingressen er lang vil ikke alt vises på forsiden). Vi anbefaler at bilder som benyttes er rektangulære, enten i vannrett eller loddrett utførelse. Hjemmesideløsningen optimaliserer artikkel-bildene på forsiden. Det er det første bildet i artikkelen som vises på forsiden. Hvis en for eksempel benytter kvadratiske bilder vil ikke dette hele tiden bli helt bra. Vi anbefaler at det ikke legges ut bilder som er større enn 2 MB, da siden fort kan bli veldig treig ved større bilder. Trykk på «publiser» oppe til høyre for å publisere. Du kan også velge å lagre artikkelen, uten å publisere. Dette gjøres under samme meny. Da vil artikkelen bli lagt under fanen «Ikke publisert» som vi forklarte innledningsvis i denne veiledningen. Vi anbefaler at dere alltid benytter bilder i artiklene, da vil siden bli mye bedre og trekke langt flere lesere. På deres forside vil kun artikler med bilder vises blant de tre første artiklene. Artikler som publiseres uten bilder vil dermed bli vist som artikkel nr. 4. Husk også på at alle artikler du publiserer vil bli liggende på http://dfsgrasrot.no/ Denne siden samler opp alle nyheter fra alle lag. side 8
Redaktører Hvem som helst kan opprette artikler i Grasrot. Så fremt de ikke er administrator av siden, vil artikkelen bli sendt til godkjenning. Da vil artikkelen ligge under «Ventende». En administrator av siden kan da godkjenne den ene artikkelen for publisering, eller godkjenne personen som redaktør. Hvis dere godkjenner personen som redaktør kan vedkommende publisere artikler uten godkjenning. Her ligger det også en oversikt over hvem som er redaktør av siden: Ved å trykke på «Untrust» fjerner dere en person fra å være redaktør, og vedkommende kan dermed ikke lenger publisere artikler uten deres godkjenning. Video fra YouTube og Vimeo Klikk på videoikonet i artikkelen for å legge til video fra YouTube eller Vimeo. Du kan også legge inn embedded code i stedet for URL. Hvis ønskelig kan du også laste opp en egen video. Redigere artikler etter at de er publisert Klikk på symbolet med tre prikker oppe til høyre i vinduet, klikk så på «Kontrollpanel», og trykk nå på skytterlagets navn. Nå vil du komme til en vindu med følgende faner (som vist på skjermbildet under): Publisert: alle publiserte artikler. Trykk «Rediger» på det enkelte artikkel for å gjøre endringer. Ikke publisert: ikke-publiserte artikler. Du kan enkelt publisere de hvis ønskelig. Ventende: artikler som venter på en godkjenning for publisering. Personer uten administratortilgang kan lage artikler til siden. Disse artiklene kommer under denne fanen i påvente av godkjenning fra en administrator. side 9
Legg til filer i artikler og menyer I artikler og menyer/undermenyer kan du enkelt legge til filer (PDF, Word, Excel etc.) ved å trykke på «Legg til filer» nederst i artikkelen/menyen. Filene vil da bli vist nederst i artikkelen/menyen/undermenyen, med det opprinnelig filnavnet. Det er dermed essensielt at dere har gitt filen et fornuftig navn før den lastes opp. Filene vil vises i den rekkefølgen de lastes opp, mao.: den siste filen dere laster opp vil havne nederst i lista. Vi viser her et eksempel. Vi har lastet opp fire vedlegg i en undermeny: Og her er sluttproduktet: side 10
Samarbeidspartnere/sponsorer Kun forside: hak kun av «Sponsor er synlig». Kun artikkel: hak kun av «Standardsponsor». Både forside og artikkel: hak av begge valgene. På hjemmesidens hovedside vil sponsorer vises i en kolonne på venstre side etter de to toppartiklene. Legg til sponsor ved å trykke «Legg til banner». Velg så et bilde, navn over bedriften og URL-link hvis ønskelig. De samme valgene får du ved å trykke på «Rediger» til en sponsor som allerede ligger i listen. I tillegg kan man velge å vise alle sponsorer i alle artikler ved å huke av «Standardsponsor». På den måten kan skytterlaget selge inn tre ulike sponsorløsninger: side 11
Skrive artikler på mobilen Bruker du mobil, kan du gå inn på http://dfsgrasrot.no og logge inn. Deretter kan du på en enkel måte skrive artikler bare ved å klikke de tre strekene oppe til høyre, for så å trykke på pluss-tegnet. Skjermbildene under viser hvor lett det gjøres med mobilen: side 12
Gjøre artikler til toppsak Så fremt artikkelen har et bilde, kan du gjøre denne til toppsak. Du kan velge inntil tre artikler som hele tiden vises på toppen av hjemmesiden: Ved å trykke på siden deres gjennom kontrollpanelet kommer dere direkte til menyen «Publisert». Her er alle deres artikler som er publisert. Ved å trykke på nåla (som vist over) vil bildet komme som toppsak til venstre. Hvis du trykker på nåla til en annen artikkel vil denne komme til venstre, og den andre som nummer to, osv. Det er dog kun mulig å ha tre artikler som toppsak, så hvis du trykker på nåla til en fjerde artikkel vil en av de allerede toppartiklene gå tilbake som vanlig artikkel lenger ned på siden. Ved å fjerne en toppartikkel trykker du igjen enkelt på nåla til aktuell toppartikkel. I eksempelet over kan vi se at artikkelen «Barometer for Østlendingen-skytingen» sist er markert som toppsak. Toppsak nummer to er «Skytebanen er steng grunnet brannfare». Artikkelen «Ny hjemmeside» er ikke en toppsak, men kommer blant topp tre siden kun to artikler er markert som toppsak. side 13
Interaktive kart og kalendere I Grasrot kan man enkelt legge til interaktive kart og kalendere. Mulighetene er mange, og en kan videre få til dette med elektroniske dokumenter, Excel-ark osv. To eksempler: Dette kan legges til i artikler, menyer og undermenyer ved å lime inn HTML-koden til kartet eller kalenderen. Koden limes inn under «Insert Video» og så under «Embedded Code»: side 14
Hvordan få tak i HTML-koden til Google-kart Når du har valgt ønsket kart fra Google (lagt for eksempel inn et sted fra og til) velger du meny på venstre side: Velg så «Del eller bygg inn kartet»: I vinduet som nå kommer opp velger du «Bygg inn et kart»: side 15
Kopier HTML-koden og lim den inn i Grasrot som beskrevet. side 16
Hvordan dele en Google-kalender og få tak i HTML-koden Du må være innlogget i Google (for eksempel med gmail). Gå til «Kalender» blant Googles apper: Her kan dere enkelt opprette en ny kalender. I vårt eksempel har vi opprettet «Utleiekalender»: For å gjøre kalenderen offentlig, samt kopiere HTML-koden, trykk på «Alternativer for utleiekalender», og så videre på «Innstillinger og deling». Du vil da få opp en rekke alternativer, blant annet gjøre den offentlig, og hvem som kan gjøre endringer i kalenderen: side 17
Videre nedover på samme side går du til «Integrer kalenderen» og så til «Tilpass». Følgende vindu vil da komme opp: På venstresiden kan du gjøre diverse endringer, og det vil umiddelbart vises. Når endringene er utført kopierer du HTML-koden og limer den inn i Grasrot som beskrevet. side 18