Verschillen

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

Link naar deze vergelijking

Volgende revisie
Vorige revisie
dmcompusoft:movementkey [24-02-2025 07:34] – aangemaakt Arjan de Witdmcompusoft:movementkey [04-04-2025 10:33] (huidige) Arjan de Wit
Regel 5: Regel 5:
 ^Datum^Versie^Wijziging^Auteur| ^Datum^Versie^Wijziging^Auteur|
 |22-02-2025|0.1|Initiële versie|Arjan de Wit| |22-02-2025|0.1|Initiële versie|Arjan de Wit|
 +|04-04-2025|1.0|Definitieve versie|Arjan de Wit|
  
 <WRAP pagebreak/> <WRAP pagebreak/>
Regel 10: Regel 11:
 ===== 2. Inleiding ===== ===== 2. Inleiding =====
  
-{{  :dmcompusoft:website-01.png?nolink&1877x1032  }}+{{  :dmcompusoft:screenshot-movementkey.png?nolink&1920x945  }}
  
 ==== 2.1 Doel ==== ==== 2.1 Doel ====
Regel 24: Regel 25:
 === 2.2.1 Klantwens === === 2.2.1 Klantwens ===
  
-Movement Key heeft aangegeven een tweetalige website te willen met een __Homepagina__, een pagina omtrent het __Bestuur en de ANBI__, een pagina met artikelen __In de media__een pagina voor het tonen van een __Agenda__ en een __Contact__ pagina. Hoewel in offerte 6 - Offerte bouw website Stichting Veteranen Texel van datum 16-02-2024 meer functionaliteiten zijn aangebodenzijn die functionaliteiten niet geimplementeerd en derhalve in dit document ook niet beschreven.+Movement Key heeft aangegeven een tweetalige website te willen met een __Homepagina__, en pagina's voor FysiotherapieHome Training, Personal Online TrainingTopsport en Contact.
  
 <WRAP pagebreak/> <WRAP pagebreak/>
Regel 54: Regel 55:
 <WRAP col2> <WRAP col2>
  
-{{:dmcompusoft:prim-color.png?nolink&27x26}}Hex: #005500+{{:dmcompusoft:primair.png?nolink&30x28}}Hex: #32c3d6
  
 </WRAP> </WRAP>
Regel 60: Regel 61:
 <WRAP col2> <WRAP col2>
  
-{{:dmcompusoft:sec-color.png?nolink&27x26}}Hex: #56b57f+{{:dmcompusoft:secundair.png?nolink&30x28}}Hex: #63c459
  
 </WRAP> </WRAP>
Regel 72: Regel 73:
 ==== 3.3 Prestaties ==== ==== 3.3 Prestaties ====
  
-De website van SVT scoort onderstaande prestaties bij de Google Lighthouse metingen.+De website van Movement Key scoort onderstaande prestaties bij de Google Lighthouse metingen.
  
 <WRAP GROUP> <WRAP GROUP>
Regel 80: Regel 81:
 **Desktop:** **Desktop:**
  
-**{{  :dmcompusoft:lighthouse-dt.png?nolink&892x428  }}**</WRAP>+**{{  :dmcompusoft:lighthouse-dt.png?nolink&600  }}**</WRAP>
  
 <WRAP half column> <WRAP half column>
Regel 86: Regel 87:
 **Mobiel:** **Mobiel:**
  
-**{{  :dmcompusoft:lighthouse-mb.png?nolink&891x431  }}**</WRAP>+**{{  :dmcompusoft:lighthouse-mb.png?nolink&600  }}**</WRAP>
  
 </WRAP> </WRAP>
Regel 135: Regel 136:
 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 ContactForm 7. Een van de meest gebruikte plugins op dit gebied. Op de website is het volgende formulier gedefinieerd:
  
-  * **Contactformulier** \\ Ten behoeve van het opnemen van contact met SVT. Mail gaat naar info@stichtingveteranentexel.nl. \\ Dit formulier is geplaatst op de contact pagina +  * **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 
-Voor het tegenhouden van spam berichten wordt gebruik gemaakt van de gratis plugin Honeypot.<WRAP pagebreak/> +Voor het tegenhouden van spam berichten wordt gebruik gemaakt van de gratis plugin Honeypot.
- +
-==== 3.7 Events Manager ==== +
- +
-<WRAP group> +
- +
-<WRAP third column> +
- +
-{{:dmcompusoft:wp-events.png?nolink&160x407}} +
- +
-</WRAP> +
- +
-<WRAP twothirds column> +
- +
-Deze 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. \\ Het aanmaken van evenementen gechied op dezelfde wijze als het aanmaken van [[:dmcompusoft:veteranen-texel#berichten|berichten]]. +
- +
-</WRAP> +
- +
-</WRAP>+
  
 <WRAP pagebreak /> <WRAP pagebreak />
Regel 170: Regel 153:
 === 4.2.1 Inloggen === === 4.2.1 Inloggen ===
  
-<WRAP group> +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. \\
- +
-<WRAP third column> +
- +
-{{:dmcompusoft:svt-inloggen.png?nolink&1101x697}} +
- +
-</WRAP> +
- +
-<WRAP twothirds column> +
- +
-Inloggen op de beheersomgeving van de website gaat door naar de url [[https://www.stichtingveteranentexel.nl/wp-admin|https://www.stichtingveteranentexel.nl/wp-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 krijgen vanuit WordPress een email met het verzoek een wachtwoord in te stellen.
- 
-</WRAP> 
- 
-</WRAP> 
  
 === 4.2.2 Pagina's === === 4.2.2 Pagina's ===
Regel 268: Regel 237:
  
 </WRAP> </WRAP>
- 
-<WRAP pagebreak/> 
- 
-=== 4.2.6 In de media === 
- 
-<WRAP group> 
- 
-<WRAP third column> 
- 
-{{:dmcompusoft:image-box-1.png?nolink&258x369}} 
- 
-</WRAP> 
- 
-<WRAP twothirds column> 
- 
-De pagina "In de media" vraagt om wat extra uitleg om deze goed te beheren. De pagina is opgebouwd uit rijen met telkens 3 kolommen. Hoe dit te doen, wordt in de vorige paragraaf uitgelegd. \\ Iedere kolom heeft een **Image box**  als content block. 
- 
-In de Image box selecteer je de "korte" afbeelding. Deze dient als kopje om het volledige artikel te kunnen selecteren. Door iets naar onder te scrollen vind je het kopje **Links**. Hier moet de koppeling naar de pop-up gemaakt worden. De naamgeving die hiervoor gebruikt wordt is de datum van het artikel in YYMMDD. \\ NB: Vergeet niet deze vooraf van het **#**  symbool te voorzien! 
- 
-Nu is de afbeelding gemaakt welke op de pagina verschijnt en aanklikbaar is voor detailweergave. 
- 
-</WRAP> 
- 
-</WRAP> 
- 
-<WRAP group> 
- 
-<WRAP third column> 
- 
-{{:dmcompusoft:image-box-2.png?nolink&252x360}} 
- 
-</WRAP> 
- 
-<WRAP twothirds column> 
- 
-Om de detailweergave in de pop-up te tonen, moet een volgende stap worden gemaakt. Namelijk het koppelen van een Text box waarin de lightbox code geplaatst wordt die de pop-up maakt. Voor de uniformiteit is voor de breedte van de lightbox gekozen voor een percentage van 85%. Dit kan op smartphones leiden tot een wat minder goed leesbare tekst. 
- 
-Om de pop-up aan te roepen, moet deze van een **id**  voorzien zijn. Dat id moet overeenkomen met het veld **Link**  uit de vorige stap, anders werkt het niet. \\ NB: In dit geval mag het **#**  symbool **//NIET//**  gebruikt worden! 
- 
-Verder moet eigenlijk alleen de link van de "detail" afbeelding geplakt woren in de code. De exacte positie is achter het woordje **src=**  en dan tussen de dubbele accolades. Zie geel gearceerde tekst. 
- 
-</WRAP> 
- 
-</WRAP> 
- 
-<WRAP group> 
- 
-<WRAP column 45%> 
- 
-{{:dmcompusoft:media-url.png?nolink&1198x750}} 
- 
-</WRAP> 
- 
-<WRAP column 50%> 
- 
-Om de link van een afbeelding te achterhalen, dien je eerst in de zijbalk naar **Media > Bibliotheek**  te gaan. Kies hier de gewenste afbeelding en klik er op. \\ In het detailvenster aan de rechterkant zie je de link van de afbeelding met daarbij een knop "URL naar klembord kopiëren". Door eenvvoudig op deze knop te klikken en vervolgens te plakken in de code, creëer je een pop-up naar de juiste afbeelding. 
- 
-</WRAP> 
- 
-</WRAP> 
- 
-<WRAP tip> \\ Maak slim gebruik van de kopieer functies van de UX-Builder om de Image box te kopiëren zodat je alleen maar de afbeeldingen hoeft te vervangen. \\ </WRAP> 
  
 <WRAP pagebreak/> <WRAP pagebreak/>
Regel 341: Regel 248:
 De gebruikte plugins op de website worden hieronder kort beschreven maar verder niet toegelicht. Meer informatie vind je door op de links te klikken. De gebruikte plugins op de website worden hieronder kort beschreven maar verder niet toegelicht. Meer informatie vind je door op de links te klikken.
  
 +  * [[https://nl.wordpress.org/plugins/date-time-picker-field/|Availability datepicker]], om datum en tijd in Contact Form 7 te kunnen kiezen
   * [[https://wordpress.org/plugins/burst-statistics/|Burst Statistieken]], om inzicht te krijgen in bezoekersaantallen en welke pagina's bezocht worden   * [[https://wordpress.org/plugins/burst-statistics/|Burst Statistieken]], 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/browser-caching-with-htaccess/|Browser caching by .htaccess]], voor het optimaliseren van performance en veiligheid+  * [[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://nl.wordpress.org/plugins/contact-form-7/|Contact Form 7]], 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/events-manager/|Events Manager]], voor het aanmaken van evenementen+  * [[https://nl.wordpress.org/plugins/polylang/|Polylang]], om het mogelijk te maken de site meertalig te maken
   * [[https://wordpress.org/plugins/really-simple-ssl/|Really Simple SSL]], voor beveiliging van de website   * [[https://wordpress.org/plugins/really-simple-ssl/|Really Simple SSL]], voor beveiliging van de website
  
Regel 359: Regel 267:
 Server instellingen zijn: Server instellingen zijn:
  
-Inkomende mailservser: mail.stichtingveteranentexel.nl \\ Uitgaande mailserver: mail.stichtingveteranentexel.nl poort 587+Inkomende mailservser: mail.movementkey.nl \\ Uitgaande mailserver: mail.movementkey.nl poort 587
  
-  * info@stichtingveteranentexel.nl \\ kXJoK2Fo +  * info@movementkey.nl \\ QZ30Nop6rl
-  * voorzitter@stichtingveteranentexel.nl \\ 9afwf5Ba9 +
-  * penningmeester@stichtingveteranentexel.nl \\ ZEmvDi0ozS+
  
 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.dmcompusoft.com/whmcs/knowledgebase/1/Email|https://www.dmcompusoft.com/whmcs/knowledgebase/1/Email]]
Regel 369: Regel 275:
 **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 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 penningmeester heeft via het email adres//penningmeester@stichtingveteranentexel.nl//  toegang tot deze omgeving. Tevens heeft de secretaris toegang met het email adres: //secretaris@stichtingveteranentexel.nl//\\ 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]].+ 
 +Inlognaamkirsten03@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]].
  
-Voor het technische gedeelte van de website maakt DM Compusoft gebruik van DirectAdmin. De DirectAdmin is te bereiken via deze link: \\ [[https://ww.stichtingveteranentexel.nl:2222|https://ww.stichtingveteranentexel.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.movementkey.nl:2222|https://www.movementkey.nl:2222]]
  
-Inlognaam: vet3rntxl \\ Wachtwoord: spNuS7*j@n+Inlognaam: m0vmntk3 \\ Wachtwoord: ds#dg8uvR*
  
 **Website** **Website**
Regel 384: Regel 291:
 De licentie van het Flatsome thema is in beheer bij DM Compusoft. De licentie van het Flatsome thema is in beheer bij DM Compusoft.
  
-Licentiecode: d7a9774b-5e83-499f-a388-e722f8f52d17+Licentiecode: 9d8dfc7d-9c55-48d8-b43c-1ee53cc05695