Shortcode

Inleiding

Het Wordpress eco systeem bukt van de plugins om de mogelijkheden van je Wordpress website uit te breiden.

Er zijn plugin beschikbaar om slideshows, formulieren, foto galerijen, … in te voegen op je pagina.

Na het installeren en configureren van de inhoud kan je via een shortcode stukje specifieke code van een plugin gaan invoegen.

De shortcode is eigenlijk uitgevonden voor niet-developers. Zodat ook zij ‘eenvoudig’ bepaalde stukjes code kunnen gaan invoegen via de Wordpress Editor.

Een developer kan die stukjes code ook gaan invoegen via de do_shortcode() functie in PHP.

Voorbereiding

We gaan shortcodes gebruiken aan de hand van een contact formulier via de contact form 7 plugin.

Een contactformulier is ziets dat op elke websites voor komt maar toch al iets complexer in mekaar steekt en waarvoor dus een plugin beschikbaar is.

Via de link onderaan kan je de plugin installeren in de wp-content/plugins folder.

Contactformulier tonen

De Shortcode

Het tonen van het formulier binnen de website kan door het gebruik van de shortcode. Het is een notatie om, in dit geval, het formulier te bouwen.

Voor het contactformulier dat via de plugin is gemaakt ziet die er (ongeveer) zo uit:

[contact-form-7 id="55" title="Contact form 1"]

Shortcode gebruiken

  • je kan die shortcode plakken in een Wordpress editor (binnen de inhoud van een bericht of binnen een widget)
  • je kan de shortcode ook via een PHP template inladen

Wanneer de ID van de contact pagina “10” is zou je dus het specifiek op die pagina het contactformulier kunnen invoegen:

page-10.php

<?php
get_header();
?>

<?php get_template_part( 'template-parts/content/contact' ); ?>

<?php
get_footer();
?>

template-parts/content/contact.php

<div class="formulier">
<?php echo do_shortcode('[contact-form-7 id="55" title="Contact form 1"]'); ?>
</div>

Contactformulier configureren

De plugin heeft geen grafische interface maar het voorbeeld wijst zichzelf wel uit. En via de knoppen bovenaan kan je nieuwe velden toevoegen.









[submit "Send"]

Je kan hier:

  • labels vertalen
  • Extra velden toeveogen (via de knoppen bovenaan of via de editor)

Het *-tje staat voor een verplicht veld

GDPR

Iedereen heeft ongetwijfeld al van de GDPR wetgeving gehoord? Die maakt dat je als gebruiker uitdrukkelijk toestemming moet geven om informatie op een website te verwerken.

Om die reden is het ook verplicht om gebruikers uitdrukkelijk de toestemming te vragen voor het werken met de peroonsgegevens.

In het formulier is het daarom belangrijk een extra checkbox toe te voegen voor die toestemming.

[acceptance akkoord]Ja, ik ga akkoord met het privacybeleid[/acceptance]

Inzendingen

Een inzending via een contactformulier wordt in Wordpress niet standaard bewaard. Via de plugin “Contact form entries” kan je dat toch verwezelijken.

Klik hier verder: