Articles

Kompletní Průvodce pro WordPress Shortcodes

Před WordPress editor bloků, WordPress shortcodes byla jedna z nejlepších věcí, narazí na WordPress editor, aby to bylo jednodušší přidat plugin a téma funkcí do stránek, sloupky a ostatní části webové stránky WordPress.

WordPress shortcodes ultimate guide

přesunout do bloku editor, co to znamená pro většinu starší pluginy a webové stránky, které jsou stále plné shortcodes? Bude WordPress shortcodes stále fungovat? Existuje způsob, jak snadno přejít z používání krátkých kódů WordPress na bloky WordPress?

pojďme to zjistit. V této příručce prozkoumáme krátké kódy WordPress v éře editoru bloků WordPress.

V této příručce

Jaké Jsou WordPress Shortcodes?

zkrácený kód WordPress je opakovaně použitelný, dynamický kousek kódu zabalený . Shortcodes vám umožní snadno vložit konkrétní funkce WordPress sám nebo plugin nebo téma do libovolného příspěvku, stránky, vlastní typ příspěvku nebo widget. Myslete na WordPress shortcodes jako „zkratky“ nebo jako makra na vašem webu.

krátké kódy WordPress můžete použít k zobrazení statického obsahu, který je příliš zdlouhavý na to, aby se kódování a opakování opakovalo. A můžete také použít krátké kódy k zobrazení dynamického obsahu, jako jsou galerie obrázků, audio přehrávače pro podcasty, kalendáře událostí nebo změna statistik pro určitá data.

Krátký Formát

Pokud jde o vkládání shortcodes, základní formát může být „rozšířena“ v několika způsoby, což vám umožní upravit nebo přidat další nastavení, informace, tzv. atributy. Zkratky mohou navíc zabalit text (nebo HTML) nebo dokonce být vnořeny do jiného krátkého kódu.

zkrácený kód může mít například následující formáty:


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

Krátký Atributy

Shortcodes jsou také flexibilní, protože mohou být prodloužena s atributy. S atributy nabízejí krátké kódy další přizpůsobení jednoduše přidáním dalších úryvků kódu do krátkého kódu.

pluginy a motivy nabízejí další návody a rubriky, které uživatelům pomáhají používat správné úryvky krátkého kódu k přidání nebo odebrání určitých prvků ve výstupu.

zde je několik příkladů shortcodes s atributy.

]

Posts Heading

Vestavěný WordPress Shortcodes

WordPress přichází s několika vestavěné shortcodes pro vykreslování určitých typů obsahu.

]

zvukový krátký kód umožňuje vkládat zvukové soubory a přehrávat je zpět.

]

používá se především s jednotlivými obrázky, titulek krátký umožňuje zabalit titulky kolem obsahu.

]

galerie shortcode umožňuje přidat jednu nebo více obrazových galerií na vaše příspěvky a stránky.

]

vložený krátký kód umožňuje zabalit Vložené položky s maximální (ale ne pevnou) šířkou a výškou.

]

zkrácený seznam skladeb implementuje funkci zobrazení sbírky zvukových nebo video souborů WordPress v příspěvku.

]

video shortcode umožňuje vložit video soubory a přehrávat je.

Plugin & Téma Shortcodes

Konkrétní WordPress témata a pluginy mají shortcodes hned po vybalení z krabice, které můžete vložit do příspěvku nebo stránky editor a vykreslí výsledek na přední straně. K tomuto datu mnoho témat a pluginů stále používá krátké kódy.

například krátké kódy se často používají v běžných pluginech pro kalendáře, formuláře, tabulky, členství, odpočítávací časovače nebo uvozovky. Existují dokonce i pluginy s krátkým kódem, které vám umožňují vytvářet krátké kódy pro cokoli.

WordPress témata mohou také využít shortcodes k vykreslení určité dynamický obsah, který je pre-stylu nebo poskytována.

Vlastní Shortcodes

Většina odborníků vývojáři rozhodli vytvořit své vlastní shortcodes, v podstatě kácení čas potřebný kód, něco, co je opakující se. K vytvoření vlastních krátkých kódů stačí jednoduchý další soubor v adresáři souborů.php soubor. Pokud se chcete naučit lana vlastních shortcodes, zde je návod na vytváření vlastních shortcodes.

WordPress Shortcode API

Pro vývojáře vytvářet své vlastní shortcodes, WordPress Shortcode API poskytuje jednoduchý sadu funkcí pro vytváření WordPress shortcodes pro použití v příspěvcích a stránek.

