före WordPress-blockredigeraren var WordPress-kortkoder en av de bästa sakerna att träffa WordPress-redigeraren för att göra det lättare att lägga till plugin-och temafunktioner på sidor, inlägg och andra delar av en WordPress-webbplats.

med flytten till blockredigeraren, vad betyder detta för de flesta äldre plugins och webbplatser som fortfarande är fulla av kortkoder? Kommer WordPress-kortkoder fortfarande att fungera? Finns det ett sätt att enkelt flytta från att använda WordPress-kortkoder till WordPress-block?

Låt oss ta reda på det. I den här guiden kommer vi att utforska WordPress-kortkoder i WordPress-blockredigerarens era.

Vad är WordPress-kortkoder?

en WordPress-kortkod är en återanvändbar, dynamisk bit kod insvept i . Kortkoder kan du enkelt infoga specifika funktioner i WordPress själv eller av en plugin eller tema i någon post, sida, anpassade inlägg typ eller widget. Tänk på WordPress-kortkoder som” genvägar ” eller som makron på din webbplats.

Du kan använda WordPress-kortkoder för att visa statiskt innehåll som är för tråkigt för att fortsätta koda och upprepa. Och du kan också använda kortkoder för att visa dynamiskt innehåll, till exempel bildgallerier, ljudspelare för podcasts, evenemangskalendrar eller ändra statistik för vissa data.

Shortcode Format

När det gäller att infoga kortkoder kan grundformatet ”utökas” på flera sätt, så att du kan anpassa eller lägga till ytterligare inställningsinformation som kallas attribut. Dessutom kan genvägar linda in text (eller HTML) eller till och med kapslas in i en annan kortkod.

till exempel kan en kortkod ha följande format:

Some text

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

Some text more text 

 This is a custom icon 

kortkod attribut

kortkoder är också flexibla eftersom de kan utökas med attribut. Med attribut erbjuder kortkoder ytterligare anpassning helt enkelt genom att lägga till extra kodavsnitt i kortkoden.

Plugins och teman erbjuder extra guider och rubriker för att hjälpa användare att använda rätt kortkod för att lägga till eller ta bort vissa element i utdata.

Här är några exempel på kortkoder med attribut.

]

Posts Heading

inbyggda WordPress-kortkoder

WordPress levereras med flera inbyggda kortkoder för att göra vissa typer av innehåll.

]

ljudkortkoden låter dig bädda in ljudfiler och spela upp dem.

]

används främst med enskilda bilder, bildtexten kortkod kan du linda bildtexter runt innehåll.

]

galleriet kortkod kan du lägga till en eller flera bildgallerier till dina inlägg och sidor.

]

den inbäddade kortkoden låter dig Linda inbäddade objekt med en maximal (men inte fast) bredd och höjd.

]

spellistans kortkod implementerar funktionaliteten för att visa en samling WordPress-ljud-eller videofiler i ett inlägg.

]

videokortet låter dig bädda in videofiler och spela upp dem.

Plugin & tema kortkoder

specifika WordPress Teman Och plugins har kortkoder direkt ur rutan som du kan infoga i inlägget eller sidredigeraren och kommer att göra resultatet på framsidan. Hittills använder många teman och plugins fortfarande kortkoder.

till exempel används kortkoder ofta i vanliga plugins för kalendrar, formulär, tabeller, medlemskap, nedräkningstimer eller pull citat. Även kortkod plugins finns som gör att du kan skapa kortkoder för något.

WordPress-Teman kan också använda kortkoder för att göra visst dynamiskt innehåll som är förformat eller tillhandahålls av dem.

anpassade kortkoder

de flesta expertutvecklare väljer att skapa sina egna kortkoder, vilket i huvudsak minskar tiden det tar att koda något som är repetitivt. Allt som krävs är en enkel extra fil i din filkatalog för att skapa anpassade kortkoder.php-fil. Om du vill lära dig repen av anpassade kortkoder, här är en guide för att skapa anpassade kortkoder.

WordPress Shortcode API

