Sportclub Druivenstreek

Transcriptie

1 2017 Sportclub Druivenstreek Handleiding voor het onderhoud van de website Dit document wil aan de beheerder van de website een praktisch instrument ter beschikking stellen voor het beheer van de website, zoals het opladen van fotos en documenten op de server, het aanmaken van paginas met links naar documenten en fotos. Danny Deuvaert

2 Voorwoord Dit document wil een practisch instrument ter beschikking te stellen aan de webbeheerder van de website van de Sportclub Druivenstreek voor het beheer van de website, het opladen van documenten en fotos op de server, het aanmaken en beheren van paginas en activiteiten. Voor het beheer van onze website maken we gebruik van het Website Pakket van de Vlaamse Sportfederatie, die zelf een domein ter beschikking stelt en instaat voor de veiligheid, back-ups en upgrade van het systeem. De website maakt gebruik van Drupal 7, waardoor het volledige beheer van de website in online gebeurd en hierdoor door meerdere webbeheerders kan worden gebruikt. Inhoud Voorwoord... 1 Hoe log ik in als webbeheerder?... 3 De Pagina Welkom... 5 Hoe voeg ik een nieuwe activiteit toe?... 7 Hoe maak ik een nieuwe pagina aan? Hoe verwijs ik naar deze nieuwe pagina? Vanuit de Menu Hoe maak ik een fotoalbum? Hoe wijzig ik een bestaande pagina? V2.0 1/10/2017 Pagina 2 van 29

3 Hoe log ik in als webbeheerder? Op de Google-Chrome taakbalk voer je in. Je bekomt het scherm GEBRUIKERSACCOUNT waarop je je Gebruikersnaam en Wachtwoord invult en op Inloggen drukt V2.0 1/10/2017 Pagina 3 van 29

4 Je bekomt dan onderstaand scherm met bovenaan de menustructuur die toelaat om de gewenste aanpassingen uit te voeren. Onder deze menu vind je ook een balk terug waarop je snelkoppelingen kan plaatsen. Via deze snelkoppelingen kan je - nieuwe gegevens invoeren via Inhoud toevoegen - bestaande gegevens aanpassen via Inhoud vinden Links op het scherm staat de Hoofdmenu specifiek voor de Sportclub Druivenstreek. Door op een van de rubrieken te klikken krijg je de detail van inhoud die je kan bewerken. Om inzicht te krijgen in de structuur en de inhoud van de website gaan we dieper in op Welkom. V2.0 1/10/2017 Pagina 4 van 29

5 De Pagina Welkom Een website bestaat uit Pagina s waarop een of meerdere blokken kunnen worden geplaatst naar eigen keuze. Op het scherm Welkom staan volgende blokken: - 'Logos Sportclub Druivenstreek en Facebook'-blok - 'Zoekveld'-blok - 'View: Banner: Block'-blok - 'Hoofdmenu'-blok - 'Nieuws'-blok Deze blokken kunnen worden aangepast door met de cursor op het blok te gaan staan waarop rechts bovenaan in het blok een tandwieltje met een pijl verschijnt. Door op het pijltje te drukken komt het bericht Blok instellen. Drukken op deze knop geeft de inhoud van de blok weer die we kunnen wijzigen Opmerking: De bestaande blokken kunnen worden opgevraagd en gewijzigd door in de balk met snelkoppelingen Blokken te selecteren. V2.0 1/10/2017 Pagina 5 van 29

6 Onderaan kan je de Zichtbaarheidsinstellingen van het blok aanpassen. Dit blok komt dus alleen voor op de pagina Welkom. De wijzigingen van het blok worden pas effectief na het opslaan door te drukken op Blok opslaan. V2.0 1/10/2017 Pagina 6 van 29

7 Hoe voeg ik een nieuwe activiteit toe? Op de balk met snelkoppelingen selecteer je Inhoud toevoegen waarna je het volgend scherm bekomt Hierop selecteer je Activiteit voor het basisscherm voor het aanmaken van een activiteit V2.0 1/10/2017 Pagina 7 van 29

