Share
Wanneer u inhoud in WordPress-berichten plaatst, ziet u meestal wat u krijgt, of WYSIWYG. Als je typt, "De snelle bruine vos sprong over het witte hek", dat is wat je zult zien. Maar WordPress biedt ook de mogelijkheid dat er steno-verwijzingen zijn die uitbreiden. Bij het programmeren van lingo worden dit macro's genoemd; in wezen korte computerprogramma's. In WordPress worden dit shortcodes genoemd.
Bijvoorbeeld, als u zou typen [QuickFox], een WordPress shortcode zou dit kunnen uitbreiden naar "De vlugge bruine vos sprong over het witte hek." Evenzo, als je zou typen [quickphrase animal = "rabbit" animal_color = "yellow" object = "fence" object_color = "red"], dat zou kunnen uitbreiden naar "Het snelle gele konijn sprong over het rode hek." Hoewel dit op dit moment niet erg nuttig lijkt, is de mogelijkheid eigenlijk heel nuttig.
Hier zijn vier verschillende manieren waarop u WordPress-shortcodes eerder bent tegengekomen:
WordPress.com biedt zijn eigen shortcodes voor blogs die worden gehost met zijn service. Een van de nadelen van het gebruik van deze shortcodes is dat het in de toekomst erg moeilijk wordt om naar een andere host of zelfhost te migreren - dit is wat ik 'host lock-in' noem..
Veel thema's bieden shortcodes. De maker van mijn websitethema, MySiteMyWay, heeft bijvoorbeeld een enorme lijst met shortcodes. ik gebruik de [Tabs] shortcodes om dynamische sortering van mijn schrijfclips mogelijk te maken op jaar en op onderwerp (geen paginavernieuwing nodig):
Hier is de code die dit doet:
[tabbladen] [tabblad titel = "Op jaarbasis"] ... inhoud gesorteerd op jaar ... [/ tab] [tabblad titel = "Op onderwerp"] ... inhoud gesorteerd op onderwerp ... [/ tab] [/ tabbladen]
Ik gebruik ook kolommen op deze pagina:
Hier is de code die dat doet:
[one_half] ... eerste kolom komt hier ... [/ one_half] [one_half_last] ... inhoud tweede kolom komt hier ... [/ one_half_last]
Een van de nadelen van het gebruik van de kortcodes van uw thema is dat het in de toekomst erg moeilijk wordt om naar een nieuw thema te migreren, "theme lock-in".
Shortcode-plug-ins zijn plug-ins die een overvloed aan shortcodes bieden om het uiterlijk van uw blog te verbeteren. Hier is een overzicht van veel van WPMU, en Shortcodes Ultimate is een goed voorbeeld. Deze plug-ins kunnen u helpen om thema- en host-lock-in te vermijden, maar dan krijgt u "plugin lock-in". En plug-in shortcodes zullen niet altijd goed samenwerken met uw thema.
Veel plug-ins implementeren hun functionaliteit als een shortcode. De plug-in Social Locker, waar ik recentelijk over heb geschreven voor Tuts +, is bijvoorbeeld geïmplementeerd als een shortcode. Mijn bericht over het beveiligen van je Mac tegen potentiële diefstal blokkeert de inhoud van de laatste suggesties om mensen aan te moedigen de post op sociale media te delen.
De code die dit implementeert is een shortcode:
[sociallocker] ... inhoud voor items 7 t / m 10 gaat hier ... [/ sociallocker]
Zoals u kunt zien, biedt het gebruik van shortcodes vele voordelen, maar kan het ook de complexiteit van het migreren van uw site of het upgraden van uw thema in de toekomst vergroten..
In deze zelfstudie wil ik een vijfde soort shortcode introduceren: een die je zelf maakt, niet door een plug-in te schrijven (wat een optie is voor ontwikkelaars), maar door een gratis plug-in genaamd Shortcoder te gebruiken. En je hoeft geen programmeur te zijn om dit te doen.
Shortcoder biedt een interne database waarmee u uw eigen shortcode-codefragmenten (HTML, JavaScript, enz.) Kunt maken en opslaan. U kunt dan uw aangepaste shortcodes gebruiken op berichten of pagina's en Shortcoder breidt ze uit op hun plaats.
Dit is met name handig voor inhoud of codefragmenten die u op veel pagina's misschien opnieuw kunt gebruiken of herhalen, en het is zelfs nog nuttiger als u inhoud of code wilt wijzigen en overal tegelijk wilt laten weergeven.
Hier zijn een paar voorbeelden van hoe ik Shortcoder gebruik:
Op mijn tutorials met meerdere pagina's (zoals deze), codeer ik de inhoudsopgave statisch als een Shortcode verkortcode en plaats deze op elke pagina.
In plaats van handmatig de inhoudsopgave op alle pagina's van de tutorial te plakken, gebruik ik shortcoder en plaats ik de [Sc: MainTutorial] shortcode op elke pagina. Wanneer ik mijn inhoudsopgave moet bijwerken, doe ik dat in het instellingengebied van de Shortcoder en wordt deze automatisch bijgewerkt op al mijn pagina's. Ik hoef nooit handmatig de inhoudsopgave op elke pagina te bewerken.
Lees hierover meer op Tuts +: Voeg een mooie inhoudsopgave toe aan je WordPress Posts (in de tweede helft van de tutorial).
Als je geen programmeerervaring hebt, kan het schrijven van deze shortcode-macro's een beetje ongewoon lijken; de meeste WordPress-bloggers zijn ze waarschijnlijk inmiddels tegengekomen, of kunnen ervan profiteren door ze te leren.
Ik gebruik ook Shortcoder voor advertentieplaatsingen zoals AdSmallBanner. Ik kan de advertentie op veel pagina's van mijn site plaatsen en als ik ooit de adverteerder (en een nieuwe banner en link) wil vervangen, kan ik deze een keer in Shortcoder wijzigen en wordt deze weergegeven op alle pagina's van mijn site de korte code van AdSmallBanner gebruiken.
Hier is een voorbeeld van een advertentie in een bericht op mijn website:
Ik kan de advertenties overal op mijn site gemakkelijk wijzigen door alleen de shortcode te bewerken:
Op mijn tutorial footers, vind ik het leuk om mensen een vriendelijke flaptekst te geven om met mij op te nemen. En soms wil ik dit graag veranderen. Zonder Shortcoder zou een overvloed aan pagina's op mijn site moeten worden gewijzigd of verouderd. Met Shortcoder verander ik de tutorial-footer één keer en wordt deze overal weergegeven:
Shortcoder ondersteunt ook parameters, zodat u een shortcode kunt bouwen om een specifieke video of kaart weer te geven. Je kunt dit in deze video geïllustreerd zien na 50 seconden in.
Als ik hosts of thema's wil wijzigen, werken mijn Shortcoder-shortcodes waarschijnlijk nog steeds, of heb ik alleen kleine aanpassingen nodig.
Bij zorgvuldig gebruik kan Shortcoder een extreem krachtige plug-in zijn om toe te voegen aan uw publicatiearsenaal.
Aarzel niet om correcties, vragen of opmerkingen hieronder te plaatsen. Je kunt me ook bereiken via Twitter @reifman of mij rechtstreeks een e-mail sturen.
Deze tutorials over Tuts + bespreken het maken en gebruiken van shortcodes voor algemene bloggingtaken:
Accentsconagua