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:veteranen-texel [15-07-2024 13:43] – [1. Versiebeheer] Arjan de Witdmcompusoft:veteranen-texel [24-12-2024 08:41] (huidige) – [2.1 Doel] Arjan de Wit
Regel 7: Regel 7:
  
 <WRAP pagebreak/> <WRAP pagebreak/>
- 
  
 ===== 2. Inleiding ===== ===== 2. Inleiding =====
Regel 17: Regel 16:
 Dit document voorziet in de functionele beschrijving van de componenten die gebruikt worden om de website van de Stichting Veteranen Gemeente Texel, hierna te noemen SVT, te laten functioneren. Dit document voorziet in de functionele beschrijving van de componenten die gebruikt worden om de website van de Stichting Veteranen Gemeente Texel, hierna te noemen SVT, te laten functioneren.
  
-Het verdient de aanbeveling om engie kennis van WordPress te hebben voor het beheer van deze website. Voor een optimaal beheer is kennis van php en css een pré.+Het verdient de aanbeveling om enige kennis van WordPress te hebben voor het beheer van deze website. Voor een optimaal beheer is kennis van php en css een pré. 
  
 ==== 2.2 Scope ==== ==== 2.2 Scope ====
Regel 151: Regel 151:
 <WRAP twothirds column> <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.+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>
Regel 158: Regel 160:
  
 <WRAP pagebreak /> <WRAP pagebreak />
 +
  
 ===== 4. Content Management ===== ===== 4. Content Management =====
Regel 181: Regel 184:
 <WRAP twothirds column> <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.\\+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.\\ +Beheerders kunnen medewerkers toegang geven en van rollen voorzien. \\ Nieuwe medewerkers krijgen vanuit WordPress een email met het verzoek een wachtwoord in te stellen.
-Nieuwe medewerkers krijgen vanuit WordPress een email met het verzoek een wachtwoord in te stellen.+
  
 </WRAP> </WRAP>
Regel 207: Regel 209:
 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 "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]].
  
-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://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]] 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>
  
-</WRAP><WRAP pagebreak/>+</WRAP><WRAP pagebreak/>{{anchor:berichten}}
  
 === 4.2.3 Berichten === === 4.2.3 Berichten ===
Regel 264: Regel 266:
 <WRAP twothirds column> <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.\\ +[[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/]]. \\
-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. 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.
  
Regel 286: Regel 287:
 <WRAP twothirds column> <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.\\ +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.
-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.\\ +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!
-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. Nu is de afbeelding gemaakt welke op de pagina verschijnt en aanklikbaar is voor detailweergave.
Regel 310: Regel 309:
 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 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.\\ +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!
-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.+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>
Regel 329: Regel 327:
 <WRAP column 50%> <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.\\ +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.
-In het detailvenster aan de rechterkant zie je de link van de afbeelding met daarbij een knop "URL naar klembord kopiëren". Door eevnvoudig op deze knop te klikken en vervolgens te plakken in de code, creëer je een pop-up naar de juiste afbeelding.+
  
 </WRAP> </WRAP>
Regel 336: Regel 333:
 </WRAP> </WRAP>
  
-<WRAP tip>\\ +<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>
-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/>
  
 {{anchor:appendix-a}} {{anchor:appendix-a}}
- 
  
 ===== Appendix A - Plugins & Integraties ===== ===== Appendix A - Plugins & Integraties =====
Print
Kpn
Kpn-qrc