8 Hierop kan je volgende gegevens invullen: - Naam evenement (verplicht in te vullen) Deze naam wordt getoond in de lijst van de activiteiten in Komende activiteiten van de gewone gebruikersmenu - Datum Tijd wordt getoond naast de activiteit in de lijst van de activiteiten - DatumTijd tot wordt getoond naast de datum van - Beschrijving (niet verplicht) hierin kan je meer informatie geven over de activiteit indien gewenst wordt niet getoond in de lijst van de activiteiten. Je kan eventueel een of meerdere fotos opladen via Foto Voor het ogenblik beperken we ons gewoon tot de aankondiging van de activiteit. Je scrolt tot onderaan het scherm en klikt op Opslaan om de activiteit aan te maken en je bekomt volgend scherm V2.0 1/10/2017 Pagina 8 van 29

9 Als je nu in de hoofdmenu Komende Activiteiten selecteert dan bekom je de lijst van activiteiten met de nieuwe aangemaakte activiteit Test V2.0 1/10/2017 Pagina 9 van 29

10 Klik op Test voor detail van de activiteit Je kan de inhoud van deze activiteit wijzigen door selectie van Bewerken V2.0 1/10/2017 Pagina 10 van 29

11 Hoe maak ik een nieuwe pagina aan? Op de balk met snelkoppelingen selecteer je Inhoud toevoegen en op het resultaat Pagina Je bekomt dan het basisscherm voor de aanmaak van een pagina V2.0 1/10/2017 Pagina 11 van 29

12 Hierop vul je de Titel in en in het vak Berichttekst kan je een tekst invoeren met eventuele hyperlink naar een document en kan je ook een foto invoegen Drukken op Link geeft een popup-scherm waarop je de Link info invult Link Type: URL / Protocol: URL: en klik op Browse Server V2.0 1/10/2017 Pagina 12 van 29

13 Je krijgt een overzicht van de verschillende folders waarin je het gewenst document kan selecteren. Indien het document nog niet aanwezig is kan je het Uploaden. Belangrijke opmerking: op te laden documenten hebben bij voorkeur PDF-formaat. Daarna selecteer je Target waarop je Target: New Window (_blank) selecteert om in een apart window te projecteren Klik op OK om de link op te slaan. Je bekomt dan een scherm met de gelinkte tekst onderlijnd V2.0 1/10/2017 Pagina 13 van 29

14 Voor fotos wordt volgend scherm getoond, waarop je Image Info invult URL: Klik op Opslaan en de foto is toegevoegd aan de tekst V2.0 1/10/2017 Pagina 14 van 29

15 Opgelet, door vorige acties is het paginablad aangepast, maar is nog niet gesaved. Hiervoor scroll je tot onderaan en sla de pagina op door te klikken op Opslaan Deze pagina is onmiddellijk online beschikbaar voor verder gebruik V2.0 1/10/2017 Pagina 15 van 29

16 Hoe verwijs ik naar deze nieuwe pagina? We kunnen op verschillende manieren naar deze pagina verwijzen: - vanuit het Menu bv. Vorige activiteiten > vanuit een andere pagina Vanuit de Menu Eerst zullen we de activiteiten van 2012 ingeven en we willen deze via Menu > Vorige activiteiten > 2012 consulteren Hiervoor maken we een pagina met - Titel: Activiteiten Berichttekst: 15/01/2012 Nieuwjaarsreceptie met wat uitleg en met een link naar een fotoalbum Om de 2012 in de Menu te laten verschijnen als onderdeel van de rubriek Vorige activiteiten met link naar deze pagina moeten we het gedeelte Menu-onderdeel invullen dat zich onderaan het scherm bevindt: - Titel van de menulink: Bovenliggend onderdeel: selecteer uit de lijst Vorige activiteiten - Gewicht: selecteer het gewicht gaande van -50 tot +50 om in de goede volgorde te verschijnen. Zwaarste gewichten komen onderaan de lijst V2.0 1/10/2017 Pagina 16 van 29

17 Menu-onderdeel Sla de pagina op en bij consultatie Vorige activiteiten verschijnt nu ook 2012 V2.0 1/10/2017 Pagina 17 van 29

