Verschillen
Dit geeft de verschillen weer tussen de geselecteerde revisie en de huidige revisie van de pagina.
Beide kanten vorige revisie Vorige revisie Volgende revisie | Vorige revisie | ||
dmcompusoft:veteranen-dronten [07-02-2024 09:23] – Arjan de Wit | dmcompusoft:veteranen-dronten [14-02-2024 15:02] (huidige) – [3.6 Contact formulieren] Arjan de Wit | ||
---|---|---|---|
Regel 5: | Regel 5: | ||
^Datum^Versie^Wijziging^Auteur| | ^Datum^Versie^Wijziging^Auteur| | ||
|06-02-2024|0.1|initiële versie|Arjan de Wit| | |06-02-2024|0.1|initiële versie|Arjan de Wit| | ||
- | | | | | | | + | |08-02-2024|0.5|ter review|Arjan de Wit| |
<WRAP pagebreak/> | <WRAP pagebreak/> | ||
Regel 14: | Regel 14: | ||
Dit document voorziet in de functionele beschrijving van de componenten die gebruikt worden om de website van de Stichting Veteranen Gemeente Dronten, hierna te noemen SVGD, te laten functioneren. | Dit document voorziet in de functionele beschrijving van de componenten die gebruikt worden om de website van de Stichting Veteranen Gemeente Dronten, hierna te noemen SVGD, te laten functioneren. | ||
+ | |||
+ | Het verdient de aanbeveling om engie kennis van WordPress te hebben voor het beheer vcan deze website. Voor een optimaal beheer is kennis van php en css een pré. | ||
==== 2.2 Scope ==== | ==== 2.2 Scope ==== | ||
Regel 35: | Regel 37: | ||
Apache of NGinx worden aanbevolen als robuste serverplatformen voor een WordPress omgeving. | Apache of NGinx worden aanbevolen als robuste serverplatformen voor een WordPress omgeving. | ||
- | Alle, in dit hoofdstuk genoemde plugins zijn terug te vinden in [[: | + | Alle, in dit hoofdstuk genoemde plugins zijn terug te vinden in [[: |
- | === 3.1.1 Inloggen | + | ==== 3.2 Layout ==== |
+ | |||
+ | Voor de website van SVGD wordt gebruik gemaakt van het commerciële design [[https:// | ||
+ | |||
+ | === 3.2.1 Kleurstelling === | ||
+ | |||
+ | De primaire kleuren die op de website gebruikt worden zijn: | ||
+ | |||
+ | <WRAP col2> | ||
+ | |||
+ | {{: | ||
+ | |||
+ | </ | ||
+ | |||
+ | <WRAP col2> | ||
+ | |||
+ | {{: | ||
+ | |||
+ | </ | ||
+ | |||
+ | === 3.2.2 Lettertype === | ||
+ | |||
+ | Er is gekozen voor het lettertype [[https:// | ||
+ | De gebruikte api key is: | ||
+ | |||
+ | '' | ||
+ | |||
+ | ==== 3.3 Optimalisatie ==== | ||
+ | |||
+ | Om de website van de SVGD zo soepel mogelijk te laten functioneren en een zo snel mogelijke gebruikerservaring te creëren wordt gebruik gemaakt van diverse plugins. | ||
+ | |||
+ | === 3.3.1 Autoptimize | ||
+ | |||
+ | Autoptimize is een plugin die de stylesheet en javascript elementen van de website kan comprimeren. De geactiveerde instellingen zijn hieronder weergegeven: | ||
+ | |||
+ | {{: | ||
+ | |||
+ | {{: | ||
+ | |||
+ | {{: | ||
+ | |||
+ | === 3.3.2 KeyCDN Cache Enabler === | ||
+ | |||
+ | KeyCDN Cache Enabler zorgt ervoor dat de pagina' | ||
+ | |||
+ | {{: | ||
+ | |||
+ | === 3.3.3 KeyCDN CDN Enabler === | ||
+ | |||
+ | Naast het gebruik van de KeyCDN Cache Enabler voor het lokaal opslaan van de webpagina' | ||
+ | |||
+ | DM Compusoft heeft een account bij KeyCDN waarop de website van SVGD kan meeliften. Derhalve wordt de api key niet gedeeld in dit document. | ||
+ | |||
+ | === 3.3.4 GT Metrix prestaties === | ||
+ | |||
+ | De eerder genoemde plugins leiden ertoe dat de website van SVDG onderstaande prestaties scoort bij GT Metrix. | ||
+ | |||
+ | {{: | ||
+ | |||
+ | ==== 3.4 Statistieken ==== | ||
+ | |||
+ | De statstieken worden op 2 plaatsen gemeten | ||
+ | |||
+ | === 3.4.1 Google Analytics === | ||
+ | |||
+ | De statistieken worden in een Google Analytcs dashboard bijgehouden. De entiteit hiervan is onderdeel van het account van De Wit Online. Om deze koppeling tot stand te brengen wordt gebruik gemaakt van de CAOS plugin. Onderstaand de relevante instellingen: | ||
+ | |||
+ | {{: | ||
+ | |||
+ | === 3.4.2 Burst Statistics === | ||
+ | |||
+ | De meeste metingen en rapportages op het gebied van bezoekers gaan via de Burst Statistics plugin. Deze statistieken zijn anoniem en via het dashboard toegankelijk. \\ De relevante instellingen zijn: | ||
+ | |||
+ | {{: | ||
+ | |||
+ | ==== 3.5 Zoekmachine optimalisatie ==== | ||
+ | |||
+ | Om de vindbaarheid op het internet te vergroten wordt gebruik gemaakt van plugins die hierbij ondersteunen. | ||
+ | |||
+ | {{anchor: | ||
+ | |||
+ | === 3.5.1 Yoast SEO === | ||
+ | |||
+ | De Yoast SEO plugin is een van de populairste plugins om jouw website te optimaliseren voor zoekmachines. De plugin is zo goed als "in basis" geconfigureerd, | ||
+ | De ingestelde sitefuncties zijn: | ||
<WRAP group> | <WRAP group> | ||
- | < | + | < |
- | {{: | + | * SEO analyse |
+ | * Leesbaarheidsanalyse | ||
+ | * Inzichten | ||
+ | * Cornerstone content | ||
+ | * Tekstlinkteller | ||
+ | * Open Graph gegevens | ||
</ | </ | ||
- | < | + | < |
- | Inloggen | + | * Twitter kaart gegevens |
- | Medewerkers die inlog gegevens hebben, kunnen deze hier invullen. | + | * Delen op Slack |
+ | * Toolbarmenu | ||
+ | * Rest APO endpoint | ||
+ | * XML-sitemaps | ||
</ | </ | ||
Regel 56: | Regel 150: | ||
</ | </ | ||
- | === 3.1.2 Pagina's === | + | === 3.5.2 Browser caching === |
+ | |||
+ | Om ervoor te zorgen dat afbeeldingen en teksten bij een volgend bezoek sneller geladen worden, is de plugin Browser caching with .htaccess geïnstalleerd. In verband met afgeschermde pagina' | ||
+ | |||
+ | |||
+ | ==== 3.6 Contact formulieren ==== | ||
+ | |||
+ | Voor het maken van contact- en inschrijf formulieren wordt gebruik gemaakt van de plugin ContacForm 7. Een van de meest gebruikte plugins op dit gebied. Op de website zijn de volgende formulieren gedefinieerd: | ||
+ | |||
+ | * **Contactformulier** \\ Ten behoeve van het opnemen van contact met SVGD. Mail gaat naar info@veteranengemeentedronten.nl, | ||
+ | * **Lief en Leed** \\ Ten behoeve van het melden van lief en leed berichten. Mail gaat naar liefleed@veteranengemeentedronten.nl, | ||
+ | * **Diverse " | ||
+ | * Kascontrole | ||
+ | * Educatie | ||
+ | * Horeca | ||
+ | * Penningmeester | ||
+ | * Open-Sollicitatie | ||
+ | * **Veteranendag** \\ Ten behoeve van inschrijvingen voor de lokale veteranendag. Mail gaat naar webmaster@veteranengemeentedronten.nl | ||
+ | Voor het tegenhouden van spam berichten wordt gebruik gemaakt van het reCAPTCHA 3 protocol. De spamcontrole vindt plaats via het Google reCAPTCHA account van DM Compusoft. \\ Tevens is de gratis plugin Honeypot geinstalleerd die ook al veel spam berichten moet afvangen. Om een backup van de verzonden berichten te hebben, gebruikt de website de Flamingo plugin. Deze slaat in de database de verzonden formulieren op. Spam berichten worden ook opgeslagen en automatisch na 30 dagen verwijderd. | ||
+ | |||
+ | |||
+ | ==== 3.7 Nieuwsbrieven ==== | ||
+ | |||
+ | Om de leden te informeren wordt er gebruik gemaakt van de **commerciële** | ||
+ | |||
+ | * WP Users integration \\ Voor koppeling met de WordPress gebruikers (ledenbestand) | ||
+ | * Contact Form 7 Connect \\ Om velden uit de contact corm 7 plugin te koppelen aan velden van de nieuwsbrieven plugin | ||
+ | * Form Designer | ||
+ | * Locked Content \\ Om delen van de publieke site af te schermen welke leesbaar worden na het inschrijven op de nieuwsbrief. (toegepast op het Berichten artikel over Marco Boerendonck) | ||
+ | * Extended Composer Blocks \\ Voor een veelzijdiger opmaak van de nieuwsbrieven | ||
+ | * Events Manager \\ Voor het toevoegen van evenementen aan de nieuwsbrief | ||
+ | * Geolocation \\ Bepaalt de abonnees op basis van hun ocatie waar een re-target op kan plaatsvinden | ||
+ | * Reports and retargeting \\ Geeft gedetaileerde inzichten in het lees- en klikgedrag van de abonnees | ||
+ | * Brevo \\ Gratis koppeling met mail delivery service van [[https:// | ||
+ | |||
+ | De benodigde licentie moet jaarlijks vernieuwd worden. | ||
+ | |||
+ | ==== 3.8 Events Manager ==== | ||
<WRAP group> | <WRAP group> | ||
Regel 62: | Regel 193: | ||
<WRAP third column> | <WRAP third column> | ||
- | {{: | + | {{: |
</ | </ | ||
Regel 68: | Regel 199: | ||
<WRAP twothirds column> | <WRAP twothirds column> | ||
- | In de beheersomgeving vind je aan de linker zijde een menu. Hierin staan de functionaliteiten die de website bevat, alsmede toegang tot de instellingen van de website | + | Deze **commerciële** |
- | In het menu vind je " | + | ==== 3.9 WP-Members ==== |
+ | |||
+ | De website | ||
+ | |||
+ | ==== 3.10 Overige plugins ==== | ||
+ | |||
+ | Er zijn nog een groot aantal aanvullende plugins. Deze zullen kort met naam en functionaliteit benoemd | ||
+ | |||
+ | * Yop Poll; om polls te plaatsen op de website | ||
+ | * E2Pdf; voor het genereren | ||
+ | * Woocommerce; | ||
+ | * Autoptimize cache settings; voor het automatisch legen van dit cache-file | ||
+ | * Login as user; om als beheerder onder het account van een lid in te loggen | ||
+ | * User Role Editor; Om diverse rollen aan te maken binnen de WorPress omgeving | ||
+ | * ShortPixel; voor het online comprimeren van afbeeldingen (via betaald accout van DM Compusoft) | ||
+ | * Really Simple SSL; voor het voorzien van veilige content in combinatie met het SSL certificaat van de hosting provider | ||
+ | * Complianz; om te voldoen aan de AVG | ||
+ | * Optimaliseer Database; voor het schoonhouden en optimaliseren van de WordPress database | ||
+ | * Loco Translate; om plugins te vertaen naar het Nederlands waar nodig | ||
</ | </ | ||
Regel 76: | Regel 225: | ||
</ | </ | ||
- | === 3.1.2 Berichten | + | <WRAP pagebreak /> |
+ | |||
+ | ===== 4. Content Management ===== | ||
+ | |||
+ | ==== 4.1 Inleiding ==== | ||
+ | |||
+ | Het gaat te ver om een hele handleiding te schrijven. Er zijn via Google ook voldoende tutorials te vinden over hoe je met WordPress en de plugine moet omgaan. Een aantal basis zaken echter, worden wel beschreven in dit hoofdstuk. | ||
+ | |||
+ | === 4.2 Beheer === | ||
+ | |||
+ | === 4.2.1 Inloggen | ||
<WRAP group> | <WRAP group> | ||
Regel 82: | Regel 241: | ||
<WRAP third column> | <WRAP third column> | ||
- | {{: | + | {{: |
</ | </ | ||
Regel 88: | Regel 247: | ||
<WRAP twothirds column> | <WRAP twothirds column> | ||
- | In het menu vind je ook " | + | Inloggen |
+ | Medewerkers die inlog gegevens hebben, kunnen deze hier invullen. | ||
</ | </ | ||
Regel 94: | Regel 254: | ||
</ | </ | ||
- | ==== 3.2 Layout ==== | + | === 4.2.2 Pagina' |
- | Voor de website van SVGD wordt gebruik gemaakt van het commerciële design [[https:// | + | <WRAP group> |
- | === 3.2.1 Kleurstelling === | + | <WRAP third column> |
- | De primaire kleuren die op de website gebruikt worden zijn: | + | {{:dmcompusoft: |
- | < | + | </WRAP> |
- | {{: | + | <WRAP twothirds column> |
- | </ | + | In de beheersomgeving vind je aan de linker zijde een menu. Hierin staan de functionaliteiten die de website bevat, alsmede toegang tot de instellingen van de website en het thema. |
- | <WRAP col2> | + | In het menu vind je " |
- | {{:dmcompusoft:secondary-color.png? | + | Via deze link vind je een instructie om een nieuwe pagina aan te maken: [[https:// |
+ | Maak je gebruik van de UX-Builder, kijk dan ook hier: [[https:// | ||
</ | </ | ||
- | === 3.2.2 Lettertype === | + | </ |
- | Er is gekozen voor het lettertype [[https:// | + | === 4.2.3 Berichten === |
- | De gebruikte api key is: | + | |
- | '' | + | <WRAP group> |
- | ==== 3.3 Optimalisatie ==== | + | <WRAP third column> |
- | Om de website van de SVGD zo soepel mogelijk te laten functioneren en een zo snel mogelijke gebruikerservaring te creëren wordt gebruik gemaakt van diverse plugins. | + | {{: |
- | === 3.3.1 Autoptimize === | + | </ |
- | Autoptimize is een plugin die de stylesheet en javascript elementen van de website kan comprimeren. De geactiveerde instellingen zijn hieronder weergegeven: | + | <WRAP twothirds column> |
- | {{: | + | In het menu vind je ook " |
- | {{:dmcompusoft:autoptimize-css.png? | + | Via deze link vind je een instructie om een nieuws artikel toe te voegen: [[https://wordpress.com/ |
- | {{: | + | </ |
- | === 3.3.2 KeyCDN Cache Enabler === | + | </ |
- | KeyCDN Cache Enabler zorgt ervoor dat de pagina' | + | === 4.2.4 Media === |
- | {{: | + | <WRAP group> |
- | === 3.3.3 KeyCDN CDN Enabler === | + | <WRAP third column> |
- | Naast het gebruik van de KeyCDN Cache Enabler voor het lokaal opslaan van de webpagina' | + | {{: |
- | DM Compusoft heeft een account bij KeyCDN waarop de website van SVGD kan meeliften. Derhalve wordt de api key niet gedeeld in dit document. | + | </ |
- | === 3.3.4 GT Metrix prestaties === | + | <WRAP twothirds column> |
- | De eerder genoemde plugins leiden ertoe dat de website van SVDG onderstaande prestaties scoort bij GT Metrix. | + | In het menu vind je ook " |
- | {{: | + | </ |
- | ==== 3.4 Statistieken ==== | + | </ |
- | De statstieken worden op 2 plaatsen gemeten | + | === 4.2.4 Flatsome Theme === |
- | === 3.4.1 Google Analytics === | + | <WRAP group> |
- | De statistieken worden in een Google Analytcs dashboard bijgehouden. De entiteit hiervan is onderdeel van het account van De Wit Online. Om deze koppeling tot stand te brengen wordt gebruik gemaakt van de CAOS plugin. Onderstaand de relevante instellingen: | + | <WRAP third column> |
- | {{: | + | {{: |
- | === 3.4.2 Burst Statistics === | + | </ |
- | De meeste metingen en rapportages op het gebied van bezoekers gaan via de Burst Statistics plugin. Deze statistieken zijn anoniem en via het dashboard toegankelijk. \\ De relevante instellingen zijn: | + | <WRAP twothirds column> |
- | {{:dmcompusoft:burst-settings.png? | + | [[https:// |
+ | De UX-Builder is het hart van dit thema en biedt de gebruiker eindeloos veel mogelijkheden om de website vorm te geven. Binnen het thema zijn verschillende opties om handmatig code voor styling (zogenaamde css) toe te voegen. | ||
- | ==== 3.5 Zoekmachine optimalisatie ==== | + | </ |
- | Om de vindbaarheid op het internet te vergroten wordt gebruik gemaakt van plugins die hierbij ondersteunen. | + | </ |
- | + | ||
- | {{anchor: | + | |
- | + | ||
- | === 3.5.1 Yoast SEO === | + | |
<WRAP pagebreak/> | <WRAP pagebreak/> | ||
Regel 181: | Regel 338: | ||
{{anchor: | {{anchor: | ||
- | ===== Appendix A ===== | + | ===== Appendix A - Plugins & Integraties |
- | Lijst met gebruikte plugins: | + | ==== A1. Plugins ==== |
* [[https:// | * [[https:// | ||
Regel 191: | Regel 348: | ||
* [[https:// | * [[https:// | ||
* [[https:// | * [[https:// | ||
+ | * [[https:// | ||
+ | * [[https:// | ||
+ | * [[https:// | ||
+ | * [[https:// | ||
+ | * [[https:// | ||
+ | * [[https:// | ||
+ | * [[https:// | ||
+ | * [[https:// | ||
+ | * [[https:// | ||
+ | * [[https:// | ||
+ | * [[https:// | ||
+ | * [[https:// | ||
+ | * [[https:// | ||
+ | * [[https:// | ||
+ | * [[https:// | ||
+ | * [[https:// | ||
+ | * [[https:// | ||
+ | * [[https:// | ||
+ | * [[https:// | ||
+ | * [[https:// | ||
+ | |||
+ | ==== A2. Integraties ==== | ||
+ | |||
+ | === Nederlands Veteraneninstituut === | ||
+ | |||
+ | Moederbedrijf van DM Compusoft, De Wit Online, heeft bij het Nederlands Veteraneninstituut een gratis toegangscode voor de api met de veteranen database aangevraagd. Hierdoor is het mogelijk om te verifieren of iemand ook veteraan is. Deze verificatie vindt plaats op basis van registratienummer en postcode. \\ DM Compusoft is esgewenst bereid kosteloos te ondersteunen bij dit script. [[https:// | ||
+ | |||
+ | ===== Appendix B - Inloggegevens ===== | ||
+ | |||
+ | Belangrijke inlog gegevens | ||
+ | |||
+ | **Brevo:** | ||
+ | |||
+ | Account: webmaster@veteranengemeentedronten.nl \\ password: V8^#bQLg$a | ||