Articles

A Teljes Útmutató a WordPress Shortcodes

Megelőzően a WordPress blokk szerkesztő, WordPress shortcodes volt az egyik legjobb dolog, hogy elérje a WordPress szerkesztővel, hogy könnyebben hozzá plugin, majd a téma funkciók oldalak, hozzászólás, valamint egyéb részeit egy WordPress weboldal.

WordPress shortcodes végső útmutató

az a lépés, hogy a blokk szerkesztő, mit jelent ez a legtöbb régebbi dugó, valamint a weboldalak, amelyek még mindig tele shortcodes? Will WordPress shortcodes still work? Van egy módja annak, hogy könnyen mozog a WordPress shortcodes a WordPress blocks?

derítsük ki. Ebben az útmutatóban megvizsgáljuk a WordPress rövid kódjait a WordPress Blokkszerkesztő korában.

ebben az útmutatóban

mik a WordPress rövid kódok?

a WordPress shortcode egy újrafelhasználható, dinamikus kódrészlet . A Shortcodes lehetővé teszi, hogy egyszerűen illessze be a WordPress vagy egy plugin vagy téma bizonyos funkcióit bármely hozzászólásba, oldalra, egyéni post típusba vagy widgetbe. Gondolj a WordPress rövid kódokra, mint például a “parancsikonok” vagy hasonló makrók a webhelyeden.

a WordPress shortcodes használatával olyan statikus tartalmat jeleníthet meg, amely túl unalmas a kódoláshoz és az ismétléshez. A rövid kódokat dinamikus tartalom megjelenítésére is használhatja, például képgalériák, podcastok audio lejátszói, eseménynaptárak vagy bizonyos adatok statisztikáinak megváltoztatása.

Shortcode formátum

a rövid kódok beillesztésekor az alapformátum többféle módon “meghosszabbítható”, lehetővé téve További beállítások testreszabását vagy hozzáadását az attribútumoknak nevezett információk. Ezenkívül a parancsikonok szöveget (vagy HTML-t) csomagolhatnak, vagy akár egy másik rövid kódba is beágyazhatók.

például egy rövid kód a következő formátumokkal rendelkezhet:


Some text
<a href="http://mysite.com/">HTML content</a>
 This is a custom icon 

shortcode attribútumok

shortcodes is rugalmas, mert lehet terjeszteni attribútumok. Az attribútumokkal a shortcodes további testreszabást kínál egyszerűen azáltal, hogy extra kódrészleteket ad hozzá a rövid kódhoz.

Plugins and themes offer extra guides and rubrics to help users use the correct shortcode snippets to add or remove certain elements in the output.

íme néhány példa az attribútumokkal rendelkező rövid kódokra.

]

Posts Heading

Beépített WordPress Shortcodes

WordPress számos beépített shortcodes renderelés, hogy bizonyos típusú tartalmakat.

]

az audio shortcode lehetővé teszi audio fájlok beágyazását és lejátszását.

]

elsősorban az egyes képekhez használt feliratok rövid kódja lehetővé teszi, hogy a feliratokat a tartalom köré tekerje.

]

a galéria rövidkódja lehetővé teszi, hogy egy vagy több képgalériát adjon hozzá hozzászólásaihoz és oldalaihoz.

]

az embed shortcode lehetővé teszi a beágyazott elemek maximális (de nem rögzített) szélességű és magasságú csomagolását.

]

a playlist shortcode megvalósítja a WordPress audio-vagy videofájlok gyűjteményének megjelenítését egy bejegyzésben.

]

a videó rövidkódja lehetővé teszi a videofájlok beágyazását és lejátszását.

Plugin & Theme Shortcodes

specifikus WordPress témák és bővítmények shortcodes jobb ki a dobozból, hogy lehet beszúrni a post vagy oldal szerkesztő, és teszi az eredményt a front end. A mai napig, sok téma, plugins még mindig használja shortcodes.