Shortcode API plugin pomáhá vývojářům vytvářet dynamický obsah, který uživatelé mohou přidat na stránky nebo příspěvky přidáním odpovídající zkrácený do oblasti obsahu. Naštěstí API zpracovává všechny komplikované analýzy, což eliminuje potřebu psaní vlastního regulárního výrazu pro každý krátký kód. Kromě toho jsou zahrnuty pomocné funkce pro nastavení a načítání výchozích atributů krátkého kódu.

Vývojáři mohou z WordPress Shortcode API dokumentace se dozvědět více o:

  • Manipulace s atributy
  • Výstup
  • Obklopující vs self-zavírání shortcodes
  • Funkce reference
  • Omezení
  • Formální syntaxe

Shortcodes v Klasickém Editoru

V minulosti, shortcodes byly vloženy do klasické editor libovolné poštou nebo stránku, takhle:

WordPress zkrácený

Jaké Jsou WordPress Bloky?

krátké kódy byly první … ale pak přišly blokové úpravy. Se zavedením WordPress 5.0 přišla implementace dlouho plánovaného editoru Gutenberg nebo editoru bloků WordPress jako hlavní stránky a editoru příspěvků pro WordPress, který nahradil klasický textový editor WordPress, který existuje už roky.

zde je pohled na editor obsahu před WordPress 5.5 (ah, to byly dny!)

Gutenberg editor byl poprvé oznámen na předchozí verze WordPress ale zůstal volitelný, dokud WordPress 5.0, kdy se stala výchozí editor.

Stáhněte si Ebook: Konečný Průvodce WordPress 5.0 & Gutenberg Editor

není nic špatného neodmyslitelně s novým blokován editor. Ve skutečnosti se většině uživatelů líbí vylepšený a čistší, méně zastrašující vzhled zadního konce WordPress.

Ale s WordPress editor bloků přišel WordPress bloky. Pryč jsou možnosti formátování v horní části, které připomínají aplikace pro zpracování textu, jako je Microsoft Word. Místo toho byly možnosti formátování nahrazeny možnostmi pravého postranního panelu s kartami pro každý blok.

WordPress bloky jsou v podstatě obsah kontejnerů. Existuje mnoho různých bloků pro různé typy obsahu—obrázky, videa, texty, nadpisy, galerie-pojmenujete to.

k dispozici je i blok WordPress pro formátování, spacer a dělič a jsou náhodně uspořádány do kategorií pro snadný přístup.

Všechny možnosti a ovládací prvky, které byly na vrcholu nyní jsou umístěny na pravé straně stránku/příspěvek editor, pomocí karet v horní uvedením pokud chcete vidět možnosti pro aktuální blok sám nebo celý dokument.

editor bloků je jednodušší a rychlejší a uživatelsky přívětivější. Kromě toho vývojáři motivů a pluginů také vytvářejí své vlastní bloky, které přidávají další možnosti bloku do výchozích bloků WordPress.

Opakovaně použitelné Bloky vs. Shortcodes

starý způsob, jak uložit sadu přednastavených výstup v WordPress klasický editor byl prostřednictvím vytvoření své vlastní shortcodes. Nyní byla tato metoda nahrazena opakovaně použitelnými bloky.

schopnost ukládat předdefinované a předem přizpůsobené bloky také usnadnila uložení rozvržení a návrhu určitého bloku a jeho použití na jiném. Podobně jako šablona stránky.

například pokud přidáte blok tlačítek a upravíte jej určitou barvou, efekty vznášení atd., nechtěli byste to dělat na každé stránce, do které přidáte toto tlačítko. Pokud jej změníte na opakovaně použitelný blok, tlačítko se uloží na váš web WordPress a stane se jeho vlastním blokem, který můžete použít na jiných stránkách nebo příspěvcích.

tyto bloky můžete také dále aktualizovat tak, že je převedete na běžné bloky, uložíte je jako nový (s novým názvem) nebo aktualizujete stávající návrh bloku.

Skupina Bloků

V WordPress 5.3 přišel také zavedení skupiny bloků a šablony.

v podstatě máte možnost seskupit určité bloky dohromady a přesunout nebo aktualizovat je všechny dohromady. To nakonec vedlo k blokovým vzorům. Blokové vzory usnadnily editaci obsahu, protože uživatelé by si raději vybrali vzor a aktualizovali obsah, než aby začínali z prázdného plátna.

možnosti blokování stylů

