Over QuickStackWP

QuickStackWP is een digitaal product ontwikkeld als afstudeerproject voor de opleiding Communication and Multimedia Design (CMD) aan de Hogeschool van Amsterdam. De website is ontworpen en gebouwd door Luc van der Heiden in opdracht van Active Collective.

Het doel van QuickStack is om developers te ondersteunen bij het sneller en efficiënter bouwen van WordPress-websites, en hen te informeren en ondersteuen bij het toepassen van digitale toegankelijkheid.

QuickStack bevat een library met volledige responsive componenten die developers kunnen gebruiken in het snel opbouwen van een website. De componenten kunnen voor gebruik nog aangepast worden en er kunnen belangrijke instellingen voor toegankelijkheid toegepast worden, waarbij QuickStack hulp en ondersteuning biedt.

Zo zorgt QuickStack ervoor dat de websites efficiënt, consistent en toegankelijk worden gebouwd.

Beheer van de website

Hieronder vind je informatie over de beheer van de verschillende onderdelen van de website, zoals de componenten en checklists.

Navigeer in de WordPress back-end naar “Componenten” en klik op “Nieuwe Component toevoegen”. Vul de velden in en klik op “Publiceren”. Vergeet geen categorie toe te voegen voor het filter. Je component wordt automatisch aan de component library toegevoegd.

Navigeer in de WordPress back-end naar “Componenten” en zoek het component op wat je wilt bewerken of verwijderen. Klik bij dit component op “Bewerken” om het component te bewerken, vergeet niet aan het einde van je bewerkingen op “Updaten” te klikken om je wijzigingen op te slaan.

Klik op “Prullenbak” om het component te verwijderen.

Je kunt items aan een checklist bij een specifiek project toevoegen door binnen dit project onderaan de checklist het veld in te vullen met het item dat je wilt toevoegen en vervolgens op “Voeg item toe” te klikken.

Voor meer uitgebreide beheer over een project navigeer je in de back-end naar “Project checklists”.

Je kunt ook de standaard checklist items aanpassen waarmee een nieuwe project wordt aangemaakt binnen de code, specifiek in het functions.php bestand in de functie “acf_set_default_checklist_items”.

Gebruik van de website

Hieronder vind je informatie over de beheer van de verschillende onderdelen van de website, zoals de componenten en checklists.

Je kan de Elementor-code gebruiken in een ander Elementor project.Klik in de Elementor builder in het vak om een nieuw component toe te voegen met de rechter muisknop en kies “Plakken van andere site”.

Gebruik de SCSS-code in je eigen SCSS bestand naar keuze.

Gebruik de JS in een eigen JavaScript bestand.

QuickStack bevat veel informatie over digitale toegankelijkheid, vooral voor Active Collective developers. Bekijk de richtlijnen van Active Collective, hierin wordt verwezen naar de bijbehorende WCAG richtlijnen waar je nog meer informatie kan vinden.

Benieuwd hoe mensen met verschillende beperkingen digitale content ervaren? Ervaar het zelf op de toegankelijkheid pagina.