{"id":29165,"date":"2020-01-15T05:15:49","date_gmt":"2020-01-15T13:15:49","guid":{"rendered":"https:\/\/kinqsta.com\/?p=63384"},"modified":"2023-06-12T10:57:17","modified_gmt":"2023-06-12T08:57:17","slug":"wordpress-shortcodes","status":"publish","type":"post","link":"https:\/\/kinqsta.com\/nl\/blog\/wordpress-shortcodes\/","title":{"rendered":"De complete uitleg over WordPress shortcodes (incl. voorbeelden – maak je eigen shortcodes)"},"content":{"rendered":"

WordPress shortcodes zijn een krachtig hulpmiddel om met weinig moeite veel voor elkaar te krijgen. Je kan er nagenoeg alles mee doen! Je kunt shortcodes gebruiken om interactieve elementen in je pagina’s op te nemen of complexe lay-outs te maken. En dat door slechts een enkele regel code in te voegen.<\/p>\n

Als je bijvoorbeeld een galerij wilt toevoegen<\/a>, hoef je alleen maar de volgende code te typen:<\/p>\n

[gallery ids=\"47 ,86, 92, 64, 48, 75, 89, 80\" columns=\"4\" size=\"medium\"]<\/pre>\n
Hiermee krijg je een galerij met de afbeeldingen met de genoemde ID\u2019s. De galerij zal 4 kolommen hebben met een maximum grootte van ‘medium’ (zoals WordPress medium ziet).<\/p>\n
Je hebt dus geen lelijke HTML-code nodig om dit gedaan te krijgen.<\/p>\n
\"Voorbeeld<\/a>
Voorbeeld van de shortcode voor een galerij<\/figcaption><\/figure>\n
Door shortcodes te gebruiken heb je niet langer ingewikkelde scripts nodig. Zelfs als je weinig of geen ervaring met programmeren hebt, kun je zo moeiteloos dynamische content toevoegen.<\/p>\n
Ze zijn ontzettend populair onder WordPress-ontwikkelaars<\/a>, omdat ze zo handig zijn bij het snel produceren van content en design. Shortcodes zijn voor WordPress-ontwikkelaars wat macro\u2019s zijn voor data-analisten, of sneltoetsen voor professionele grafisch ontwerpers.<\/p>\n
In deze uitleg vertellen we je alles wat je moet weten over shortcodes. Je zult ook leren hoe je de Shortcode API kunt gebruiken om je eigen shortcodes te maken. En aan het einde zullen we ook kijken naar de toekomst van shortcode en wat je van shortcodes kan verwachten in de nieuwe blockeditor van WordPress<\/a>.<\/p>\n
Nieuwsgierig? Laten we beginnen!<\/p>\n
<\/div><\/kinsta-auto-toc>\n
Wat is een shortcode?<\/h2>\n
Kortgezegd: Shortcode = Shortcut + Code<\/strong>.<\/p>\n
Over het algemeen worden rechte haken [] gebruikt om te defini\u00ebren hoe shortcodes werken. Elke shortcode voert een bepaalde actie uit binnen de website. Dat kan iets simpels zijn zoals het formateren van content iets complex als het defini\u00ebren van de volledige structuur van een website.<\/p>\n
Zo kun je shortcodes gebruiken om sliders toe te voegen, maar ook formulieren<\/a> of zelfs prijstabellen<\/a>. Ze zijn ook erg handig om ontwerpsjablonen mee te maken die je steeds opnieuw kunt gebruiken.<\/p>\n
Een korte geschiedenis van shortcodes<\/h3>\n
Shortcodes werden populair via een online softwareforum, genaamd Ultimate Bulletin Board (UBB). Dit forum introduceerde in 1998 de BBCode (Bulletin Board Code)<\/a>, een aantal tags waarmee gebruikers eenvoudig hun berichten konden opmaken.<\/p>\n
\"Eenvoudig<\/a>
Eenvoudig formatten d.m.v. BBCodes<\/figcaption><\/figure>\n
BBCode is een lichtgewicht markup-taal, en werkt net als HTML, maar dan veel simpeler.<\/p>\n
Bijkomend voordeel is dat vooraf gedefinieerde tags is ook veiliger zijn, omdat gebruikers niet zelf HTML toe kunnen voegen waarmee ze mogelijkerwijs beveiligingslekken<\/a> kunnen cre\u00ebren. Zo zou een gebruiker met slechte intenties de <script> tag kunnen gebruiken om iets met JavaScript uit te voeren en hiermee de site platlegt.<\/p>\n
Nadat BBCode shortcodes introduceerde, voegden ook andere online forums al snel soortgelijke features toe, zoals phpBB<\/a>, XMB Forum<\/a> en vBulletin<\/a>.<\/p>\n
Shortcodes geven admins meer controle over wat gebruikers wel of niet kunnen doen. Tegelijk geeft het de gebruikers de mogelijkheid hun content met simpele tags te voorzien van opmaak.<\/p>\n
Vanwege dezelfde veiligheidsredenen staat WordPress ook niet toe dat PHP-code wordt uitgevoerd binnen de content van de websites. Om de beperking die hierdoor ontstaat te omzeilen introduceerde WordPress 2.5<\/a> de shortcode-functie in 2008, door middel van de Shortcode API<\/a>. Het is inmiddels \u00e9\u00e9n van de meest gebruikte features door ontwikkelaars van WordPress-plugins en thema’s.<\/p>\n
Wat zijn WordPress shortcodes?<\/h3>\n
WordPress shortcodes zijn stukken tekst binnen rechte haken ( [ ] ) die op magische wijze veranderen in prachtige dingen aan de front-end van een website, het deel dat de bezoekers zien. Ze geven gebruikers een eenvoudige manier om gecompliceerde content te maken zonder moeilijke HTML of codes te hoeven gebruiken.<\/p>\n
\"WordPress<\/a>
WordPress shortcodes zijn eenvoudig te gebruiken<\/figcaption><\/figure>\n
De 2 soorten shortcodes<\/h3>\n
Er zijn in feite 2 verschillende soorten shortcodes bij WordPress.<\/p>\n
\"'Self-closing'<\/a>
‘Self-closing’ en ‘enclosing’ shortcodes werken zowel met als zonder attributen.<\/figcaption><\/figure>\n