Vejledning til brug af pileforeningen.dk for redaktører. Log in: Gå ind på: http://pileforeningen.dk Tryk på Login for medlemmer Brugernavn: contentmanager. Password: 1234 Når du er logget ind kan du se Medlemsmenuen. Til højre er der en speciel menu Redaktør menu til dig som kan oprette nye sider, medlemssider, info-kasser mv... pileforeningen.dk/drupal/brugervejledning. 1
Redigér indhold: Der er oprettet en del sider, som naturligvis skal gennemlæses og rettes til. Dette gøres ved at klikke på den side, der skal tilrettes. Fx. Forside: Title: Sidens titel, eller overskriften på siden. Menu: Kassen med Menu, henviser til hvordan siden optræder i menuen. I dette tilfælde skal der ikke stå noget i Menu/Title... Systemet ved godt at dette er første punkt i menuen (Home) Overordnet menupunkt: Henviser til hvor i hirakiet at siden skal være. Dette er vigtigt ved undersider... Klik på pilen og vælg hovedmenu Vægt: Henviser til placeringen/rækkefølgen i menuen. Dette kan også ændres i Rediger Menu, hvor man kan trække i krydserne for at ændre rækkefølge. Husk at gemme indstillinger. Body: Sidens indhold er skrevet ind her. Det er senere beskrevet mere udførligt hvordan man formaterer, sætter billeder og tabeller ind. HUSK AT GEMME højre spalte: En hurtig måde at skrive tekst, som kun vedrøere denne side. Teksten vises i højre spalte over info-boxene. Se mere om info-boxe senere. Hvis du skal slette en side, tryk på slet. Forsiden må ALDRIG slettes! pileforeningen.dk/drupal/brugervejledning. 2
Opret ny side 1. Klik på Opret ny side i Redaktør-menuen til højre. 2 3 1 Hvis du skal lave sider, der IKKE skal vises i menuen, skal der IKKE være v i Automatically update Menu Title Sider, der skal linkes til fra andre sider, skal sansynligvis ikke være synlige i menuen. 4 5 Hvis du vil have titlen på siden og titlen i menuen til at være forskellig, skal der IKKE være v i Automa tically update Menu Title. Fx er det rart at titlen i menuen er kort, men måske vil du gerne have en mere uddybende titel inde på selve siden. 6 8 7 9 For mere information, henvises til Drupals egne håndbøger: http://drupal.org/handbooks 2. Udfyld titel (Overskrift på siden) 3. Hvis du ønsker at siden skal være tilgængelig i menuen: a) Klik på menu (Hvis kassen Menu ikke er åben) b) Udfyld titel (titel i menuen) c) Vælg hvilket menupunkt siden skal være under (Vælg <Site menu>, hvis du vil have en ny hovedmenu) d) Vælg en vægt (henviser til hirakiet i menuen. Højeste tal er tungest. Man kan altid ændre det senere) 4. Skriv tekst i Body. Dette fungerer næsten som i Word. 5. Indsæt eventuelt billeder, ved at klikke på billedikonet. 6. Inputformat: Hvis du er fortrolig med HTML kan du skrive kodet tekst ind. 7. Vedhæftede filer: Her kan du vedhæfte fx. pdf-filer. 8. Udfyld Alternativ URL, hvis du vil give dokumentet en pæn URL (web-ardessen i browservinduet) Men det er ikke nødvendigt. 9. højre spalte: Med dette modul kan du skrive tekst i toppen af højre spalte, som kun kan ses på denne side. Teksten vises over info-kasserne. HUSK AT GEMME pileforeningen.dk/drupal/brugervejledning. 3
Sæt tekst ind fra Word eller en anden hjemmeside... Når man kopierer tekst fra Word eller en hjemmeside, kommer der en masse koder med, som vi ikke vil have. De laver en masse rod. De koder skal vi have fjernet. 1. Kopier teksten fra Word eller hjemmesiden. (ctrl+c = kopi) 1 2 3 4 2. Åben NodPad/Notesblok. Programmet finder du ved at trykke på : Alle programmer > Tilbehør. 3. Sæt teksten ind, du har kopieret. (ctrl+v = sæt ind) 4. Herefter tager du endnu en kopi af teksten (ctrl+c = kopi) og sætter den ind i vores hjemmeside, (ctrl+v = sæt ind) 5. Når teksten har været igennem Notesblok, er ALLE koder væk. Også tabeller mv. Tabeller skal helst laves helt forfra, så du har størst mulighed for at vide hvordan den opfører sig, hvordan den skal bygges op og om den kan være på siden. Se siden om tabeller. OBS. Du må ikke sætte tekst ind kopieret direkte fra en anden hjemmeside. Der vi så kommer en masse koder med, som vil forstyrre. HUSK AT GEMME For at fjerne koder, kan du kopiere teksten ind i Nodpad/ Notesblok, før du kopierer det videre til hjemmesiden. Herved fjerner du alle koder. pileforeningen.dk/drupal/brugervejledning. 4
Teksten kan formateres... Lav overskrift, underoverskrift, fremhævet tekst, fed, kursiv... I menuen i den grå bjælke i toppen af Body -kassen, findes knapper til at redigere teksten. Det er som en miniudgave af Word. Fra venstre: Bold, Italic (kursiv), Understreget. Herefter højrestillet, centreret og venstrestillet tekst. Venstre-, center- og højre-stilning Understregning Punktopstilling Slet-link-ikon Italic/Kursiv Se senere om at linke... Bold/Fed Slet formatering Link-ikon Se senere om at linke... Tabel Se senere om tabeller... Paragraph betyder afsnit. Dette er en automatisk indstillingen for brødtekst eller den almindelige forudbestemt størrelse, font (skrifttype), farve mv. på teksten. Ved at trykke på den lille pil til højre for Paragraph, kommer de forudbestemte indstillinger for Afsnit frem. Heading1, Heading2 og Heading3. Du kan IKKE selv bestemme størrelse, font, farve, mv. Styles Indtil videre har vi kun én Style at vælge imellem: Red Med Styles kan give bogstaver, ord og afsnit en rød farve. Markér det du vil have rødt før du vælger Red. Hvis der står en masse koder her, har du fået dem med ind fra den kopieret tekst. Prøv først om du kan fjerne dem med viskelæderet, ellers må du have teksten gennem Notesblok!!! Se side 4. pileforeningen.dk/drupal/brugervejledning. 5
Noget om at lave links I menuen i den grå bjælke i toppen af Body -kassen, findes knapper til at redigere teksten. Link knap link til interne sider på pileforeningen OG til externe sider. BRUG IKKE Browse server!!! Den funktion skal vi IKKE bruge Internt link (til sider på pileforeningen.dk) Begynd at skrive navnet på den side du vil linke til Externt link (til andre hjemmesider) Her skal du skrive URL en/webadressen på den side du vil linke til. Husk at skrive http:// foran Attributter skal IKKE bruges HUSK at skrive: http:// foran den URL adresse linket henviser til. Fx: http://www.pileforeningen.dk Internt link Når man skal lave links til andre sider på pileforeningen.dk, skal man først have oprettet siderne, før man kan linke til dem. Så derfor: Start med at oprette den eller de sider du skal linke til. (se siden om opret ny side) Vedr. Externt link Jeg har tidligere sagt at i skal huske at siden skal åbnes i et nyt vindue. GLEM DET! Det er ny standart i web-verdenen, at man ikke gør det. Hvis man vil åbne et link i et nyt vindue, skal man højre.klikke på linket... pileforeningen.dk/drupal/brugervejledning. 6
Sådan indsætter du billeder på siderne: Når man skal sætte billeder ind på hjemmesider, er det bedst at billederne har den rette størrelse og filformat. Det er for meget at fortælle om filformater her, men som hovedregel skal vi bruge.jpg-filer. På hjemmesider regner man med pixels og ikke fx mm. Det er bedst hvis man har et billedredigeringsprogram. Fx Photoshop, men det er temmeligt dyrt. Der findes også andre programmer. Nogle er gratis... Fx irfanview http://www.irfanview.com/ Tryk redigér på den side du skal sætte billeder ind på. Billeder må ikke have æ, ø, å eller mellemrum i fil-navnet!!! I menuen i den grå bjælke i toppen af Body -kassen, findes knapper til at redigere teksten. Sidst i rækken af symboler findes ikonet for indsættelse af billeder. Når du trykker på ikonet, kommer der et nyt vindue op. Her har du mulighed for at Browse efter billeder du har på din pc. Det er vigtigt at billedet har den rigtige størrelse. For det første er det vigtigt i forhold til hvordan billedet vises på siden. Her taler vi både om størrelsen i pixels (højde x bredde) og om hvor meget billedet er komprimeret. Hvis billedet er for tungt målt i Mb, kan det tage lang tid at oploade/vise på selve hjemmesiden. Billedet kan naturligvis også fx. være for bredt eller højt. Det kræver et billedbehandlings-program at beskære, skalere og komprimere. Når du har fundet det billede, der skal ind, vises billedet i vinduet. I øverste ramme kan du skrive en billedtekst som vises direkte under billedet. Tryk Indsæt. Programmet kan have svært ved meget store filer, derfor er det aldig en god idé at lave billedet den rigtige størrelse inden du uploader det. Billeder i Body-feltet skal være i 72 dpi og må max være 500 pix i bredden. Her kan du skrive en billedtekst som vises direkte under billedet. Størrelse: Der kan vælges forskellige forudbestemt indstillinger til dit billede, hvis det fx er meget stort, kan du vælge 500_bred. Så bliver billedet 500 px i bredden, når det kommer ind på siden. Thumb bliver 180 px i bredden og passer til højre spalte. Billeder i Højre side skal være i 72 dpi og må max være 180 pix i bredden. pileforeningen.dk/drupal/brugervejledning. 7
Instruktion til oprettelse af infokasse: 2 3 1 4 5 Bemærk: Når man vil have noget i højresiden er der to muligheder: a) Hvis det hører sammen med den pågældende side, og ikke skal vises på andre sider, udfylder man feltet Højre spalte b) Hvis det skal vises på flere sider, evt alle sider, kalder vi det for en infobox - det er dette denne vejledning går på) Når du er logget ind, har du redaktørrettigheder. - når du er logget ind, skulle der gerne stå Redaktør menu i venstre panel 1. Tryk Opret ny infokasse 2. Udfyld feltet Titel - (titlen vises dog ingen steder) 3. Udfyld indhold som normalt (lav evt en overskrift, eftersom titlen jo ikke vises) 4. I feltet select region vælges Nodes in block (vigtigt - ellers vises infokassen ikke) 5. I feltet Synlighed vælges hvilke sider, infokassen skal være synlig på. * betyder alle sider. om-pileforeningen vil betyde at kun siden Om pileforeningen vises. Bemærk: Det er sidens alias, der skal skrives (f.eks om-pileforningen ). Det er ikke det samme, som står i menuen (f.eks Om pileforeningen ). Man kan se hvad en sides alias er, ved at kigge i url en. Eksempel på hvordan Find den nærmeste Flettekreds er lavet: pileforeningen.dk/drupal/brugervejledning. 8
Oprettelse af et billedgalleri: OBS: Billeder må ikke have æ, ø, å, punktum eller mellemrum i navnet!!! Tryk Opret nyt billedgalleri i Redaktør menu. Udfyld feltet Titel og Titel i menuen. Måske vil du have den til at være den samme. Vælg en Vægt (henviser til hirakiet i menuen. Højeste tal er tungest. Man kan altid ændre det senere) Skriv tekst i Body. Denne tekst vises under galleriet. Vigtigt: Da det jo er et galleri, skal vi indsætte billeder. Åben Vedhæftede filer hvis den ikke er åben, så du kan se Browse... Nu skal du browse efter de billeder du sikkert har liggende på din computer. Når du har fundet et billede du vil have i galleriet, trykker du på Attach og efter et stykke tid vil du kunne se navnet på billedet i listen. Slet filnavnet og skriv evt. en billedtekst. Hvis det er store billeder, du har, kan dette godt tage lang tid. Her kan det være en fordel hvis du har lavet billederne i den rigtige størrelse først, max 500 pix i bredden og 72 dpi. Gentag, så du har de billeder, du vil have i galleriet. Galleriet laver selv de små billeder i bunden. Thumbs eller Thumbnails... HUSK AT GEMME!!! Her kan du se at der er kommet 3 billeder ind og et fjerde er ved at blive hentet. Billeder skal helst være i jpgformat. Det giver det bedste resultat for farvebilleder. pileforeningen.dk/drupal/brugervejledning. 9
Oprettelse tabeller Sæt kurseren hvor du vil indsætte en tabel og tryk Indsæt tabel -ikonet. I eksemplet har jeg først skrevet en tekst, som kunne være indledning eller overskrift til tabellen. Jeg har valgt at lave 4 kollonner og 2 rækker... MEN LAV KUN 1 række til at starte med! Cellpadding er luft udenom cellerne og Cellspacing er luft inde i cellen. Sæt dem til 0. Aligment er om tabelen skal være til højre, venstre eller i centrum. Indsæt tabel Width er bredden af tabellen. Jeg tror at vi skal vælge at lave den 500 pixels bred, så får vi ikke problemer med 15 skærme. De andre ting skal du ikke røre ved. Sådan ser tabellen ud i Body-kassen. Markér den første kollonne og tryk på celle-ikonet Table cells properties Her kan du indstille cellernes indstillinger. Aligment har jeg igen sat til Left Vertical aligment har jeg sat til Top Width har jeg sat til 90 pixels 3. kollonne har jeg lavet på samme måde. 2. og 4. kollonne har jeg sat til 160 pixels. Det giver ialt 500 pixels. Indstillinger for cellerne Det er en god idé at starte med kun at lave én række. Sætte indstillingerne i cellerne og så derefter lave nye rækker. Når man laver nye rækker arver cellerne indstillingerne fra rækken ovenfor... Det er vigtigt at alle kollonner har en bredde og at de tilsammen bliver tabellens bredde. Ellers kan cellen blive så stor som systemet selv synes. Dvs du kan ikke styre det. Fortsættes > pileforeningen.dk/drupal/brugervejledning. 10
Oprettelse tabeller fortsat Tabel-ikoner: i rækkefølge fra venstre Sådan ser tabellel ud i Body-kassen I dette tilfælde, er billederne 85 px brede og cellen 90 px. Vi har sat cellen til Left, så der kommer 5 pix luft til højre for billedet. Det er en god idé, da teksten i næste celle så ikke kommer til at stå helt op ad billedet. Indsæt ny tabel Række indstillinger Celle indstillinger Indsæt række over (den celle du har din kurser i) Indsæt række under (den celle du har din kurser i) Slet række Indsæt kollonne før indsæt kollonne efter Slet kollonne Split samlede celler Saml celler... ny box kommer frem tast hvor mange celler eller rækker, der skal samles Det er helt fint at sætte nye rækker ind i tabellen, men pas på med at indsætte nye kollonner. Vi har jo bestemt bredden af cellerne, så der går ged i den, hvis du senere ændre på antallet af kollonner. Lav hellere en helt ny tabel. Sådan ser tabellel ud på nettet. Siden har denne bredde på en 15 skærm. Fortsættes > pileforeningen.dk/drupal/brugervejledning. 11
Oprettelse tabeller fortsat... Farver i cellerne For at få farve i cellerne/kollonner eller rækker, skal man markere cellerne og trykke på Table cell properties I popup kassen trykker du på Advanced. Her kan man stille div ting, men det er Backgroundcolour vi skal bruge. Style, kommer ind af sig selv. Den farve jeg har brugt på siden til div lyse toner, hedder: #ebf2ef pileforeningen.dk/drupal/brugervejledning. 12
Opret webform Der er kommet et nyt punkt i Redaktør menuen. Opret webform. Når du trykker på den kommer du til dette vindue. Her kan du oprette den side hvor du vil have en formular. Det forgår på samme måde som en almindelig side. Når du har gemt siden, kommer du til selve webformen. På sider med webforms, er der flere faneblade. Udover: Vis og Redigér er der nu: Webform og Resultater. Og under dem: Formularkomponenter, E-mails og Formularindstillinger. Her kan du oprette de forskellige felter i din formular. Se evt hvordan andre formularer er lavet... Skriv evt Navn og tryk indsend. Nu kommer du ind i fanen for den etiket eller component du har oprettet. Det er for kompliceret at beskrive alt hvad der kan laves her. Se evt: http://pileforeningen.rosell.dk/admin/ help/webform eller: http://drupal.org/handbook/ modules/webform Under E-mail skal du skrive den e-mail, formularen skal sendes til. pileforeningen.dk/drupal/brugervejledning. 13
Oprettelse af flettekreds (for redaktører) ------------------------------------------ 1) Opret flettekreds - Tryk Opret flettekreds - Udfyld titel (flettekredsens navn) - Vælg overordet menupunkt (Flettekredse) - Udfyld postnr - Tryk Gem 2) Gør flettekredsen til en "Section" - Tryk på "Site menu" - Find det nyoprettede menupunkt, og marker det som "Section" - Tryk "Gem indstillinger" 3) Deaktiver menupunktet - Tryk på "Site menu" - Find det nyoprettede menupunkt, og fjern markeringen i "Aktiveret" - Tryk "Gem indstillinger" 4) Giv en bruger tilladelse til at editere og oprette sider i flettekredsen - Tryk Brugerhåndtering - Find den bruger, der skal have rettigheden, og tryk "rediger" - Under "Section editing" vælges den flettekreds, som brugeren skal have adgang til - Under "Roller" skal "flettekreds admin" krydses af, hvis ikke den er det i forvejen - Tryk Gem Oprettelse af sider (for flettekreds admins) -------------------------------------------- 1) Tryk "Opret ny side" i højremenuen 2) Giv siden en titel 3) VIGTIGT: I "Section" vælges hvilket menupunkt, du vil oprette siden under (hvis du glemmer dette, vil du ikke kunne tilgå siden senere) 4) Udfyld indhold 5) Tryk gem pileforeningen.dk/drupal/brugervejledning. 14