WordPress is bekend om het vernuftige systeem waarmee developers hun eigen code kunnen toevoegen. Door zogenaamde ‘actions‘ en ‘filters‘ toe te passen is vrijwel alles in WordPress aan te passen.
Onze plugin voegt een aantal van deze ‘actions‘ en ‘filters‘ toe aan WordPress. Naast de ‘actions‘ en ‘filters‘ bieden ‘shortcodes‘ ontwikkelaars de mogelijkheid om bepaalde elementen zoals afbeeldingen, teksten, etc. toe te voegen aan hun website.
Wat is een shortcode?
Een shortcode is een stukje tekst dat door WordPress of door een plugin wordt omgezet in een stuk content. Een paar voorbeelden van shortcodes zijn:
// Toon de winkelwagen pagina
[woocommerce_cart]
// Toon de afrekenen pagina
[woocommerce_checkout]
// Toon 4 willekeurige producten die in de aanbieding zijn
[products limit="4" columns="4" orderby="popularity" class="quick-sale" on_sale="true"]
Maak je gebruik van een site-builder zoals Elementor, Divi of Gutenberg? Dan zal je bekend zijn met het plaatsen van blokken content. Deze blokken lijken heel veel op shortcodes. Elk blok heeft instellingen die bepalen hoe de content op de site komt.
Bij een shortcode is dit niet anders. De ‘parameters‘ die je opgeeft bepalen hoe de content op de site verschijnt.
In het bovenstaande voorbeeld zie je bijvoorbeeld de parameters:
- limit=”4″
- columns=”4″
- orderby=”popularity”
- class=”quick-sale”
- on_sale=”true”
Hoe gebruik je een shortcode?
De meeste gebruikers zullen een shortcode gebruiken door deze als ‘widget’ toe te voegen aan een pagina of aan een template.
Gebruik je geen site-builder? Dan kan je alsnog gebruik maken van shortcodes door slim gebruik te maken van de beschikbare WordPress- en WooCommerce actions. In het onderstaande voorbeeld worden 4 willekeurige producten getoond die in de aanbieding zijn. De action ‘get_footer‘ wordt – afhankelijk van het thema dat je gebruikt – uitgevoerd voordat de footer van de pagina wordt getoond.
// Voer de shortcode uit voordat de footer wordt weergegeven
add_action('get_footer', 'mijn_shortcode_uitvoeren');
/**
* Toon 4 willekeurige producten die in de aanbieding zijn
*/
function mijn_shortcode_uitvoeren() {
do_shortcode('[products limit="4" columns="4" orderby="popularity" class="quick-sale" on_sale="true"]');
}