Verschillen

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

Link naar deze vergelijking

Beide kanten vorige revisie Vorige revisie
Volgende revisie
Vorige revisie
dmcompusoft:speddenekamp [25-07-2025 11:50] Arjan de Witdmcompusoft:speddenekamp [25-07-2025 12:41] (huidige) Arjan de Wit
Regel 69: Regel 69:
 ==== 3.3 Prestaties ==== ==== 3.3 Prestaties ====
  
-De website scoort onderstaande prestaties bij de Google Lighthouse metingen. Om de prestaties+De website scoort onderstaande prestaties bij de Google Lighthouse metingen. Om de prestaties te behouden wordt er aanbevolen om afbeeldingen te uploaden in het [[https://nl.wikipedia.org/wiki/WebP|webp-formaat]]. Hiervoor kan van de onlin converter [[https://convertio.co/nl/|Convertio]] gebruik gemaakt worden.
  
 <WRAP GROUP> <WRAP GROUP>
Regel 81: Regel 81:
 <WRAP half column> <WRAP half column>
  
-**Mobiel:**+**Mobiel:**</WRAP>
  
-**{{:dmcompusoft:performance_mobile.png?nolink&712x495}}**</WRAP> +{{:dmcompusoft:performance_mobile.png?nolink&843x484}}</WRAP>
- +
-</WRAP>+
  
 ==== 3.4 Statistieken ==== ==== 3.4 Statistieken ====
Regel 91: Regel 89:
 De meeste metingen en rapportages op het gebied van bezoekers gaan via de plugin Page Stats. Deze statistieken zijn anoniem en via het dashboard toegankelijk. \\ De relevante instellingen zijn: De meeste metingen en rapportages op het gebied van bezoekers gaan via de plugin Page Stats. Deze statistieken zijn anoniem en via het dashboard toegankelijk. \\ De relevante instellingen zijn:
  
-{{:dmcompusoft:burst-settings.png?nolink&768x237}}<WRAP pagebreak/>+{{:dmcompusoft:page-stats.png?nolink&600}}<WRAP pagebreak/> 
 + 
 +{{anchor:zoekmachine}}
  
 ==== 3.5 Zoekmachine optimalisatie ==== ==== 3.5 Zoekmachine optimalisatie ====
  
-Om de vindbaarheid op het internet te vergroten wordt gebruik gemaakt van plugins die hierbij ondersteunen.+Om de vindbaarheid op het internet te vergroten kan per pagina diverse metadata toegevoegd worden
  
-{{anchor:yoast}}+{{:dmcompusoft:seo.png?nolink&1637x288}}Klik op het tabblad Options en vink metadata aan.
  
-=== 3.5.1 Yoast SEO === +Voeg in ieder geval een metatag "description" toe en vul hierin een kort stukje tekst (max 160 karakters) in die de inhoud van de pagina beschrijftDeze tekst verschijnt in de zoekresultaten.
- +
-De Yoast SEO plugin is een van de populairste plugins om jouw website te optimaliseren voor zoekmachinesDe 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 API endpoint +
-  * XML-sitemaps +
- +
-</WRAP> +
- +
-</WRAP>+
  
 ==== 3.6 Contact formulieren ==== ==== 3.6 Contact formulieren ====
  
-Voor het maken van contact- en inschrijf formulieren wordt gebruik gemaakt van de plugin ContactForm 7. Een van de meest gebruikte plugins op dit gebied. Op de website is het volgende formulier gedefinieerd:+Voor het maken van contact- en inschrijf formulieren wordt gebruik gemaakt van de plugin Forms. Op de website is het volgende formulier gedefinieerd:
  
-  * **Contactformulier** \\ Ten behoeve van het opnemen van contact met Movement Key. Mail gaat naar info@movementkey.nl. \\ Dit formulier is geplaatst op de contact pagina +  * **Contactformulier** \\ Ten behoeve van het opnemen van contact met SPED Denekamp. Mail gaat naar speddinkelland@gmail.com. \\ Dit formulier is geplaatst op de contact pagina 
-Voor het tegenhouden van spam berichten wordt gebruik gemaakt van de gratis plugin Honeypot.+Voor het tegenhouden van spam berichten wordt gebruik gemaakt van de door De Wit Online ontwikkelde plugin Form hCaptcha.
  
 <WRAP pagebreak /> <WRAP pagebreak />
Regel 141: Regel 114:
 ==== 4.1 Inleiding ==== ==== 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.+Het gaat te ver om een hele handleiding te schrijven. Er zijn via Google ook voldoende tutorials te vinden over hoe je met Grav CMS en de plugins moet omgaan. Een aantal basis zaken echter, worden wel beschreven in dit hoofdstuk. Een goede start is de [[https://learn.getgrav.org/17|Learn pagina]] van Grav CMS.
  
 ==== 4.2 Beheer ==== ==== 4.2 Beheer ====
Regel 149: Regel 122:
 === 4.2.1 Inloggen === === 4.2.1 Inloggen ===
  
-Inloggen op de beheersomgeving van de website gaat door naar de url [[https://www.movementkey.nl/wp-admin|https://www.movementkey.nl/wp-admin]] te gaan. \\+Inloggen op de beheersomgeving van de website gaat door naar de url [[https://www.speddenekamp.nl/admin|https://www.speddenekamp.nl/admin]] te gaan. \\
 Medewerkers die inlog gegevens hebben, kunnen deze hier invullen. Medewerkers die inlog gegevens hebben, kunnen deze hier invullen.
  
-Beheerders kunnen medewerkers toegang geven en van rollen voorzien. \\ Nieuwe medewerkers krijgen vanuit WordPress een email met het verzoek een wachtwoord in te stellen.+Beheerders kunnen medewerkers toegang geven en van rollen voorzien. \\ Nieuwe medewerkers moeten de inloggegevens handmatig toegestuurd krijgen van een beheerder. 
 + 
 +Er zijn 2 groepen aangemaakt: 
 + 
 +  * Beheerders, \\ Groep met rechten om pagina's en gebruikers te beheren 
 +  * Redacteurs, \\ Groep voor mensen die artikelen mogen plaatsen
  
 === 4.2.2 Pagina's === === 4.2.2 Pagina's ===
Regel 160: Regel 138:
 <WRAP third column> <WRAP third column>
  
-{{:dmcompusoft:wp-paginas.png?nolink&241x289}}+{{:dmcompusoft:pages.png?nolink&225x221}}
  
 </WRAP> </WRAP>
Regel 168: Regel 146:
 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 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-texel#yoast|Yoast SEO]].+In het menu vind je "Pages" Onder dit kopje vind je alle pagina's die op de website staan. De 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:speddenekamp#zoekmachines|Zoekmachine optimalisatie]].
  
-Via deze link vind je een instructie om een nieuwe pagina aan te maken: [[https://wordpress.com/support/pages/|https://wordpress.com/support/pages/]] \\ +Via deze link vind je een instructie om een nieuwe pagina aan te maken: [[https://learn.getgrav.org/17/content/content-pages|https://learn.getgrav.org/17/content/content-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>
 +
 +Klik op de [Add] knop om een nieuwe pagina aan te maken:
 +
 +{{:dmcompusoft:pages-add.png?nolink&400}}
 +
 +In het pop-up venster kunnen verschillende parameters opgegeven worden:
 +
 +{{:dmcompusoft:pages-params.png?nolink&600}}
 +
 +  * Page Title, \\ De titel van de pagina
 +  * Folder name (wordt automatisch aangemaakt op basis van de Page Title), \\ De fysieke folder waar de bestanden van deze pagina worden opgeslagen
 +  * Parent Page, \\ Bovenliggende pagina waar deze pagina onder wordt aangemaakt. (default: Root).
 +  * Page Template, \\ De layout die gebruikt moet worden.
 +      * Default \\ volstaat voor de meeste reguliere pagina's
 +      * Post \\ moet gekozen worden wanneer er een nieuwsartikel geschreven wordt
 +      * Modular \\ moet gekozen worden wanneer je meer creatieve opmaak nodig hebt zoals op de home pagina en de informatie pagina
 +
 +Laat de overige instellingen staan en klik op [Continue]
  
 </WRAP><WRAP pagebreak/>{{anchor:berichten}} </WRAP><WRAP pagebreak/>{{anchor:berichten}}
Regel 245: Regel 240:
  
   * [[https://nl.wordpress.org/plugins/date-time-picker-field/|Availability datepicker]], om datum en tijd in Contact Form 7 te kunnen kiezen   * [[https://nl.wordpress.org/plugins/date-time-picker-field/|Availability datepicker]], om datum en tijd in Contact Form 7 te kunnen kiezen
-  * {{https://github.com/francodacosta/grav-plugin-page-stats|grav-plugin-page-stats}} [[https://github.com/francodacosta/grav-plugin-page-stats|Page Stats]], om inzicht te krijgen in bezoekersaantallen en welke pagina's bezocht worden+  * [[https://github.com/francodacosta/grav-plugin-page-stats|Page Stats]], om inzicht te krijgen in bezoekersaantallen en welke pagina's bezocht worden
   * [[https://nl.wordpress.org/plugins/wordpress-seo/|Yoast SEO]], voor het optimaliseren van de pagina's en artikelen tbv. zoekmachines   * [[https://nl.wordpress.org/plugins/wordpress-seo/|Yoast SEO]], voor het optimaliseren van de pagina's en artikelen tbv. zoekmachines
   * [[https://nl.wordpress.org/plugins/complianz-gdpr/|Complianz]], GDRP Cookie consent   * [[https://nl.wordpress.org/plugins/complianz-gdpr/|Complianz]], GDRP Cookie consent
-  * [[https://nl.wordpress.org/plugins/contact-form-7/|Contact Form 7]], voor het maken van formulieren+  * [[https://github.com/getgrav/grav-plugin-form|Forms]], voor het maken van formulieren
   * [[https://nl.wordpress.org/plugins/contact-form-7-honeypot/|HoneyPot]], ter voorkoming van veel spm berichten via de formulieren   * [[https://nl.wordpress.org/plugins/contact-form-7-honeypot/|HoneyPot]], ter voorkoming van veel spm berichten via de formulieren
   * [[https://nl.wordpress.org/plugins/polylang/|Polylang]], om het mogelijk te maken de site meertalig te maken   * [[https://nl.wordpress.org/plugins/polylang/|Polylang]], om het mogelijk te maken de site meertalig te maken
Regel 260: Regel 255:
  
 **Email:** **Email:**
 +
 +Het email account is uitsluitend aangemaakt om op de juiste maniet emails vanaf het contactformulier te kunnen verzenden.
  
 Server instellingen zijn: Server instellingen zijn:
  
-Inkomende mailservser: mail.movementkey.nl \\ Uitgaande mailserver: mail.movementkey.nl poort 587+Inkomende mailservser: mail.speddenekamp.nl \\ Uitgaande mailserver: mail.speddenekamp.nl poort 587
  
-  * info@movementkey.nl \\ QZ30Nop6rl+  * info@speddenekamp.nl \\ oUR61VVi
  
-Artikelen met betrekking tot het instellen van de email vind u op:[[https://www.dmcompusoft.com/whmcs/knowledgebase/1/Email|https://www.dmcompusoft.com/whmcs/knowledgebase/1/Email]]+Artikelen met betrekking tot het instellen van de email vind u op:[[https://www.dewitonline.nl/clients/knowledgebase/1/Email|https://www.dewitonline.nl/clients/knowledgebase/1/Email]]
  
 **Webhosting:** **Webhosting:**
  
-De website wordt gehost bij DM Compusoft. \\ Via [[https://www.dmcompusoft.com/whmcs/login|deze link]] kan worden ingelogd op het beheer paneel. Hier vandaan heb je toegang tot het technische gedeelte maar ook tot je account gegevens.+De website wordt gehost bij De Wit Online. \\ Via [[https://www.dewitonline.nl/clients/login|deze link]] kan worden ingelogd op het beheer paneel. Hier vandaan heb je toegang tot het technische gedeelte maar ook tot je account gegevens.
  
-Inlognaam: kirsten03@live.nl \\ Wachtwoord: Niet bij ons bekend \\  \\ Voor het meeste beheer is deze omgeving voldoende. Hier kunnen wachtwoorden van email accounts gereset worden etc. Voor meer hulp heeft DM Compusoft een uitgebreide [[https://www.dmcompusoft.com/whmcs/index.php/knowledgebase|kennisbank]].+Inlognaam: kirsten03@live.nl \\ Wachtwoord: Niet bij ons bekend \\  \\ Voor het meeste beheer is deze omgeving voldoende. Hier kunnen wachtwoorden van email accounts gereset worden etc. Voor meer hulp heeft DM Compusoft een uitgebreide [[https://www.dewitonline.nl/clients/index.php/knowledgebase|kennisbank]].
  
-Voor het technische gedeelte van de website maakt DM Compusoft gebruik van DirectAdmin. De DirectAdmin is te bereiken via deze link: \\ [[https://www.movementkey.nl:2222|https://www.movementkey.nl:2222]]+Voor het technische gedeelte van de website maakt DM Compusoft gebruik van DirectAdmin. De DirectAdmin is te bereiken via deze link: \\ [[https://www.speddenekamp.nl:2222|https://www.speddenekamp.nl:2222]]
  
-Inlognaam: m0vmntk3 \\ Wachtwoord: ds#dg8uvR*+Inlognaam: sp3dd3nkp \\ Wachtwoord: oUR61VVi
  
-**Website**+**Website:**
  
-Toegang tot de website is beschreven in [[:dmcompusoft:veteranen-texel#inloggen|paragraaf 4.2.1 Inloggen]].+Toegang tot de website is beschreven in [[:dmcompusoft:speddenekamp#inloggen|paragraaf 4.2.1 Inloggen]].
  
-**Licentie Flatsome Theme:** +**Licentie Typhoon Theme:**
- +
-De licentie van het Flatsome thema is in beheer bij DM Compusoft.+
  
 Licentiecode: 9d8dfc7d-9c55-48d8-b43c-1ee53cc05695 Licentiecode: 9d8dfc7d-9c55-48d8-b43c-1ee53cc05695
 +
 +**Form hCaptcha:**
 +
 +De Site Key is: b35ce280-30da-4398-bb5e-9da0343a593a \\ Er is ook een Secret Key gecofigureerd maar deze key is eigendom van De Wit Online.