Normen beheer systeem met Advanced Custom Fields (ACF)

Normen database met versie beheer

Voor Legvoorschriften Parketbranche is er binnen WordPress een normen database ontwikkeld om het beheer van alle legvoorschriften normen te vereenvoudigen. De normen worden aangepast en vervallen soms. Hiervan dienen er altijd versies bewaard te worden zodat men kan terug zoeken wanneer een norm veranderd is of is vervallen.

Hoe het werkt

• Klant kan zelf ‘normen’ aanmaken in het WordPress dahboard
• Normen hebben een maatwerk status: geldig, niet geldig en vervallen en bijbehorende ingangs- en vervaldatum.
• Klant kan de normen in de website tekst tonen doormiddel van een shortcode
• Een norm met status geldig is zichtbaar.
  Heeft deze norm ook oude normen met status ‘niet geldig’ dan worden deze zichtbaar als eerdere versies (link) bij de huidige geldige norm.
  Vervalt een norm geheel (status vervallen) dan is deze zichtbaar (andere kleur) en heeft ook nog de eerdere versies zichtbaar.
• Icoon van de norm kan gekozen worden bij het aanmaken van de norm.
• De getoonde titels op de website worden dynamisch aangemaakt bij het aanmaken van een norm op basis van normnummer, categorie en ingangsjaar.
• De klant kan linken naar een norm op een andere pagina door middel van het gebruik van ankers in een url. Een jQuery script zorgt meteen voor de juiste offset in verband met de vaste menu header bij het scrollen. Dit voorkomt dat de gelinkte norm deels achter het menu valt.
  
• In de WordPress editor zijn 2 knoppen toegevoegd om de shortcode te plaatsen (norm code) en om de standaard norm iconen (norm icoon) toe te voegen.

Gebruikte technieken

Advanced Custom Fields

• Custom Post Type
• Custom taxonomie
• Custom fields

Maatwerk PHP code

• Kolom toevoegingen/sorteerbaar in norm overzicht (wp-admin)
• Norm tonen publiek (shortcode)
• Norm titel aanpassen bij bewaren (php/ACF)
• Extra knoppen toevoegen in WordPress editor (tinymce) (javascript/php)

Javascript (jQuery) code

Bij het gebruik van ankers in url’s naar een specifieke norm op een andere pagina is er een offset en smooth scroll aangemaakt mbv jQuery. Dit vooral om de offset te maken in verband met gebruik van een fixed header bij het scrollen.