Wat zijn WordPress Shortcodes?

een WordPress shortcode is een herbruikbare, dynamische bit code verpakt in . Shortcodes kunt u gemakkelijk invoegen specifieke functies van WordPress zelf of van een plugin of thema in een post, pagina, aangepaste post type of widget. Denk aan WordPress shortcodes zoals “snelkoppelingen” of zoals macro ‘ s op uw website.

U kunt WordPress shortcodes gebruiken om statische inhoud weer te geven die te vervelend is om te coderen en te herhalen. U kunt ook shortcodes gebruiken om dynamische inhoud weer te geven, zoals Afbeeldingsgalerijen, audiospelers voor podcasts, evenementkalenders of het wijzigen van statistieken voor bepaalde gegevens.

Shortcode formaat

als het gaat om het invoegen van shortcodes, kan het basisformaat op verschillende manieren worden “uitgebreid”, zodat u extra instellingen kunt aanpassen of toevoegen die attributen worden genoemd. Bovendien kunnen snelkoppelingen tekst (of HTML) omwikkelen of zelfs worden genest in een andere shortcode.

bijvoorbeeld, een shortcode kan de volgende formaten hebben:

Some text

<a href="http://mysite.com/">HTML content</a>

Some text more text 

 This is a custom icon 

Shortcode Kenmerken

Shortcodes zijn ook flexibel, omdat ze kunnen worden uitgebreid met attributen. Met attributen, shortcodes bieden extra aanpassing gewoon door het toevoegen van extra code fragmenten binnen de shortcode.

Plugins en thema ‘ s bieden extra hulplijnen en rubrics om gebruikers te helpen de juiste shortcode-fragmenten te gebruiken om bepaalde elementen in de uitvoer toe te voegen of te verwijderen.

Hier zijn een paar voorbeelden van shortcodes met attributen.

]

Posts Heading

ingebouwde WordPress Shortcodes

WordPress wordt geleverd met verschillende ingebouwde shortcodes voor het renderen van bepaalde types van inhoud.

]

met de audio shortcode kunt u audiobestanden insluiten en afspelen.

]

met de shortcode van de bijschrift kunt u bijschriften rond de inhoud wikkelen.

]

met de galerij shortcode kunt u een of meer Afbeeldingsgalerijen toevoegen aan uw berichten en pagina ‘ s.

]

met de embed shortcode kunt u ingebedde items met een maximale (maar niet vaste) breedte en hoogte omwikkelen.

]

de afspeellijst shortcode implementeert de functionaliteit van het weergeven van een verzameling WordPress audio-of videobestanden in een post.

]

met de video shortcode kunt u videobestanden insluiten en afspelen.

Plugin & thema Shortcodes

specifieke WordPress thema ‘ s en plugins hebben shortcodes direct uit de doos die u kunt invoegen in de post of pagina-editor en zal het resultaat te maken op de front-end. Tot op heden gebruiken veel thema ‘ s en plugins nog steeds shortcodes.

shortcodes worden bijvoorbeeld vaak gebruikt in veelgebruikte plug-ins voor agenda ‘ s, formulieren, tabellen, lidmaatschappen, countdown timers of pull quotes. Zelfs shortcode plugins bestaan die u toelaten om shortcodes voor alles te maken.

WordPress thema ‘ s kunnen ook shortcodes gebruiken om bepaalde dynamische inhoud te maken die vooraf is opgemaakt of door hen wordt geleverd.

aangepaste Shortcodes

De meeste deskundige ontwikkelaars kiezen ervoor om hun eigen shortcodes te maken, waardoor de tijd die nodig is om iets te coderen dat repetitief is, wordt ingekort. Het enige wat nodig is, is een eenvoudig extra bestand op uw bestandsmap om de aangepaste shortcodes te maken.php bestand. Als u wilt leren van de touwen van aangepaste shortcodes, hier is een gids over het maken van aangepaste shortcodes.

de WordPress Shortcode API

voor ontwikkelaars die hun eigen aangepaste shortcodes maken, biedt de WordPress Shortcode API een eenvoudige set functies voor het maken van WordPress shortcodes voor gebruik in berichten en pagina ‘ s.

de Shortcode API helpt plugin-ontwikkelaars dynamische inhoud te maken die gebruikers aan pagina ‘ s of berichten kunnen toevoegen door de bijbehorende shortcode toe te voegen aan het inhoudsgebied. Gelukkig, de API behandelt alle ingewikkelde parsing, waardoor de noodzaak voor het schrijven van een aangepaste reguliere expressie voor elke shortcode. Daarnaast zijn helperfuncties opgenomen voor het instellen en ophalen van standaard shortcode-attributen.

