Verschillen

Dit geeft de verschillen weer tussen de geselecteerde revisie en de huidige revisie van de pagina.

--- dmcompusoft:veteranen-dronten [06-02-2024 20:27] – 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|
 |06-02-2024|0.1|initiële versie|Arjan de Wit|
-| | | | |
+|08-02-2024|0.5|ter review|Arjan de Wit|
 <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.
+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 ====
@@ Regel 36: / Regel 38: @@
 Alle, in dit hoofdstuk genoemde plugins zijn terug te vinden in [[:dmcompusoft:veteranen-dronten#appendix-a|Appendix A ]]met een link naar de officiële website.
-.1.1 Pagina's
 ==== 3.2 Layout ====
@@ Regel 117: / Regel 117: @@
 Om de vindbaarheid op het internet te vergroten wordt gebruik gemaakt van plugins die hierbij ondersteunen.
+{{anchor:yoast}}
 === 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, wat wil zeggen dat er weinig aanpassingen zijn gedaan.\\
+De ingestelde sitefuncties zijn:
+<WRAP group>
+<WRAP half column>
+  * SEO analyse
+  * Leesbaarheidsanalyse
+  * Inzichten
+  * Cornerstone content
+  * Tekstlinkteller
+  * Open Graph gegevens
+</WRAP>
+<WRAP half column>
+  * Twitter kaart gegevens
+  * Delen op Slack
+  * Toolbarmenu
+  * Rest APO endpoint
+  * XML-sitemaps
+</WRAP>
+</WRAP>
+=== 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's en eerdere caching mogelijkheden, is voor de specifieke expression **ExpiresByType text/html**  de instelling **"access plus 0 seconds**" gedaan. De overige instellingen staan allemaal op 1 maand.
+==== 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, webmaster@veteranengemeentedronten.nl. \\ Dit formulier is geplaatst op de contact pagina
+  * **Lief en Leed** \\ Ten behoeve van het melden van lief en leed berichten. Mail gaat naar liefleed@veteranengemeentedronten.nl, webmaster@veteranengemeentedronten.nl \\ Dit formulier is geplaatst op de pagina Lief en Leed
+  * **Diverse "solicitatie" formulieren** \\ Deze formulieren staan allen op de vacature pagina en de mail gaat naar webmaster@veternengemeentedronten.nl
+      * 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**  plugin thenewsletterplugin. Er is voor de pro versie gekozen omdat deze meer functionaliteiten biedt dan de gratis versie. Via de Addon Manager zijn de aanvullende plugins geïnstelleerd:
+  * 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://app.brevo.com/|Brevo]].
+De benodigde licentie moet jaarlijks vernieuwd worden.
+==== 3.8 Events Manager ====
+<WRAP group>
+<WRAP third column>
+{{:dmcompusoft:wp-events.png?nolink&160x407}}
+</WRAP>
+<WRAP twothirds column>
+Deze **commerciële**  plugin wordt gebruikt om evenementen te tonen op de website. \\ Via de diverse submenu's kunnen evenementen, terugkerende evenementen en locaties worden aangemaakt. Indien dit ingesteld wordt (per evenement) kunnen er ook reserveringen gedaan worden. \\ In combinatie met WooCommerce kunnen betalingen afgehandeld worden voor evnementen en kunnen tickets worden gegenereerd. De pro versie voorziet in de genoemde features en de bijbehorende licentie moet jaarlijks vernieuwd worden.
+==== 3.9 WP-Members ====
+De website is voorzien van een afgeschermd deel voor de leden. Dit wordt mogelijk gemaakt door deze plugin. Inschrijven gaat middels de registratie pagina. Hier vindt eerst een verificatie bij het NLVi plaats, waarna men zich kan inschrijven. Het inschrijfproces en authorisatieproces verloopt verder geautomatiseerd. \\ Deze plugin voorziet ook in de mogelijkheid om Lidmaatschappen aan te maken. Gebruikers een bepaald lidmaatschap hebben, krijgen zo extra rechten. Bijvoorbeeld de mogelijkheid om je eigen certificaat van de veteranencoin uit te printen.
+==== 3.10 Overige plugins ====
+Er zijn nog een groot aantal aanvullende plugins. Deze zullen kort met naam en functionaliteit benoemd worden maar niet uitgebreid beschreven
+  * Yop Poll; om polls te plaatsen op de website
+  * E2Pdf; voor het genereren van certificaten
+  * Woocommerce; voor betaalde producten en evenementen
+  * 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
+</WRAP>
+</WRAP>
+<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 third column>
+{{:dmcompusoft:inloggen.png?nolink&809x510}}
+</WRAP>
+<WRAP twothirds column>
+Inloggen op de beheersomgeving van de website gaat door naar de url [[https://www.veteranengemeentedronten.nl/wp-admin|https://www.veteranengemeentedronten.nl/wp-admin]] te gaan. \\
+Medewerkers die inlog gegevens hebben, kunnen deze hier invullen.
+</WRAP>
+</WRAP>
+=== 4.2.2 Pagina's ===
+<WRAP group>
+<WRAP third column>
+{{:dmcompusoft:wp-paginas.png?nolink&241x289}}
+</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.
+In het menu vind je "Pagina's" Onder dit kopje vind je alle pagina's die op de website staan. Het beste kan je de pagina's bewerken met de UX-Builder (onderdeel van het Flatsome theme). Deze editor geeft je heel veel mogelijkheden in het maken van de pagina's. Iedere pagina kan voorzien worden van zogenaamde Meta informatie ten behoeve van zoekmachines. Dit vind je terug onder [[:dmcompusoft:veteranen-dronten#yoast|Yoast SEO]].
+Via deze link vind je een instructie om een nieuwe pagina aan te maken: [[https://wordpress.com/support/pages/|https://wordpress.com/support/pages/]] \\
+Maak je gebruik van de UX-Builder, kijk dan ook hier: [[https://docs.uxthemes.com/article/186-how-to-use-the-ux-builder|https://docs.uxthemes.com/article/186-how-to-use-the-ux-builder]]
+</WRAP>
+</WRAP>
+=== 4.2.3 Berichten ===
+<WRAP group>
+<WRAP third column>
+{{:dmcompusoft:wp-blog.png?nolink&241x289}}
+</WRAP>
+<WRAP twothirds column>
+In het menu vind je ook "Berichten" Onder dit kopje vind je alle nieuws artikelen die op de website staan. Hiervoor kan gebruik gemaakt worden van de reguliere editor. Ieder bericht kan voorzien worden van zogenaamde Meta informatie ten behoeve van zoekmachines. Dit vind je terug onder [[:dmcompusoft:veteranen-dronten#yoast|Yoast SEO]].
+Via deze link vind je een instructie om een nieuws artikel toe te voegen: [[https://wordpress.com/support/posts/|https://wordpress.com/support/posts/]]
+</WRAP>
+</WRAP>
+=== 4.2.4 Media ===
+<WRAP group>
+<WRAP third column>
+{{:dmcompusoft:wp-media.png?nolink&241x289}}
+</WRAP>
+<WRAP twothirds column>
+In het menu vind je ook "Media" Onder dit kopje vind je alle afbeeldingen, documenten en videos die door de beeheerder ge-upload zijn.
+</WRAP>
+</WRAP>
+=== 4.2.4 Flatsome Theme ===
+<WRAP group>
+<WRAP third column>
+{{:dmcompusoft:wp-flatsome.png?nolink&321x316}}
+</WRAP>
+<WRAP twothirds column>
+[[https://flatsome3.uxthemes.com/|Flatsome Theme]] is een **commercieel**  thema dat ontzettend veelzijdig is. Het gaat in deze beschrijving dan ook te ver om alle mogelijkheden uit te leggen. \\ Het thema voorziet in een goed gedocumenteerde hulp. Deze vind je via deze link: [[https://docs.uxthemes.com/|https://docs.uxthemes.com/]]. \\
+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.
+</WRAP>
+</WRAP>
 <WRAP pagebreak/>
@@ Regel 124: / Regel 338: @@
 {{anchor:appendix-a}}
-===== Appendix A =====
+===== Appendix A - Plugins & Integraties =====
-Lijst met gebruikte plugins:
+==== A1. Plugins ====
   * [[https://nl.wordpress.org/plugins/use-any-font/|Use Any Font]]
@@ Regel 134: / Regel 348: @@
   * [[https://wordpress.org/plugins/burst-statistics/|Burst Statistieken]]
   * [[https://nl.wordpress.org/plugins/host-analyticsjs-local/|CAOS | Host Google Analytics locally]]
+  * [[https://nl.wordpress.org/plugins/wordpress-seo/|Yoast SEO]]
+  * [[https://nl.wordpress.org/plugins/browser-caching-with-htaccess/|Browser caching by .htaccess]]
+  * [[https://nl.wordpress.org/plugins/contact-form-7/|Contact Form 7]]
+  * [[https://nl.wordpress.org/plugins/contact-form-7-honeypot/|HoneyPot]]
+  * [[https://nl.wordpress.org/plugins/flamingo/|Flamingo]]
+  * [[https://nl.wordpress.org/plugins/newsletter/|Thenewsletterplugin]]
+  * [[https://nl.wordpress.org/plugins/events-manager/|Events Manager]]
+  * [[https://wordpress.org/plugins/wp-members/|WP-Members]]
+  * [[https://nl.wordpress.org/plugins/yop-poll/|Yop Poll]]
+  * [[https://wordpress.org/plugins/e2pdf/|E2Pdf]]
+  * [[https://wordpress.org/plugins/woocommerce/|Woocommerce]]
+  * [[https://wordpress.org/plugins/autoclear-autoptimize-cache/|Autoptimize cache settings]]
+  * [[https://wordpress.org/plugins/login-as-user/|Login as user]]
+  * [[https://nl.wordpress.org/plugins/user-role-editor/|User Role Editor]]
+  * [[https://wordpress.org/plugins/shortpixel-image-optimiser/|ShortPixel]]
+  * [[https://wordpress.org/plugins/really-simple-ssl/|Really Simple SSL]]
+  * [[https://nl.wordpress.org/plugins/complianz-gdpr/|Complianz]]
+  * [[https://nl.wordpress.org/plugins/rvg-optimize-database/|Optimaliseer Database]]
+  * [[https://nl.wordpress.org/plugins/loco-translate/|Loco Translate]]
+  * [[https://nl.wordpress.org/plugins/birthday-emails/|Birthday Emails]]
+==== 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://dewit.familyds.net/wiki/_media/dmcompusoft/scriptveteranencheck.zip|Het basis script kan hier worden gedownload]] en de code dient in de functions.php van het thema geplaatst te worden.
+===== Appendix B - Inloggegevens =====
+Belangrijke inlog gegevens
+**Brevo:**
+Account: webmaster@veteranengemeentedronten.nl \\ password: V8^#bQLg$a

Kpn

Kpn-qrc