például a rövidkódokat gyakran használják a naptárak, űrlapok, táblázatok, tagságok, visszaszámláló időzítők vagy húzási idézetek közös bővítményeiben. Még shortcode plugins létezik, amely lehetővé teszi, hogy hozzon létre shortcodes semmit.

WordPress themes can also usely shortcodes to render certain dynamic content that is pre-styleed or provided by the them.

Egyéni Shortcodes

a Legtöbb szakértő fejlesztők döntenek, hogy saját shortcodes, lényegében vágás le az időt, hogy a kód valami, ami ismétlődő. Mindössze egy egyszerű kiegészítő fájl szükséges a fájlkönyvtárban az egyéni rövid kódok létrehozásához.php fájl. Ha meg akarod tanulni a szakmát, egyéni shortcodes, itt egy útmutató létrehozása egyéni shortcodes.

A WordPress Shortcode API

a fejlesztők Számára, hogy létrehozza a saját egyéni shortcodes, a WordPress Shortcode API-t biztosít egy egyszerű függvények létrehozása WordPress shortcodes használata hozzászólások oldalak.

A Shortcode API segít a plugin fejlesztők létre dinamikus tartalom, hogy a felhasználók adhatnak oldalak vagy a hozzászólás hozzáadásával a megfelelő hiány a tartalom területen. Szerencsére az API kezeli az összes bonyolult elemzés, így nincs szükség az írás egyéni reguláris kifejezés minden shortcode. Ezenkívül a helper funkciók Az alapértelmezett shortcode attribútumok beállításához és lekéréséhez is tartoznak.

a Fejlesztők ki a WordPress Shortcode API dokumentáció további információ:

  • attribútumok Kezelése
  • Kimenet
  • Mellékelve vs önzáró shortcodes
  • Funkció referencia
  • Korlátozások
  • Formális szintaxis

Shortcodes a Klasszikus Szerkesztő

a múltban, shortcodes volt dugva a klasszikus szerkesztője semmilyen utólagos vagy oldal így:

WordPress shortcode

mik a WordPress blokkok?

Shortcodes voltak az első … de aztán jött blokk alapú szerkesztés. A WordPress 5.0 bevezetésével jött a régóta tervezett Gutenberg szerkesztő vagy WordPress Blokkszerkesztő megvalósítása, mint a WordPress főoldala és post szerkesztője, helyettesítve a klasszikus WordPress szövegalapú szerkesztőt, amely évek óta létezik.

itt egy pillantást a tartalomszerkesztő előtt WordPress 5.5 (ah, azok voltak a napok!)

a Gutenberg szerkesztőt először a WordPress korábbi verzióiban jelentették be, de opcionális maradt, amíg a WordPress 5.0 nem lett az alapértelmezett szerkesztő.

töltse le az e-könyvet: Ultimate Guide to WordPress 5.0 & a Gutenberg szerkesztő

az új blokkolt szerkesztővel nincs semmi baj. Valójában a legtöbb felhasználó, mint a továbbfejlesztett, tisztább, kevésbé félelmetes, nézd meg a WordPress hátsó végét.

de a WordPress blokkszerkesztővel WordPress blokkok jöttek. Elmúltak azok a formázási lehetőségek a tetején, amelyek olyan szövegszerkesztő alkalmazásokra emlékeztetnek, mint a Microsoft Word. Ehelyett a formázási lehetőségeket felváltották az egyes blokkok füles jobb oldalsáv beállításai.

a WordPress blokkok lényegében tartalmi tárolók. Sok különböző blokk van a különböző típusú tartalomhoz-képek, videók, szövegek, fejlécek, galériák—Nevezd meg.

van még egy WordPress blokk formázáshoz, távtartóhoz és osztóhoz, és mellékesen kategóriákba vannak rendezve a könnyű hozzáférés érdekében.

az összes opció és kezelőszerv, amely a tetején volt, az oldal/post szerkesztő jobb oldalán található, a felső fülekkel jelezve, hogy szeretné-e látni az aktuális blokk opcióit egyedül vagy az egész dokumentum.

a Blokkszerkesztő egyszerűbb, gyorsabb és felhasználóbarátabb. Ezen felül a téma és a plugin fejlesztők saját blokkokat is készítenek, amelyek további blokk opciókat adnak az alapértelmezett WordPress blokkokhoz.

újrafelhasználható Blocks vs. Shortcodes

a WordPress classic editor előre definiált kimenetének mentésének régi módja a saját rövid kódok létrehozása volt. Most ezt a módszert újrafelhasználható blokkokra cserélték.

az előre definiált és előre testreszabott blokkok mentésének képessége szintén megkönnyítette egy adott blokk elrendezésének és kialakításának mentését, valamint a másikon történő használatát. Mint egy oldalsablon.

például, ha hozzáad egy gombblokkot, majd stílusosítja azt egy bizonyos színnel, hover effektekkel stb., nem akarja ezt folytatni minden egyes oldalon, amelyhez hozzáadja azt a gombot. Ha újrafelhasználható blokkra változtatja, a gomb a WordPress webhelyére kerül mentésre, majd saját blokkjává válik, amelyet más oldalakon vagy hozzászólásokon is használhat.

ezeket a blokkokat tovább frissítheti úgy is, hogy azokat normál blokkokká konvertálja, új néven mentve (új névvel), vagy frissítheti a blokk meglévő kialakítását.

Csoportblokkok

a WordPress 5.3-ban csoportblokkok és sablonok is megjelentek.

lényegében Önnek lehetősége van arra, hogy egyes blokkokat csoportosítson, és mindegyiket együtt mozgassa vagy frissítse. Ez végül blokkmintákat eredményezett. A blokkolási minták megkönnyítették a tartalom szerkesztését, mivel a felhasználók sokkal inkább egy mintát választanak, és frissítik a tartalmat, nem pedig egy üres vászonból kiindulva.

Block Styling Options

minden téma jön a különböző stílus opciók. Általában az egyes webhelyeken hozzáadott tartalom stílusát a téma határozza meg.

a blokkszerkesztővel lehetősége van az egyes blokkok stílusát külön-külön frissíteni, akár kiemelkedni, akár észrevehetőbbé tenni.

Blokkok & Teljes Oldal Szerkesztése

ezek A fejlesztések, változások a módja, hogy létre hozza oldalt WordPress jön az ötlet, de esetleges átmeneti hogy mi a neve, Teljes Honlap Szerkesztés.

a paszta, a legtöbb felhasználó csak frissíteni a tényleges test egy bejegyzést vagy oldalt. A weboldal bizonyos aspektusai, mint például a fejléc, a lábléc, az oldalsávok és a widgetek, továbbra is nagymértékben függnek a témától. Ez persze tette keresi a tökéletes téma a megfelelő mennyiségű lehetőség a végső harc a fejlesztők, valamint a felhasználók a WordPress.

A teljes Webhelyszerkesztéssel és a blokképítő bevezetésével a tendencia ketyeg, hogy az oldal minden szakaszát vagy a poszt szerkeszthetővé tegye, bizonyos módon blokkokat használva.

például a legújabb Huszonhúsz WordPress téma követi ezt a mintát, így az alkotók és a webhelytulajdonosok nagyobb ellenőrzést gyakorolhatnak webhelyük felett, és azt akarják, hogy megjelenjen.

várja, plugin és téma fejlesztők kell elfogadni egy másik megközelítés, amikor a fejlődő szoftver, hogy alkalmazkodjanak az új teljes oldal szerkesztési és oldalépítő tapasztalat a WordPress blokk szerkesztő. Bár ennek teljes körű alkalmazása még mindig a láthatáron van, ez egy pozitív változás, amelyet valószínűleg inkább előbb, mint később látunk.

az új rövid kódblokk

a Blokkszerkesztő előtt a rövidkódokat közvetlenül az oldalra vagy az oldalszerkesztőbe helyezték. Most a WordPress Blokkszerkesztő tartalmaz egy új rövid kódblokkot.

a shortcode blokk megkönnyíti, hogy továbbra is a régi shortcodes belül egy bejegyzést vagy oldalt, és fenntartja a integritását a shortcode kimenet.

Megjegyzés: A rövid kód beillesztése egy bekezdésblokkba nem mindig működik, ezért előfordulhat, hogy a rövid kódblokkot kell használnia.

a rövid kódblokk hozzáadható egy oldalhoz vagy bejegyzéshez a blokk hozzáadása gombra kattintva. Alternatív megoldásként beírhatja a / rövidkódot, majd nyomja meg az enter billentyűt.

wordpress rövid blokk

észre fogod venni, hogy ellentétben más közös blokkok, a shortcode blokk nem tartalmaz semmilyen konkrét beállítások a blokk eszköztár vagy a szerkesztő oldalsáv, valószínűleg annak a ténynek köszönhető, hogy shortcodes szabható testre az attribútumok.

mit jelent a Block Editor a WordPress Shortcodes számára?

a WordPress block editor jelentős hatással van a rövid kódokra. Fedezzük le néhány a legfontosabb dolog, hogy vegye figyelembe a WordPress shortcodes a korszak a blokk szerkesztő.

1. A WordPress block szerkesztő alapvetően megváltoztatja a szükségességét és célját shortcodes a legtöbb plugin és témák. Blokk alapú szerkesztési rendszerrel az oldal minden “elemének”saját blokkja van, nem pedig egy szerkeszthető WYSIWYG szerkesztőben.

mivel a Blokkszerkesztő teljesen más megközelítés egy bejegyzés vagy oldal összeállításához, az oldal dinamikusabb részei, amelyeket rövid kódok generálnak, blokkokként létezhetnek, amelyeket külön-külön lehet hozzáadni.

2. A blokkok most a legtöbb rövid kód helyére kerülhetnek, eltávolítva annak szükségességét, hogy a felhasználók megtanulják használni a rövid kódokat. A rövid kódok koncepciójának és formátumának meredek tanulási görbéje lehet néhány felhasználó számára, így a blokk megközelítés könnyebb lehet.

például vegye be a Gravity Forms plugint. A Blokkszerkesztő előtt az űrlap beillesztésének folyamata egy bejegyzésbe vagy oldalra más volt. A klasszikus szerkesztőből egy gombot kellett használnia egy űrlap beillesztéséhez a tartalomba.

gravity forms insert form

miután kiválasztotta az űrlapot, a rövid kód hozzáadásra került a tartalomhoz. A kiválasztott opcióktól függően a rövid kód tartalmazza a cím és a leírás attribútumait.

most a Gravity Forms plugin egy űrlapblokk beágyazási blokkot kínál. A blokkszerkesztőből válassza ki az űrlapok blokkját.

miután kiválasztotta az űrlapot, valójában jobb előnézetet fog látni arról, hogy az űrlap hogyan fog kinézni az oldalon. Az űrlapbeállítások megtalálhatók a blokk beállításaiban.

3. Theme and plugin fejlesztők kell dönteni a jövőben a shortcode megvalósítások és konvertáló a shortcodes blokkok. Mint már említettük, több száz témák, plugins, és a fejlesztők még mindig használja shortcodes saját honlapok, alkalmazások. A blokk elfogadása lassú lehet, de mivel a felhasználók jobban megismerik az új blokkszerkesztőt, a felhasználók valószínűleg blokk opciót kérnek.

azoknak a fejlesztőknek, akik még mindig mérföld távolságra vannak a WordPress Blokkszerkesztő rendszer elfogadásától, a teljes Webhelyszerkesztő koncepció kéz a kézben járhat a rövid kódokkal. Plugins, mint a felülvizsgálat és értékelés plugins, audio játékosok, dátum tickers, galériák, kapcsolati űrlapok, és a legtöbb mást, aki még mindig használja shortcodes még mindig ” a játékban.”

4. A rövid kódok nem mennek el egyhamar. Valószínűleg ezért a WordPress Blokkszerkesztő a rövid kódblokkot kínálja a rövid kód használatának fenntartásához. Mivel a shortcodes a WordPress 5.0 és a block editor előtt ilyen széles körű felhasználással és végrehajtással rendelkezett, fontos, hogy a WordPress jövőbeli verziói továbbra is támogassák a shortcodes-t.

5. Shortcodes lehet alakítani egy blokk. Van egy kedvenc téma vagy plugin, amely shortcodes? Valószínű, hogy ezeket a rövid kódokat egy bizonyos ponton blokkgá alakítják át. Ha fejlesztő vagy egy plugin, vagy a téma, vagy építeni WordPress weboldalak használt shortcodes az egyéni téma, lehetséges, hogy újragondoljuk shortcodes, mint blokkok.

a következő részben röviden bemutatjuk, hogyan konvertálhatjuk a WordPress rövid kódokat WordPress blokkokká.

hogyan lehet átalakítani WordPress ShortCodes to WordPress Blocks

ahogy tudod hozzáadni az egyéni shortcodes and reusable blocks, you can also easily convert custom WordPress shortcodes to WordPress blocks.

kövesse az egyéni rövid kód útmutató első lépéseit.

Vegyük ezt az alapvető példát 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');

Ez a kód veszi a post ID-t és a címsor szintjét (h2, h3, he), és kiadja a bejegyzés címét a címsor HTML-be csomagolva.

Ha ez megtörtént, és tesztelte, hogy a kód működik, akkor a rövidkódot blokkként kell regisztrálnia. Itt van a lépésről lépésre útmutató konvertáló WordPress Shortcode egy Gutenberg blokk példaként.

további források létrehozása WordPress Blocks

számos plugin és erőforrás elérhető online, amely segít, hogy ezt a lépést, beleértve a hivatalos dokumentációt WordPress írásban az első blokk típusát. Megnézheti Igor Benic üzenetét is arról, hogyan lehet létrehozni egy blokkot a hozzászólások megjelenítéséhez.

miután elolvasta ezeket az útmutatókat, megtudhatja, hogyan hozhat létre saját WordPress blokkokat az egyéni rövid kódok segítségével.

Megjegyzés: A folyamat kissé eltérő lehet a különböző rövid kódokkal. A rövid kódokkal rendelkező bővítmények és témák eltérő megközelítést alkalmazhatnak a figyelembe veendő attribútumok hatalmassága miatt. Alapvetően, akkor lehet, hogy nem egy csomó kutatás tölteni egy kis időt kódolás ezt.

The Verdict for WordPress Shortcodes

WordPress shortcodes are and will still be one of the most important parts of WordPress. Shortcodes segített sok plugin fejlesztők, hogy a plugins több felhasználóbarát, sok téma Fejlesztők kiterjesztik a funkciók a témák. Shortcodes is csökkentette a fejfájást egy csomó tartalom alkotók, valamint a weboldal tulajdonosok létrehozása után az egyéni shortcodes, amikor a többször hozzátéve, és frissíti a dolgokat, hogy akarnak.

Ezzel azt mondta, nem kétséges, hogy a blokkszerkesztő a jövőben a WordPress szerkesztő, így várható, hogy több fejlesztők hozzájárul, hogy jobb, de még több funkciót töltött, beleértve azokat is, akik még mindig a shortcodes. Előretekintve arra számítunk, hogy több fejlesztő fog áttérni a WordPress blokkok használatára és hozzáadására a WordPress shortcodes helyett.

reméljük, hogy sokat tanultál a WordPress shortcodes fontosságáról, arról, hogy mire és mikor kell használni őket. Remélhetőleg elkezdheti létrehozni saját egyéni rövid kódjait, végül pedig a saját blokkjait, amelyek mindegyike biztosan nem megy el egyhamar.

Megosztás via:

Vélemény, hozzászólás?

Az e-mail-címet nem tesszük közzé. A kötelező mezőket * karakterrel jelöltük