18 Hoe maak ik een fotoalbum? Fotoalbums kunnen op verschillende manieren worden aangemaakt. Een van de mogelijkheden is een album aan te maken met PICASA en deze dan te uploaden onder de Google-account met passwoord dcdb5065 Het is echter ook mogelijk om rechtstreeks in Drupal fotoalbums aan te maken. Hiervoor selecteer je Inhoud aanmaken op de Webmaster menu en daarin Fotoalbum waarop je de Titel en een Beschrijving geeft. Bij het opslaan verkrijg je dan volgend scherm V2.0 1/10/2017 Pagina 18 van 29

19 Hierin wordt vermeld dat nog geen fotos werden toegevoegd aan het album en kan je hierin fotos toevoegen. Hierop klikken geeft volgend scherm In Titel moet je aan iedere foto een naam geven (zoniet mislukt de upload) en bij klikken op het icoontje verschijnt een selectiescherm. V2.0 1/10/2017 Pagina 19 van 29

20 Klik op Openen en de geselectieerde foto wordt in de wachtrij geplaatst. Hierna kan eventueel een nieuwe foto worden geselecteerd en bij opslaan verschijnt volgend scherm V2.0 1/10/2017 Pagina 20 van 29

21 Klikken op Volgende stap geeft als resultaat Opslaan geeft volgend resultaat V2.0 1/10/2017 Pagina 21 van 29

22 Dit album staat opgeslagen op de server en kan gelinkt worden via volgend URL V2.0 1/10/2017 Pagina 22 van 29

23 Op de pagina van de Activiteiten 2012 voeren we deze link in bij Klik hier voor de fotos Opslaan geeft dan de onderlijnde tekst Selectie van Vorige activiteiten > 2012 geeft V2.0 1/10/2017 Pagina 23 van 29

24 Klikken op Klik hier voor de fotos geeft V2.0 1/10/2017 Pagina 24 van 29

25 Hoe wijzig ik een bestaande pagina? Hiervoor selecteer je Inhoud beheren in het Webmaster menu waardoor je een lijst bekomt van alle bestaande inhouden Hierop selecteer je de gewenste in houd en klik op bewerken met als resultaat V2.0 1/10/2017 Pagina 25 van 29

26 Hierop kunnen dan fotos worden toegevoegd, de tekst gewijzigd of aangevuld of bijlages worden toegevoegd. Op onze website verwijzen de paginas naar bestaande documenten en/of fotoalbums. We hebben echter een aantal paginas die verwijzen naar andere paginas die op hun beurt verwijzen naar documenten en/of fotoalbums. Dit is bijvoorbeeld het geval van rapportering van onze deelnames aan Special Olympics. Vorige activiteiten > 2010 geeft onderstaand scherm van activiteiten - 4 e Zwemhappening ten voordele van de Kerselaar Macon Special Olympics Belgium 2010 met telkens een korte inhoud en een link naar de eigen pagina Hoe maak ik een link naar een bestaande pagina? De link naar deze paginas kan worden teruggevonden via Site-constructie > URL-aliassen > Lijst V2.0 1/10/2017 Pagina 26 van 29

27 Hierop ziet men dat iedere aangemaakte inhoud een node-nummer heeft gekregen. Om de Scroll tot je de pagina hebt gevonden en klik vervolgens bewerken. Voor onze Special Olympics 2010 krijg je volgend scherm V2.0 1/10/2017 Pagina 27 van 29

28 Hierop vind je de URL in Bestaand systeempad en dit moet worden ingevuld in de link Daarna selecteer je ook New Window (_blank) voor Target, OK en Opslaan V2.0 1/10/2017 Pagina 28 van 29

29 Klikken om meer geeft dan de pagina van de Special Olympics 2010, waarop nog verdere links naar documenten, fotos staan aangegeven en ook links naar de paginas van - Aangepaste Fysieke Activiteiten - Atletiek - Fietsen - Voetbal - Zwemmen V2.0 1/10/2017 Pagina 29 van 29