ontwikkelaars kunnen de WordPress Shortcode API documentatie voor meer informatie over:

• Handling attributen
• uitvoer
• Enclosing vs self-closing shortcodes
• Function reference
• beperkingen
• formele syntaxis

Shortcodes in de klassieke Editor

in het verleden werden shortcodes ingevoegd in de klassieke editor van een post of pagina, zoals deze:

Wat zijn WordPress blokken?

Shortcodes waren eerst … maar toen kwam block-based editing. Met de introductie van WordPress 5.0 kwam de implementatie van de lang geplande Gutenberg editor of WordPress Block Editor als de hoofdpagina en post editor voor WordPress, ter vervanging van de klassieke WordPress tekst-gebaseerde editor die al jaren bestaat.

Hier is een blik op de content editor voorafgaand aan WordPress 5.5 (ah, dat waren de dagen!)

de Gutenberg editor werd voor het eerst aangekondigd op eerdere versies van WordPress, maar bleef optioneel tot WordPress 5.0 toen het de standaard editor werd.

Er is niets inherent mis met de nieuwe geblokkeerde editor. In feite, de meeste gebruikers zoals de verbeterde en schonere, minder intimiderend, blik van de achterkant van WordPress.

maar met de WordPress block editor kwam WordPress blokken. Weg zijn de opmaakopties aan de bovenkant die doen denken aan tekstverwerkingstoepassingen zoals Microsoft Word. In plaats daarvan zijn opmaakopties vervangen door de opties met de rechter zijbalk met tabbladen voor elk blok.

WordPress-blokken zijn hoofdzakelijk contentcontainers. Er zijn veel verschillende blokken voor verschillende soorten inhoud—afbeeldingen, video ‘ s, teksten, koppen, galerijen—noem maar op.

Er is zelfs een WordPress blok voor het formatteren, spacer, en divider, en ze zijn terloops gerangschikt in categorieën voor gemakkelijke toegang.

alle opties en besturingselementen die bovenaan stonden bevinden zich nu aan de rechterkant van de pagina/post-editor, met tabbladen bovenaan die aangeven of u de opties voor het huidige blok alleen of het hele document wilt zien.

De blok-editor is eenvoudiger en sneller en gebruiksvriendelijker. Daarnaast thema en plugin ontwikkelaars zijn ook het maken van hun eigen blokken die meer blok opties toe te voegen aan de standaard WordPress blokken.

Herbruikbare blokken vs. Shortcodes

de oude manier om een set van vooraf gedefinieerde uitvoer in de WordPress classic editor op te slaan was door het maken van uw eigen shortcodes. Nu is deze methode vervangen door herbruikbare blokken.

de mogelijkheid om vooraf gedefinieerde en vooraf aangepaste blokken op te slaan heeft het ook gemakkelijker gemaakt om de lay-out en het ontwerp van een bepaald blok op te slaan en te gebruiken op een ander blok. Net als een pagina sjabloon.

bijvoorbeeld, als je een knopblok toevoegt en het stijlt met een bepaalde kleur, zwevende effecten, enz., je zou niet willen blijven doen dat op elke pagina die u die knop toe te voegen aan. Als u het verandert in een herbruikbaar blok, wordt de knop opgeslagen op uw WordPress site en wordt zijn eigen blok dat u kunt gebruiken op andere pagina ‘ s of berichten.

u kunt deze blokken ook verder bijwerken door ze te converteren naar reguliere blokken, het op te slaan als een nieuwe (met een nieuwe naam), of het bestaande ontwerp van het blok bij te werken.

Groepsblokken

in WordPress 5.3 kwam ook de introductie van groepsblokken en sjablonen.

in wezen krijgt u de mogelijkheid om bepaalde blokken samen te groeperen en ze allemaal samen te verplaatsen of bij te werken. Dit gaf uiteindelijk aanleiding tot blokpatronen. Blokpatronen hebben het bewerken van inhoud gemakkelijker gemaakt, omdat gebruikers veel liever een patroon kiezen en de inhoud bijwerken in plaats van te beginnen met een leeg canvas.

Block Styling opties

bij elk thema komen verschillende stijlopties. En normaal gesproken is de stijl van de inhoud die u toevoegt op elke site vooraf bepaald door uw thema.

Met De block editor hebt u de optie om de stijl van elk blok afzonderlijk bij te werken, om op te vallen of om ze meer op te vallen.

blokken & volledige Sitebewerking

met al deze ontwikkelingen en veranderingen in de manier waarop we Pagina ‘ s maken en bouwen op WordPress komt het idee en de uiteindelijke overgang naar wat volledige Sitebewerking wordt genoemd.

in het plakken konden de meeste gebruikers alleen de eigenlijke inhoud van een bericht of pagina bijwerken. Bepaalde aspecten van de website, zoals de koptekst, voettekst, zijbalken en widgets, zijn nog steeds grotendeels afhankelijk van het thema. Dit natuurlijk gemaakt op zoek naar de perfecte thema met de juiste hoeveelheid opties de ultieme strijd voor ontwikkelaars en gebruikers van WordPress.

met volledige Site Editing en de introductie van de Block Builder, tikt de trend om alle secties van een pagina of post bewerkbaar te maken, op een bepaalde manier, met behulp van blokken.

bijvoorbeeld, de nieuwste twintig-twintig WordPress thema volgt dit patroon, waardoor makers en website-eigenaren meer controle over hun website en hoe ze zouden willen dat het eruit ziet.

met het oog op de toekomst zullen plugin-en thema-ontwikkelaars een andere aanpak moeten hanteren bij het ontwikkelen van hun software om zich aan te passen aan de nieuwe volledige site editing en pagina-building ervaring van de WordPress block editor. Hoewel de volledige toepassing hiervan nog steeds aan de horizon is, is het een positieve verandering die we waarschijnlijk eerder vroeger dan later zullen zien.

het nieuwe Shortcodeblok

voorafgaand aan de blokbewerker werden shortcodes direct in de pagina-of paginabewerker ingevoegd. Nu, de WordPress block editor bevat een nieuwe shortcode blok.

het shortcodeblok maakt het eenvoudig om oude shortcodes te blijven gebruiken binnen een post of pagina en behoudt de integriteit van de shortcode-uitvoer.

het shortcode-blok kan aan een pagina of post worden toegevoegd door op de knop Blok toevoegen te klikken. Als alternatief kunt u typen / shortcode en druk op enter.

u zult merken dat het shortcodeblok, in tegenstelling tot andere gangbare blokken, geen specifieke instellingen bevat in de werkbalk of editor zijbalk, waarschijnlijk vanwege het feit dat shortcodes kunnen worden aangepast met behulp van hun attributen.

wat betekent De Block Editor voor WordPress Shortcodes?

De WordPress block editor heeft grote implicaties voor shortcodes. Laten we een paar van de belangrijkste dingen op te merken over WordPress shortcodes in het tijdperk van de block editor.

1. De WordPress block editor fundamenteel verandert de behoefte en het doel van shortcodes voor de meeste plugin en thema ‘ s. Met een blok-gebaseerde editing systeem, elk “element” op de pagina heeft zijn eigen blok, in plaats van te worden opgenomen in een bewerkbare WYSIWYG editor.

omdat de block editor een totaal andere benadering is voor het samenstellen van een post of pagina, kunnen de meer dynamische delen van een pagina die worden gegenereerd door shortcodes bestaan als blokken die afzonderlijk kunnen worden toegevoegd.

2. Blokken kunnen nu de plaats innemen van de meeste shortcodes, waardoor gebruikers niet meer hoeven te leren hoe ze shortcodes moeten gebruiken. Het concept en het formaat van shortcodes kan een steile leercurve voor sommige gebruikers, dus de blok aanpak kan gemakkelijker zijn.

neem bijvoorbeeld de Gravity Forms plugin. Voorafgaand aan de block editor was het proces voor het invoegen van een formulier in een bericht of pagina anders. Vanuit de klassieke editor moest je een knop gebruiken om een formulier in te voegen in je inhoud.

na het selecteren van uw formulier werd de shortcode van het formulier toegevoegd aan uw inhoud. Afhankelijk van de opties die u hebt geselecteerd, bevatte de shortcode de attributen voor titel en beschrijving.

nu biedt de Gravity Forms-plugin een inbedblok voor formulieren. Selecteer in de block editor het Formulierblok.

zodra u het formulier hebt geselecteerd, ziet u een betere preview van hoe het formulier eruit zal zien op uw pagina. Formulierinstellingen zijn te vinden in De blokinstellingen.

3. Thema en plugin ontwikkelaars moeten beslissen over de toekomst van hun shortcode implementaties en het omzetten van hun shortcodes naar blokken. Zoals hierboven vermeld, honderden thema ‘ s, plugins, en ontwikkelaars gebruiken nog steeds shortcodes op hun websites en applicaties. Block adoptie kan traag zijn, maar als gebruikers meer vertrouwd raken met de nieuwe block editor, gebruikers zijn waarschijnlijk om een blok optie te vragen.

