JCI Tielt
Website JCI-Tielt Handleiding website
tOmputOr 1-5-2015
Inhoud Intro ......................................................................................................................................................... 3 Browsers .......................................................................................................................................... 3 Algemeen................................................................................................................................................. 4 1.
Wijzigen pagina ........................................................................................................................... 4 Aanmelden ...................................................................................................................................... 4 Beveiligingsniveaus.......................................................................................................................... 4
Website als bezoeker .............................................................................................................................. 5 2.
Home page .................................................................................................................................. 5
3.
Evenementen pagina ................................................................................................................... 5
4.
Foto pagina .................................................................................................................................. 5
5.
Leden menu ................................................................................................................................. 5
Website als JCI-lid .................................................................................................................................... 6 6.
Home page .................................................................................................................................. 6 Evenementen .................................................................................................................................. 6 Mail naar alle leden ......................................................................................................................... 6 Invoeren prestatie code .................................................................................................................. 6
7.
Evenementen pagina ................................................................................................................... 6
8.
Foto pagina .................................................................................................................................. 6
9.
Leden menu (naam aangemeld lid) ............................................................................................. 6 Mijn profiel ...................................................................................................................................... 6 Mijn prestaties................................................................................................................................. 6 Commissies ...................................................................................................................................... 6 Leden / Punten ................................................................................................................................ 7 Kalender .......................................................................................................................................... 7 JCI-Gazette....................................................................................................................................... 7 JCI Documenten............................................................................................................................... 7 Afmelden ......................................................................................................................................... 7
Website als secretaris/penningmeester - Auteur .................................................................................. 8 10.
Detail menu Auteur ................................................................................................................. 8
11.
Exporteren inschrijvingen via formulier (csv bestand) ............................................................ 9
12.
Exporteren inschrijvingen via RSVP (csv bestand)................................................................. 10
13.
In Checken Attendees............................................................................................................ 12
14.
Openen csv bestand in Excel (Export bestand) ..................................................................... 13
Website als JCI webmaster - Redacteur ............................................................................................... 15
15.
Toegang tot Dashboard ......................................................................................................... 15
16.
Pagina inhoud wijzigingen ..................................................................................................... 16
17.
Aanpassen pagina inhoud (bv: Wat is JCI) ............................................................................. 17
Algemeen....................................................................................................................................... 17 Wijzigen Titel ................................................................................................................................. 17 Wijzigen Tekst................................................................................................................................ 18 Wijzigen Foto ................................................................................................................................. 19 Alle wijzigingen opslaan ................................................................................................................ 20 18.
Wijzigen lijst bestuur (pagina ‘Wat is JCI’)............................................................................. 21
19.
Wijzigen leden lijst................................................................................................................. 21
20.
Aanpassen banner home pagina ........................................................................................... 22
Wijzigen banner afbeelding........................................................................................................... 22 Afmetingen banner foto ................................................................................................................ 24 21.
JCI Gazette & documenten .................................................................................................... 25
Nieuwe Gazette / Document ......................................................................................................... 25 Wijzigen Gazette / Document ....................................................................................................... 25 22.
Evenement toevoegen .......................................................................................................... 26
23.
Evenement met bevestiging (RSVP) ..................................................................................... 33
24.
Evenement met geïntegreerd inschrijvingsformulier ........................................................... 34
25.
Evenement met inschrijf knop .............................................................................................. 35
26.
Venue (Locatie)...................................................................................................................... 37
27.
Quform formulieren .............................................................................................................. 40
28.
Photo gallerijen ..................................................................................................................... 44
Nieuwe gallerij ............................................................................................................................... 44 29.
Commissies / Groepen .......................................................................................................... 50
Aanmaken Groep........................................................................................................................... 50 Toevoegen leden ........................................................................................................................... 53 Wijzigen Groepstitel en afbeelding ............................................................................................... 55 EXTRA .................................................................................................................................................... 56 30.
JCI App webpagina ................................................................................................................ 56
Installeren ...................................................................................................................................... 56
Intro Browsers De website werd getest op laatste versies van Internet Explorer, Google Chrome, FireFox & Safari Minimum versie Internet Explorer IE9! (Dit wil zeggen dat via Internet Explorer 8 op Windows XP de website niet kan bekeken worden. Je kan wel kiezen voor een andere browser) Deze website maakt gebruik van WordPress CMS systeem. Mits enige zelfstudie kan véél zelf worden gewijzigd. Voor de meest voorkomende toekomstige wijzigingen werden in deze handleiding uitleg voorzien. Zelfstudie van het WordPress systeem kan op: http://videos.wpbeginner.com/
Algemeen 1. Wijzigen pagina Aanmelden
Beveiligingsniveaus
Er zijn 5 beveiliging levels 1. Website Admin, webdeveloper Alle rechten 2. Redacteur, JCI-Admin Rechten om inhoud te wijzigen Rechten om inschrijvingen te bekijken/exporteren Toegang ledengedeelte 3. Schrijver, JCI-secretaris Rechten om inschrijvingen te bekijken/exporteren Toegang ledengedeelte 4. Abonnee, JCI-Gebruiker Toegang ledengedeelte 5. Bezoeker Toegang tot publiek gedeelte
Website als bezoeker 2. Home page -
Enkel publieke evenementen Max 6 per keer
3. Evenementen pagina -
Enkel publieke evenementen Max 12 per keer
4. Foto pagina -
Enkel publieke foto’s
5. Leden menu -
Niet zichtbaar, aanmelden nodig
Website als JCI-lid 6. Home page Evenementen
Alle evenementen (publiek & enkel leden) Max 6 per keer
Mail naar alle leden
aan:
[email protected], bcc: alle leden
Invoeren prestatie code
Enkel mogelijk indien ingelogd
7. Evenementen pagina -
Alle evenementen (publiek & enkel leden) Max 12 per keer
8. Foto pagina -
Alle foto’s (publiek & enkel leden)
9. Leden menu (naam aangemeld lid) Mijn profiel
Bekijken, wijzigen, wijzigen profiel foto Overzicht lidmaatschap verschillende commissies (doorklikken mogelijk) Instellingen (wachtwoord)
Mijn prestaties
Punten overzicht Overzicht behaalde badges (doorklikbaar) Overzicht behaalde prestaties (doorklikbaar) Overzicht van alle mogelijk behaalbare badges
Commissies
Overzicht alle JCI commissies (doorklikbaar enkel indien lid) Commissies detail Groepsleden o Documenten (enkel lezen en downloaden) o Overzicht leden in de commissie Commissies detail Groepsleden o Documenten (uploaden en downloaden) o Overzicht leden in de commissie o Beheer commissie (Titel, afbeelding)
Leden / Punten
Overzicht leden (sorteerbaar) Doorklikbaar naar profiel lid Punten (sorteerbaar) Behaalde prestaties (sorteerbaar)
Kalender
Maandoverzicht of lijst (doorklikbaar)
JCI-Gazette
JCI-Gazettes archief
JCI Documenten
JCI-Documenten
Afmelden
Website als secretaris/penningmeester - Auteur 10. Detail menu Auteur Klik rechtsboven op ‘Admin menu’
Klik op ‘JCI Tielt’
Klik op ‘Dashboard’
11. Exporteren inschrijvingen via formulier (csv bestand) Klik op ‘Dashboard’ dan op ‘Quform’, dan ‘Exporteer’
1. Selecteer de formulier voor export 2. Selecteer de te exporteren velden
14
12. Exporteren inschrijvingen via RSVP (csv bestand) Open de evenement detail pagina 1.
Klik rechtsboven op ‘Admin menu’
2.
Klik op ‘RSVP’ dan op ‘RSVP List’
3.
14
Klik ‘Download CSV List’
13. In Checken Attendees
Aanduiden welke leden effectief aanwezig waren
Export ingecheckte leden
14
14. Openen csv bestand in Excel (Export bestand) Dubbel klik op het csv bestand 1. Selecteer eerste kolom 2. In menu ‘Gegevens’ klik op ‘Tekst naar kolommen’
3. De import csv wizard opent
4. Selecteer ‘komma’ als scheidings teken
5. Klik op voltooien
Website als JCI webmaster - Redacteur 15. Toegang tot Dashboard Klik rechtsboven op ‘Admin menu’
Klik op ‘JCI Tielt’
Klik op ‘Dashboard’
16. Pagina inhoud wijzigingen SURF NAAR DE PAGINA DIE JE WENST TE WIJZIGEN ! Klik rechtsboven op ‘Admin menu’
Klik ‘Pagina bewerken’
17. Aanpassen pagina inhoud (bv: Wat is JCI) Algemeen Open de ‘Wat is JCI’ pagina om te wijzigen (16
Wijzigen Titel 1. Klik op het ‘wijzig’ icoontje van het ‘Wat is JCI titel’ onderdeel
2. Wijzig titel 3. Bewaar
Wijzigen Tekst 1. Klik op het ‘wijzig’ icoontje van het ‘Wat is JCI’ onderdeel
2. Wijzig titel 3. Bewaar
Wijzigen Foto 1. Klik op het ‘wijzig’ icoontje van het ‘JCI afbeelding’ onderdeel
2. Wijzig foto 3. Bewaar
Alle wijzigingen opslaan
1. Na wijzigen titel, tekst en afbeelding moet de PAGINA worden opgeslagen (Bijwerken) 2. Daarna kun je de resultaten online bekijken
18. Wijzigen lijst bestuur (pagina ‘Wat is JCI’) Voor uitleg over hoe titel, tekst en afbeeldingen te wijzigen zie punt 17 Enkel geel gemarkeerde tekst wijzigen! Het is mogelijk extra bestuur functies toe te voegen door lijnen te kopiëren [ ]
19. Wijzigen leden lijst Automatisch
20. Aanpassen banner home pagina Wijzigen banner afbeelding Open de ‘Home’ pagina om te wijzigen (16 1. Klik op het ‘wijzig’ icoontje van het ‘Banner’ onderdeel
2. Klik op het ‘wijzig’ icoontje van het ‘Nieuwe slide’ onderdeel
3. Geef doorklik link van de afbeelding 4. Laad een foto op (zie volgende punt voor afmetingen foto) 5. Klik op opslaan
6. Klik nog maal op opslaan
7. Klik op bijwerken (nu pas is alles bewaard en ook online merkbaar voor de bezoeker)
Afmetingen banner foto
21. JCI Gazette & documenten Ga naar het ‘Dashboard’ Toegang tot Dashboard
Nieuwe Gazette / Document
Wijzigen Gazette / Document
22. Evenement toevoegen
1. Klik ‘Add new event’
2. Vul titel in In geval van terugkerende evenementen steeds een jaartal of iets soortgelijks toevoegen. Dit omdat de pagina link wordt opgebouwd aan de hand van de titel. Pagina links met eenzelfde naam zorgen voor conflicten
3. Bepaal de zichtbaarheid
Leden: Publiek:
enkel voor leden voor leden en publiek
4. Oranizers Dit wordt niet gebruikt in de automatische opmaak. Gegevens over wie het evenement organiseert kunnen in de tekst worden geplaatst (zie punt 7)
5. Venue (locatie) De venue of locatie dient om het Google maps kaartje te tonen. Klik de gewenste locatie aan. Indien deze nog niet bestaat kun je die aanmaken met ‘Add venue). Vergeet niet om nadien de nieuwe ‘Venue’ te vervolledigen. (Zie handleiding: Locatie toevoegen)
6. Lay-out Opties Enkel de ‘RSVP Box’ kan worden gebruikt. De anderen instellingen worden niet gebruikt door de automatische lay-out.
7. Afbeeldingen ‘Event Featured Image’, ‘Event Page Top Image’ & ‘Event Detail Box Image’ worden niet gebruikt in de automatische lay-out
Het volstaat om enkel de ‘Featured Image’ te voorzien. Deze afbeelding wordt dan gebruikt in het evenementen overzicht en op de evenement detail pagina. Gelieve steeds afbeeldingen te gebruiken met een verhouding 4:3 (bv 800 x 600 pixels)!
8. Datum
9. Event Venue & Tooltip details Box Layout Wordt niet gebruikt door de automatische lay-out. Gelieve hier ook niets aan te wijzigen!
10. Evenement details Plaats voor tekst en uitleg, organisators, details, logo’s van sponsors enz..
11. Excerpt Deze tekst wordt gebruikt in het ‘Binnenkort’ onderdeel
23. Evenement met bevestiging (RSVP) In lay-out opties volstaat het om de ‘RSVP Box’ aan te zetten
Resultaat:
24. Evenement met geïntegreerd inschrijvingsformulier Deze stap kan enkel worden uitgevoerd als er vooraf een formulier werd aangemaakt mat QuForm (Zie afzonderlijke handleiding)
Formulier ALTIJD op eerste lijn van tekst! Klik ‘Add QuForm’ Selecteer het vooraf gemaakte formulier Klik invoegen
25. Evenement met inschrijf knop Deze stap kan enkel worden uitgevoerd als er vooraf een formulier werd aangemaakt mat QuForm (Zie afzonderlijke handleiding)
Formulier ALTIJD op eerste lijn van tekst! Klik ‘Add QuForm’ Selecteer het vooraf gemaakte formulier Aanvinken ‘Geef formulier weer in een popup venster’ Klik invoegen
Wijzig de knop tekst
In tegenstelling tot het geïntegreerde formulier kan de knop naar keuze worden geplaatst
26. Venue (Locatie) Om een Google map aan een evenement toe te voegen moet een ‘Venue’ worden aangemaakt. Dit tijdens de aanmaakt van een evenement met een snel ingave. De snel ingave is enkel voor ingave van de locatie naam en bijgevolg moet na het bewaren van het evenement de aangemaakt ‘Venue’ vervolledigd worden.
1. Klik ‘Venues’
2. Maak een nieuwe ‘Venue’ of een bestaande ‘Venue’ aan.
Belangrijkste velden:
27. Quform formulieren 1. Nieuw aanmaken Vertrek steeds van een bestaande formulier die het meest gelijkt op wat je nodig hebt en dupliceer dit formulier. Een formulier ‘TEMPLATE’ is voorzien als basis
2. Wijzig het gedupliceerde formulier
3. Maak de nodige wijzigingen aan het formulier zelf
4. Wijzig naam & titel
5. Wijzig email instellingen voor INTERNE MAIL met melding nieuwe inschrijving.
6. Wijzig email instellingen voor mail inschrijver
Gebruik ‘insert variable’ om door de inschrijver ingevulde waarden in de mail te plaatsen
28. Photo gallerijen Nieuwe galerij 1. Klik op ‘Galerij / afbeeldingen toevoegen
2. Kies ‘Nieuwe galerij’ 3. Geef naam op voor galerij 4. Klik op ‘Galerij’ toevoegen
5. 6. 7. 8.
Klik nu op het tabblad ‘Afbeeldingen’ Kies uw net aangemaakte gelerij (of een bestaande als je wilt foto’s toevoegen) Klik op ‘Selecteer bestanden’ en selecteer de foto’s op uw computer Klik op ‘Afbeeldingen uploaden’ om de lijst van afbeeldingen op te laden.
9. Keer terug naar de ‘Galerijen’ menu en kies ‘Galerijen’
10. Zoek uw net aangemaakte galerij en klik
11. Klik EERST op ‘Pagina toevoegen’ (wacht tot veld ‘Pagina Link naar’ wijzigd) 12. Kies de Album cover foto (‘Afbeelding vooraf bekijken’) 13. Druk op bijwerken
14. Keer terug naar het ‘Galerijen’ menu en klik op ‘Albums’
15. Selecteer de ‘Leden’ of ‘Public’ album 16. Sleep je nieuw gemaakte galerij naar het album (onderaan!) 17. Klik op ‘bijwerken’ om alles te bewaren!
Ga nu naar de website en open de foto pagina. De nieuw gemaakte galerij is nu aan de foto’s toegevoegd. 18. Klik op de cover foto om naar het album te gaan
Op dit moment zijn de titels nog zichtbaar van de foto’s en is er geen navigatie link om naar de foto pagina terug te keren!!! Hiervoor moet een instelling op de pagina wijzigen.
19. Klik in het admin menu op ‘Pagina bewerken’
20. Kies sjabloon ‘Fotos’ (Belangrijk!!!) 21. Om in te stellen hoe de pagina op Facebook zal worden gedeeld volgen nu een aantal instellingen (optioneel) 22. Geef de titel die zal worden gebruikt op Facebook 23. Geef de omschrijving die zal worden gebruikt op Facebook 24. Geef de afbeelding die zal worden gebruikt op Facebook 25. Kies als ‘uitgelichte afbeelding’ dezelfde afbeelding 26. Klik op ‘bijwerken’ om alles te bewaren 27. Klik op ‘pagina bekijken’ om het resultaat te zien
De pagina bevat nu navigatie om naar de foto pagina terug te keren en de foto titels worden niet meer getoond!
29. Commissies / Groepen Aanmaken Groep Enkel door JCI Admin
1. Klik in het menu op ‘Commissies’
2. Klik op ‘Nieuwe toevoegen’
3. Geef naam 4. Geef omschrijving 5. Klik op ‘Maak groep en ga verder’
6. Kies ‘Privégroep’ 7. Kies Groepsuitnodigingen ‘Alleen Groep beheerders’ 8. Klik ‘Volgende Stap’
9. Kies een afbeelding 10. Klik op ‘Afbeelding uploaden’ 11. Klik op ‘voltooien’ om te eindigen
12. Klik op ‘voltooien’ om te eindigen
Toevoegen leden
1. Klik in menu op ‘Commissies’
2. Type een naam in (de naam wordt ogenblikkelijk opgezocht in de lijst van leden) 3. Klik op ‘Bewaar wijzigingen’ om de persoon lid te maken van de groep
4. Wanneer de persoon lid geworden is kun je zijn rol wijzigen en eventueel verwijderen 5. Klik om te eindigen op ‘Bewaar wijzigingen’
Wijzigen Groepstitel en afbeelding 1. Ga via de website naar de gewenste groep
2. Klik op de tab ‘Beheer’ en wijzig titel, foto en toegang tot de groep.
EXTRA 30. JCI App webpagina Installeren
Surf op mobiel toestel naar http://www.jci-tielt.be/code Klik dan op ‘Toevoegen aan beginscherm’ (zie screenshots iPhone)
Bevestig de voorgestelde gegevens
Een nieuw icoontje verschijnt op het hoofdscherm
De Code pagina verschijnt full screen. Indien je niet bent ingelogd krijg je eerst het inlog scherm te zien