Hur man skapar kortkoder i WordPress

WordPress introducerade kortkod API för sex år sedan med lanseringen av WordPress 2.5. Kortkoder används nu av ett stort antal WordPress-plugins för att tillåta användare att lägga till innehåll i sina inlägg och sidor.med shortcode API kan du skapa dina egna kortkoder genom att lägga till funktioner i dina temafunktioner.php-Mall (detta finns på www.yourwebsite.com/wp-content/themes/yourtheme/).

förutom att skapa egna kortkoder innehåller WordPress också fem standardkortkoder med WordPress-kärnan:

  • ljud – låter dig bädda in ljudfiler.
  • caption-låter dig Linda bildtexter runt innehåll. Det används ofta med bilder.
  • bädda in-låter dig bädda in ett brett utbud av innehåll som video, ljud och tweets.
  • galleri-låter dig infoga bildgallerier.
  • video-låter dig bädda in videofiler.

Även om standard WordPress kortkoder används ofta, mycket få WordPress användare dra nytta av kortkod API och utforma unika kortkoder för deras hemsida. I den här handledningen vill jag visa dig hur rakt fram det är att förbättra din webbplats med anpassade kortkoder.

innan du börjar, se till att du gör en säkerhetskopia av funktioner.php och andra filer du redigerar innan du gör ändringar med din livewebbplats.

skapa en kortkod – ett grundläggande exempel

för att ge dig en god förståelse för hur WordPress kortkod API fungerar, låt oss börja med en grundläggande kortkod funktion.

Kom ihåg att kortkoder ska skapas för innehåll och funktionalitet som du använder ofta. Hela poängen med att använda kortkoder är att spara någon tid. Om du bara ska använda något en gång är det inte mycket att skapa en kortkod för det.

jag skriver runt ett dussin artiklar per vecka. En sak jag gör ofta är att uppmuntra dem som tyckte om mina artiklar att prenumerera på min blogg (eller bloggen Jag skriver för). Jag skriver för närvarande ut detta varje gång, men jag kunde spara mig mycket tid genom att skapa en kortkod för texten.

För att göra detta kan jag lägga till en funktion som denna till mitt temas funktioner.php-Mall:

de av er som inte har någon kodningserfarenhet kan hitta ovanstående kod lite skrämmande, men det är lätt att förstå när du bryter ner koden rad för rad.

det första vi gör är att lägga till en kommentar ovanför vår funktion. Detta hjälper oss att snabbt se vad vår funktion är för när vi ser koden vid ett senare tillfälle.

// Function to add subscribe text to posts and pages

Vi definierar sedan vår funktion. Jag gillar att använda namn som är självförklarande, så jag har kallat min funktion ”subscribe_link_shortcode”.

function subscribe_link_shortcode() {

därefter definierar vi vårt meddelande. Returdeklarationen visar vårt meddelande när det kallas. Det lagrar också meddelandena (i motsats till echo, som kommer att skriva ut det men inte lagra det).

funktionen stängs sedan.

}

Vi definierar sedan kortkoden själv med funktionen add_shortcode. Den första variabeln som anges definierar kortkoden som ska användas och den andra variabeln kallar vår funktion (dvs. den vi definierade ovan).

add_shortcode('subscribe', 'subscribe_link_shortcode'); 

När du har sparat funktionerna.php-Mall, vi kan nu ringa vårt meddelande när vi vill använda kortkoden prenumerera.


använda prenumerera kortkod i ett inlägg eller sida kommer att producera följande meddelande:

Om du haft den här artikeln, Jag uppmuntrar dig att prenumerera på den eleganta teman blogg via RSS.

Jag använde ett enkelt meddelande i mitt exempel, men du kan ändra detta för att visa många andra saker. Du kan till exempel skapa en kortkod för att visa adsense-annonser eller ett prenumerationsformulär för ditt nyhetsbrev och sedan infoga dem var du vill i dina artiklar.

skapa en kortkod med attribut

attribut kan utöka kortkodens funktionalitet genom att låta dig skicka data genom dina kortkoder.

i exemplet nedan visar jag hur attribut kan användas för att utöka funktionen vi skapade tidigare. Som du kan se är mycket av koden densamma.

$atts är namnet på vår attributarray. Vi använder sedan extract-funktionen för att importera variabler från vår array (via Shortcode_atts WordPress-funktionen).

två attribut definieras sedan: subtyp och och subtypeurl. Dessa representerar typen av prenumeration och prenumerationsadressen. Dessa attribut kallas sedan i vårt meddelande.

vår standardprenumerationstyp är RSS och vår standardprenumerationsadress är http://feeds.feedburner.com/ElegantThemes. Denna information visas när inga attribut definieras.

därför, när du lägger till följande i ett inlägg:


Vi kommer att få följande utgång:

var noga med att prenumerera på framtida eleganta teman uppdateringar av RSS.

om vi definierar attribut är resultatet annorlunda. Följande kod:

skulle mata ut:

var noga med att prenumerera på framtida eleganta teman uppdateringar av RSS.
Var noga med att prenumerera på framtida eleganta teman uppdateringar av Twitter.
Var noga med att prenumerera på framtida eleganta teman uppdateringar av Facebook.
Var noga med att prenumerera på framtida eleganta teman uppdateringar av Google.

Även om detta var ett grundläggande exempel på hur attribut fungerar, är det lätt att se hur plugin utvecklare kan använda kortkod API för att göra komplicerade funktioner mer användarvänliga för användare.

översikt

om du följer stegen som anges i denna handledning bör du nu ha en grundläggande förståelse för hur du kan skapa egna anpassade kortkoder för din webbplats. Kortkoder är ett bra sätt att göra komplicerade uppgifter enklare så jag uppmuntrar dig att hålla WordPress kortkod API i åtanke i framtiden.

var inte orolig om den här handledningen var lite svår för dig. Alla eleganta teman design kommer förpackade med kortkoder som gör publicering vackert innehåll enkelt. Kortkoderna kan användas för att skapa bildspel, kolumner och tabeller. Det låter dig även lösenordsskydda ditt innehåll.

Jag hoppas att du har haft denna handledning om att skapa en unik kortkod för din WordPress-webbplats. Om så är fallet, Jag uppmuntrar dig att prenumerera på eleganta teman som vi har några bra innehåll i pipeline kub

också, återigen, jag påminner dig om att säkerhetskopiera alla filer innan du redigerar dem.

Lämna ett svar

Din e-postadress kommer inte publiceras. Obligatoriska fält är märkta *