för utvecklare som skapar sina egna anpassade kortkoder, ger WordPress Shortcode API en enkel uppsättning funktioner för att skapa WordPress kortkoder för användning i inlägg och sidor.

Shortcode API hjälper plugin utvecklare att skapa dynamiskt innehåll som användare kan lägga till sidor eller inlägg genom att lägga till motsvarande kortkod i innehållsområdet. Tack och lov hanterar API: et All komplicerad tolkning, vilket eliminerar behovet av att skriva ett anpassat Reguljärt uttryck för varje kortkod. Dessutom ingår hjälpfunktioner för inställning och hämtning av standardkortkodattribut.

utvecklare kan ut WordPress Shortcode API dokumentation för att lära sig mer om:

• Hanteringsattribut
• utgång
• omslutande vs självstängande kortkoder
• funktionsreferens
• begränsningar
• formell syntax

kortkoder i den klassiska redigeraren

tidigare infördes kortkoder i den klassiska redigeraren av något inlägg eller sida, så här:

Vad är WordPress Block?

kortkoder var först … men sedan kom blockbaserad redigering. Med introduktionen av WordPress 5.0 kom implementeringen av den länge planerade Gutenberg-redigeraren eller WordPress-Blockredigeraren som huvudsida och postredigerare för WordPress, som ersatte den klassiska WordPress-textbaserade redigeraren som har funnits i flera år.

här är en titt på innehållsredigeraren före WordPress 5.5 (ah, det var dagarna!)

Gutenberg editor tillkännagavs först på tidigare versioner av WordPress men förblev valfritt tills WordPress 5.0 när det blev standardredigeraren.

det finns inget i sig fel med den nya blockerade redigeraren. Faktum är att de flesta användare gillar det förbättrade och renare, mindre skrämmande, utseendet på baksidan av WordPress.

men med WordPress block editor kom WordPress block. Borta är formateringsalternativen högst upp som påminner om ordbehandlingsprogram som Microsoft Word. Istället, formateringsalternativ har ersatts med flikarna höger sidofält alternativ för varje block.

WordPress-block är i huvudsak innehållsbehållare. Det finns många olika block för olika typer av innehåll—bilder, videor, texter, rubriker, gallerier—you name it.

det finns till och med ett WordPress-block för formatering, spacer och divider, och de är tillfälligt ordnade i kategorier för enkel åtkomst.

alla alternativ och kontroller som var högst upp finns nu till höger på sidan/postredigeraren, med flikar högst upp som indikerar om du vill se alternativen för det aktuella blocket ensam eller hela blocket dokument.

blockredigeraren är enklare och snabbare och mer användarvänlig. Dessutom skapar tema-och plugin-Utvecklare också sina egna block som lägger till fler blockalternativ till standard WordPress-blocken.

återanvändbara Block vs. kortkoder

det gamla sättet att spara en uppsättning fördefinierade utdata i WordPress classic editor var genom att skapa dina egna kortkoder. Nu har denna metod ersatts med återanvändbara block.

möjligheten att spara fördefinierade och föranpassade block har också gjort det lättare att spara layout och design för ett visst block och använda det på ett annat. Ungefär som en sidmall.

Om du till exempel lägger till ett knappblock och utformar det med en viss färg, svävar effekter etc., du skulle inte vilja fortsätta göra det på varje sida du lägger till den knappen till. Om du ändrar det till ett återanvändbart block sparas knappen på din WordPress-webbplats och blir ett eget block som du kan använda på andra sidor eller inlägg.

Du kan också uppdatera dessa block ytterligare genom att konvertera dem till vanliga block, spara det som ett nytt (med ett nytt namn) eller uppdatera blockets befintliga design.

Gruppblock

i WordPress 5.3 kom också introduktionen av gruppblock och mallar.

i huvudsak får du möjlighet att gruppera vissa block tillsammans och flytta eller uppdatera dem alla tillsammans. Detta gav så småningom upphov till blockmönster. Blockmönster har gjort redigering av innehåll enklare eftersom användare hellre vill välja ett mönster och uppdatera innehållet snarare än att starta från en tom duk.

Block Styling alternativ

med varje tema kommer olika stilalternativ. Och normalt är stilen på innehållet som du lägger till på varje webbplats förutbestämt av ditt tema.

med blockredigeraren har du möjlighet att uppdatera stilen för varje block individuellt, antingen för att sticka ut eller för att göra dem mer märkbara.

Block & fullständig Webbplatsredigering

med alla dessa framsteg och förändringar i hur vi skapar och bygger sidor på WordPress kommer tanken och eventuell övergång till vad som kallas fullständig Webbplatsredigering.

i pastan kunde de flesta användare bara uppdatera den faktiska delen av ett inlägg eller en sida. Vissa aspekter av webbplatsen, som sidhuvud, sidfot, sidofält och widgets, beror fortfarande till stor del på temat. Detta gjorde naturligtvis letar efter den perfekta temat med rätt mängd alternativ den ultimata kampen för utvecklare och användare av WordPress.

med fullständig Webbplatsredigering och introduktionen av Blockbyggaren tickar trenden mot att göra alla delar av en sida eller inlägg redigerbara, på ett sätt, med block.

till exempel följer det senaste tjugo tjugo WordPress-temat detta mönster, vilket ger skapare och webbplatsägare större kontroll över sin webbplats och hur de vill att den ska se ut.

ser fram emot, plugin-och temautvecklare måste anta ett annat tillvägagångssätt när de utvecklar sin programvara för att anpassa sig till den nya fullständiga webbplatsredigeringen och sidbyggnadsupplevelsen av WordPress block editor. Medan den fullständiga tillämpningen av detta fortfarande är i horisonten är det en positiv förändring som vi sannolikt skulle se förr snarare än senare.

det nya Kortkodsblocket

innan blockredigeraren infogades kortkoder direkt i sidan eller sidredigeraren. Nu innehåller WordPress block editor ett nytt kortkodblock.

kortkodsblocket gör det enkelt att fortsätta använda äldre kortkoder i ett inlägg eller en sida och upprätthåller kortkodsutgångens integritet.

kortkodsblocket kan läggas till på en sida eller ett inlägg genom att klicka på knappen Lägg till Block. Alternativt kan du skriva / kortkod och trycka på enter.

Du kommer att märka att till skillnad från andra vanliga block, inte kortkod blocket inte innehåller några specifika inställningar i blocket verktygsfältet eller redigeraren sidofältet, troligen på grund av det faktum att kortkoder kan anpassas med hjälp av deras attribut.

Vad betyder Blockredigeraren för WordPress-kortkoder?

WordPress block editor har stora konsekvenser för kortkoder. Låt oss täcka några av de viktigaste sakerna att notera Om WordPress-kortkoder i blockredigerarens era.

1. WordPress block editor ändrar i grunden behovet och syftet med kortkoder för de flesta plugin och teman. Med ett blockbaserat redigeringssystem har varje” element ” på sidan sitt eget block, snarare än att det finns i en redigerbar WYSIWYG-redigerare. eftersom blockredigeraren är ett helt annat sätt att komponera ett inlägg eller en sida, kan de mer dynamiska delarna av en sida som genereras av kortkoder existera som block som kan läggas till individuellt.

2. Block kan nu ta plats för de flesta kortkoder, vilket tar bort behovet av användare att lära sig att använda kortkoder. Konceptet och formatet för kortkoder kan ha en brant inlärningskurva för vissa användare, så blockmetoden kan vara enklare.

ta till exempel Gravity Forms-plugin. Innan blockredigeraren var processen för att infoga ett formulär i ett inlägg eller en sida annorlunda. Från den klassiska redigeraren var du tvungen att använda en knapp för att infoga ett formulär i ditt innehåll.

När du har valt ditt formulär har formulärets kortkod lagts till i ditt innehåll. Beroende på vilka alternativ du valde innehöll kortkoden attributen för titel och beskrivning.

Nu erbjuder Gravity Forms-plugin ett formulärblock bädda in block. Från blockredigeraren väljer du Formulärblocket.