s každým motivem přicházejí různé možnosti stylu. A obvykle je styl obsahu, který přidáte na každý web, předurčen vaším tématem.

s blokovým editorem máte možnost aktualizovat styl každého bloku jednotlivě, buď vyniknout, nebo je zviditelnit.

Bloků & Plné Stránky Editace

všechny tyto pokroky a změny ve způsobu, jakým jsme se vytvořit a postavit stránky na WordPress pochází myšlenka a případný přechod na to, co se nazývá Plné Stránky pro Úpravy.

v paste mohla většina uživatelů aktualizovat pouze skutečné tělo příspěvku nebo stránky. Některé aspekty webu, jako je záhlaví, zápatí, postranní panely a widgety, stále do značné míry závisí na tématu. To samozřejmě dělalo hledání dokonalého tématu se správným množstvím možností konečným bojem pro vývojáře a uživatele WordPress.

S Full Site Úpravy a zavedení Block Builder, trend je tikající k tomu, aby všechny části stránky nebo poštou editovatelné, a to způsobem, pomocí bloků.

například nejnovější téma Twenty-Twenty WordPress se řídí tímto vzorem a dává tvůrcům a majitelům webových stránek větší kontrolu nad jejich webem a jak by chtěli, aby vypadal.

těšíme se, plugin a téma vývojáři budou muset přijmout jiný přístup při rozvoji jejich software, aby se přizpůsobily nové plné stránky úpravy stránka a budování zkušenosti WordPress editor bloků. I když je toto plné uplatnění stále na obzoru, je to pozitivní změna, kterou bychom pravděpodobně viděli dříve než později.

nový blok krátkých kódů

před editorem bloků byly krátké kódy vloženy přímo do editoru stránek nebo stránek. Nyní Editor bloků WordPress obsahuje nový blok s krátkým kódem.

blok shortcode usnadňuje i nadále používat starší shortcodes v rámci příspěvku nebo stránky a udržuje integritu zkráceného výstupu.

Poznámka: Vložení shortcode do bodu bloku nemusí vždy fungovat, takže budete muset použít zkrácený blok místo.

blok s krátkým kódem lze přidat na stránku nebo příspěvek kliknutím na tlačítko Přidat blok. Případně můžete zadat / zkrácený kód a stisknout klávesu enter.

wordpress shortcode bloku

všimněte Si, že na rozdíl od jiných běžných bloků, zkrácený blok neobsahuje žádné specifické nastavení v bloku panel nástrojů nebo editor sidebar, pravděpodobně vzhledem k tomu, že shortcodes lze přizpůsobit pomocí jejich atributy.

co znamená Editor bloků pro krátké kódy WordPress?

editor bloků WordPress má hlavní důsledky pro krátké kódy. Podívejme se na několik nejdůležitějších věcí, které je třeba poznamenat o krátkých kódech WordPress v éře blokového editoru.

1. Editor bloků WordPress zásadně mění potřebu a účel krátkých kódů pro většinu pluginů a témat. S blokem na bázi redakčního systému, každý „prvek“ na stránce má svůj vlastní blok, spíše než být obsaženy v jedné upravovat WYSIWYG editor.

Protože blok editor je úplně jiný přístup ke skládání příspěvek nebo stránku, více dynamických částí stránky, které jsou generovány pomocí shortcodes mohou existovat jako bloky, které mohou být přidány samostatně.

2. Bloky nyní mohou nahradit většinu krátkých kódů, což eliminuje potřebu uživatelů naučit se používat krátké kódy. Koncept a formát krátkých kódů může mít pro některé uživatele strmou křivku učení, takže blokový přístup může být jednodušší.

Vezměte například plugin Gravity Forms. Před editorem bloků byl proces vkládání formuláře do příspěvku nebo stránky odlišný. Z klasického editoru jste museli pomocí tlačítka Vložit formulář do svého obsahu.

gravitace tvoří-li vložit formulář

Po výběru formuláře, formulář zkrácený byl přidán na váš obsah. V závislosti na vybraných možnostech obsahoval krátký kód atributy názvu a popisu.

Nyní, Gravity Forms plugin nabízí formy blok vložit blok. V editoru bloků vyberte blok formulářů.

Jakmile jste vybrali formu, uvidíme, že vlastně lepší náhled, jak bude formulář vypadat na vaší stránce. Nastavení formuláře najdete v nastavení bloku.