voor die ontwikkelaars die nog mijlen verwijderd zijn van de invoering van het WordPress block editing systeem, kan het volledige site Editing concept hand in hand gaan met hun shortcodes. Plug-ins zoals beoordeling en waardering plug-ins, audio-spelers, datum tickers, galerijen, contactformulieren, en de meeste andere die nog steeds gebruik shortcodes zijn nog steeds “in het spel.”

4. Shortcodes gaan niet snel weg. Dat is waarschijnlijk de reden waarom de WordPress block editor biedt de shortcode blok te helpen onderhouden shortcode gebruik. Omdat shortcodes zo ‘ n breed gebruik en implementatie hadden voorafgaand aan WordPress 5.0 en de block editor, is het belangrijk dat toekomstige versies van WordPress nog steeds shortcodes ondersteunen.

5. Shortcodes kunnen worden omgezet in een blok. Heb je een favoriete thema of plugin die shortcodes gebruikt? Het is waarschijnlijk dat deze shortcodes zullen worden omgezet in een blok op een bepaald punt. Als u een ontwikkelaar van een plugin of thema, of u WordPress websites te bouwen en gebruikt shortcodes in een aangepast thema, is het mogelijk om shortcodes heroverwegen als blokken.

in de volgende sectie zullen we kort ingaan op het converteren van WordPress shortcodes naar WordPress blokken.

hoe WordPress ShortCodes converteren naar WordPress blokken

net zoals u aangepaste shortcodes en herbruikbare blokken kunt toevoegen, kunt u ook eenvoudig aangepaste WordPress shortcodes converteren naar WordPress blokken.

Volg de eerste stappen uit deze aangepaste shortcode gids.

neem dit basisvoorbeeld uit Caldera Forms:

 <?php/** * Handler for shortcode * * @param $atts * * @return string */function caldera_learn_basic_blocks_post_title_shortcode_handler($atts){$atts = shortcode_atts(, $atts, 'cl_post_title');return caldera_learn_basic_blocks_post_title($atts, $atts);}/** * Output the post title wrapped in a heading * * @param int $post_id The post ID * @param string $heading Allows : h2,h3,h4 only * * @return string */function caldera_learn_basic_blocks_post_title($post_id, $heading){if (!in_array($heading, )) {$heading = 'h2';}$title = get_the_title(absint($post_id));return "<$heading>$title</$heading>";}/** * Register Shortcode */add_shortcode('cl_post_title', 'caldera_learn_basic_blocks_post_title_shortcode_handler');

deze code neemt de post-ID en een heading-niveau (h2, H3, he) en geeft de titel van de post verpakt in de HTML voor de heading.

als dat klaar is en je hebt getest dat de code werkt, dan moet je de shortcode registreren als een blok. Hier is de stap voor stap handleiding voor het omzetten van een WordPress Shortcode naar een Gutenberg blok als voorbeeld.

meer bronnen bij het maken van WordPress blokken

Er zijn tal van plugins en bronnen online beschikbaar die u kunnen helpen bij die stap, inclusief de officiële documentatie van WordPress bij het schrijven van uw eerste blok Type. U kunt controleren Igor Benic ‘ s post ook over hoe je een blok voor het weergeven van berichten te creëren.

na het lezen van deze gidsen, zult u in staat zijn om erachter te komen hoe u uw eigen WordPress blokken te maken met behulp van uw aangepaste shortcodes.

the Verdict for WordPress Shortcodes

WordPress shortcodes zijn en blijven een van de belangrijkste onderdelen van WordPress. Shortcodes hebben veel plugin-ontwikkelaars geholpen om hun plugins gebruiksvriendelijker te maken en veel thema-ontwikkelaars breiden de functionaliteiten van hun thema ‘ s uit. Shortcodes hebben ook verminderd het aantal hoofdpijn veel content makers en website-eigenaren hebben na het maken van hun aangepaste shortcodes als het gaat om herhaaldelijk toevoegen en bijwerken van dingen die ze willen.

Dat gezegd hebbende, er is geen twijfel dat de block editor is de toekomst van de WordPress editing ervaring, dus verwacht dat meer ontwikkelaars bijdragen aan het maken van het beter en nog meer, feature-gevuld, met inbegrip van degenen die nog steeds gebruik maken van shortcodes. Vooruitblikkend, verwachten we dat meer ontwikkelaars de overgang naar het gebruik en het toevoegen van WordPress blokken in plaats van WordPress shortcodes.

We hopen dat u veel hebt geleerd over het belang van WordPress shortcodes, waarvoor ze zijn en wanneer ze te gebruiken. Hopelijk, kunt u beginnen met het maken van uw eigen aangepaste shortcodes en uiteindelijk uw eigen blokken, die beide zijn zeker niet weg te gaan op elk gewenst moment snel.