När du har valt formuläret ser du faktiskt en bättre förhandsgranskning av hur formuläret kommer att se ut på din sida. Formulärinställningar finns i blockinställningarna.

3. Tema-och plugin-Utvecklare måste besluta om framtiden för sina kortkodsimplementeringar och konvertera sina kortkoder till block. Som nämnts ovan använder hundratals teman, plugins och utvecklare fortfarande kortkoder på sina webbplatser och applikationer. Block adoption kan vara långsam, men eftersom användarna blir mer bekanta med den nya blockredigeraren kommer användarna sannolikt att begära ett blockalternativ.

till de utvecklare som fortfarande är mil bort från att anta WordPress-blockredigeringssystemet kan hela Webbplatsredigeringskonceptet gå hand i hand med sina kortkoder. Plugins som översyn och rating plugins, ljudspelare, datum tickers, gallerier, kontaktformulär, och de flesta allt annat som fortfarande använder kortkoder är fortfarande ”i spelet.”

4. Kortkoder går inte bort när som helst snart. Det är förmodligen varför WordPress block editor erbjuder kortkod blocket för att upprätthålla kortkod användning. Eftersom kortkoder hade så bred användning och implementering före WordPress 5.0 och blockredigeraren är det viktigt att framtida versioner av WordPress fortfarande stöder kortkoder.

5. Kortkoder kan konverteras till ett block. Har du ett favorittema eller plugin som använder kortkoder? Det är troligt att dessa kortkoder kommer att konverteras till ett block någon gång. Om du är utvecklare av ett plugin eller tema, eller om du bygger WordPress-webbplatser och använde kortkoder i ett anpassat tema, är det möjligt att ompröva kortkoder som block.

i nästa avsnitt kommer vi kortfattat att täcka hur man konverterar WordPress-kortkoder till WordPress-block.

Hur konvertera WordPress kortkoder till WordPress Block

precis som du kan lägga till egna kortkoder och återanvändbara block, kan du också enkelt konvertera anpassade WordPress kortkoder till WordPress block.

Följ de första stegen från den här anpassade kortkodguiden.

ta detta grundläggande exempel från 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');

denna kod tar post-ID och en rubriknivå (h2, h3, he) och matar ut postens titel insvept i HTML för rubriken.

När det är klart och du har testat att koden fungerar måste du registrera kortkoden som ett block. Här är steg-för-steg-guiden för att konvertera en WordPress-kortkod till ett Gutenberg-Block som ett exempel.

fler resurser för att skapa WordPress-Block

det finns många plugins och resurser tillgängliga online som hjälper dig att komma till det steget, inklusive den officiella dokumentationen från WordPress om att skriva din första blocktyp. Du kan också kolla in Igor Benics inlägg om hur du skapar ett block för att visa inlägg.

Efter att ha läst dessa guider kan du ta reda på hur du skapar dina egna WordPress-block med dina egna kortkoder.

domen för WordPress-kortkoder

WordPress-kortkoder är och kommer fortfarande att vara en av de viktigaste delarna av WordPress. Kortkoder har hjälpt många plugin-utvecklare att göra sina plugins mer användarvänliga och många temautvecklare utökar funktionerna i sina teman. Kortkoder har också minskat antalet huvudvärk många innehållsskapare och webbplatsägare har efter att ha skapat sina egna kortkoder när det gäller att upprepade gånger lägga till och uppdatera saker som de vill ha.

med det sagt är det ingen tvekan om att blockredigeraren är framtiden för WordPress-redigeringsupplevelsen, så förvänta dig att se fler utvecklare bidra till att göra det bättre och ännu mer, funktionsfyllda, inklusive de som fortfarande använder kortkoder. Framöver förväntar vi oss att fler utvecklare kommer att övergå till att använda och lägga till WordPress-block istället för WordPress-kortkoder.

Vi hoppas att du har lärt dig mycket om vikten av WordPress-kortkoder, vad de är till för och när du ska använda dem. Förhoppningsvis kan du börja skapa dina egna anpassade kortkoder och så småningom dina egna block, som båda säkert inte går bort när som helst snart.