3. Téma a plugin vývojáři budou muset rozhodnout o budoucnosti jejich zkrácený implementace a převod jejich shortcodes do bloků. Jak bylo uvedeno výše, stovky témat, pluginů a vývojářů stále používají krátké kódy na svých webových stránkách a aplikacích. Přijetí bloku může být pomalé, ale jakmile se uživatelé seznámí s novým editorem bloků, uživatelé pravděpodobně požádají o možnost blokování.

Pro ty vývojáře, kteří jsou stále na míle daleko od přijetí WordPress blok, redakční systém, Stránky Plné Editace koncept může jít ruku v ruce s jejich shortcodes. Pluginy jako recenze a hodnocení pluginů, audio přehrávače, Datum tickery, galerie, kontaktní formuláře, a většina cokoliv jiného, kteří stále používají shortcodes jsou stále “ ve hře.“

4. Shortcodes v dohledné době nezmizí. To je pravděpodobně důvod, proč WordPress blok editor nabízí krátký blok, aby pomoci udržet zkrácený použití. Protože shortcodes měl tak široké využití a implementace před WordPress 5.0 a blok editor, je důležité, aby budoucí verze WordPress stále podporu shortcodes.

5. Shortcodes lze převést na blok. Máte oblíbené téma nebo plugin, který používá krátké kódy? Je pravděpodobné, že tyto krátké kódy budou v určitém okamžiku převedeny na blok. Pokud jste vývojář pluginu nebo motivu, nebo stavíte webové stránky WordPress a používáte krátké kódy ve vlastním motivu, je možné přehodnotit krátké kódy jako bloky.

v další části se stručně zabýváme tím, jak převést krátké kódy WordPress na bloky WordPress.

Jak Převést WordPress ShortCodes pro WordPress Bloky

stejně jako můžete přidat vlastní shortcodes a opakovaně použitelné bloky, můžete také snadno převést vlastní WordPress shortcodes pro WordPress bloky.

postupujte podle prvních kroků z tohoto vlastního průvodce krátkým kódem.

Vezměte si tento základní příklad z kaldery:

 <?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');

tento kód vezme ID příspěvku a úroveň nadpisu (h2, h3, he) a odešle název příspěvku zabalený do HTML pro Nadpis.

jakmile je hotovo a testujete, že kód funguje, musíte krátký kód zaregistrovat jako blok. Zde je krok za krokem průvodce převedením zkráceného kódu WordPress na blok Gutenberg jako příklad.

Více Prostředků na Vytvoření WordPress Bloky

Existuje mnoho pluginů a dostupných zdrojů online, které vám pomůže dostat se k tomuto kroku, včetně oficiální dokumentace od WordPress na Psaní Své První Typ Bloku. Můžete se také podívat na příspěvek Igora Beniče o tom, jak vytvořit blok pro zobrazování příspěvků.

po přečtení těchto průvodců budete moci zjistit, jak vytvořit vlastní bloky WordPress pomocí vlastních krátkých kódů.

Poznámka: proces může být trochu jiný s různými shortcodes. Pluginy a motivy s krátkými kódy mohou mít odlišný přístup vzhledem k nesmírnosti atributů, které je třeba vzít v úvahu. V podstatě, možná budete muset udělat hodně výzkumu a strávit docela dost času kódováním tohoto.

verdikt pro WordPress Shortcodes

WordPress shortcodes jsou a budou stále jednou z nejdůležitějších částí WordPress. Krátké kódy pomohly mnoha vývojářům pluginů, aby jejich pluginy byly uživatelsky přívětivější a mnoho vývojářů motivů rozšířilo funkce svých témat. Shortcodes také snížit počet bolesti hlavy a spousta tvůrců obsahu a majitelům webových stránek po vytvoření své vlastní shortcodes, když jde o opakovaně přidávat a aktualizovat věci, které chtějí.

díky, že řekl, není pochyb o tom, že blok editor je budoucnost WordPress editace zkušenosti, takže očekávat, že vidět více vývojářů přispívat k tomu, aby to lepší a ještě více, rys-naplněné, včetně těch, kteří jsou stále pomocí shortcodes. Při pohledu do budoucna očekáváme, že více vývojářů přejde na používání a přidávání bloků WordPress místo krátkých kódů WordPress.

doufáme, že jste se naučil hodně o významu WordPress shortcodes, co jsou a kdy je použít. Doufejme, že můžete začít vytvářet své vlastní krátké kódy a nakonec své vlastní bloky, z nichž oba určitě nezmizí v dohledné době.

sdílet prostřednictvím:

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *