Používatelia WordPressu mali spočiatku k generátoru blokov sladký a trpký vzťah. Potom, ako sme zistili v našom sprievodca gutenbergom, nový editor prichádza s úžasnými funkciami, vďaka ktorým je vytváranie krásneho obsahu ľahké a zábavné. Teraz sa už niektorí nezaobídu bez.

Gutenberg vám poskytuje dostatok funkcií na vytváranie skvelých stránok a článkov bez nutnosti písania kódu. Bez ohľadu na to, aký obsah chcete pridať, Gutenberg má ten pravý blok.

Chcete každý blok obsahu podrobne upraviť a prispôsobiť? Gutenberg má na tento účel batériu možností prispôsobenia.

Chcete ešte viac blokov, ako je k dispozícii v predvolenom editore? tam veľa doplnkov WordPress pre Gutenberg

Preto je smutné, že mnoho používateľov nevie Opakovane použiteľné bloky, jedna z vynikajúcich funkcií Gutenberga. Ak nemáte tušenie, o čom hovoríme, opakované bloky sú len bloky obsah že ľubovoľne vytvoríte, uložíte a znova použijete.

Predpokladajme, že chcete pridať tlačidlo výzvy na akciu s názvom ďakujem, podpis, forma alebo čokoľvek iné na konci každého príspevku alebo stránky.

V minulosti ste museli funkciu ukladať do textového súboru v počítači. Ak ste to potrebovali, skopírujte ich a prilepte do svojho príspevku alebo stránky. Gutenberg tento problém zmenšil. Teraz už nemusíte používať textové súbory ani zakaždým vytvárať od začiatku rovnaké bloky.

Môžete vytvoriť jeden opakovane použiteľný blok a použiť ho nielen vo svojich príspevkoch a stránkach, ale aj na iných webových stránkach WordPress.

Či už vytvárate veľa webových stránok alebo potrebujete pridať každý obsah alebo stránku k špeciálnemu obsahu, Gutenbergove opakovane použiteľné bloky vám môžu pomôcť ušetriť veľa času.

A v dnešnom článku vám ukážeme, ako presne vytvárať a exportovať opakovane použiteľné bloky z Gutenbergu do WordPressu. Naším cieľom je pomôcť vám ľahko presunúť a znova použiť vlastné bloky obsahu vo viacerých príspevkoch / stránkach / webových stránkach WordPress.

Ale predtým, ak ste si WordPress nikdy nenainštalovali, poďme to zistiť Ako nainštalovať 7 krokov WordPress blogu et Ako nájsť, nainštalovať a aktivovať WordPress tému na svojom blogu 

Potom späť k tomu, prečo sme tu. 

Okrem: Ak vytvoríte blok pomocou a WordPress Plugin ako je dostať sa, napríklad musíte tento doplnok nainštalovať na ďalšie webové stránky WordPress, kde chcete uvedený blok znova použiť. Tiež si všimnite, že vaše bloky môžu vyzerať mierne odlišne od témy k téme, ale je to dobré, pretože Gutenberg vám poskytuje veľa možností prispôsobenia.

V prvom rade potrebujete opakovane použiteľné bloky

Bohužiaľ nemôžete exportovať ani importovať bloky pravidelné. Ak chcete exportovať a importovať bloky Gutenberg, musíte najskôr vytvoriť bloky opakovane použiteľné.

Pre ilustráciu vytvoríme a ďakujem ktoré by som rád pridal na koniec každého článku, ktorý publikujeme, bez nutnosti prepisovania poznámky zakaždým, keď ju potrebujem pridať do článku.

Ma ďakovný list urobil nič zložité; iba jednoduchý blok odsekov s odkazmi na Twitter a Facebook. Pamätajte, že váš blok môže byť čokoľvek, čo chcete - bannerová reklamaVn posúvač obrázkov, citát, zoznam, najnovšie publikácie, formulár MailChimp atď.

Neskôr si ukážeme, ako to exportovať ďakujem na druhom webe WordPress.

Ako vytvoriť opakovane použiteľný blok

Vytvorenie opakovane použiteľného bloku je neuveriteľne ľahké. Ísť do Články> Pridať na spustenie editora Gutenberg:

Ako pridať nový článok blogpascher

Potom kliknite na ikonu Pridať blok (+), potom vyberte svoj blok obsahu. V našom prípade sme pridali blok odsekov, ako je znázornené na nasledujúcom obrázku.

Ako pridať blok gutenberg blogpascher

Potom si blok prispôsobte podľa svojich potrieb. Pridali sme text, odkazy na profily sociálnych médií a farbu pozadia. To je to, čo pomenoval náš nový poznámkový blok ďakujem vyzerá ako v našom editore Gutenberg:

Ako používať blok odstavca blogpascher

V tejto chvíli je vyššie uvedená poznámka a blok pravidelné. Musíme to zmeniť na jednu blok na opakované použitie že môžeme vyvážať a dovážať. Kliknite na ikonu Viac možností, potom pridať k opakovane použiteľným blokom, ako je uvedené nižšie.

Vytvorte opakovane použiteľný blok blogpascher

Potom pomenujte svoj opakovane použiteľný blok a stlačte tlačidlo Záznam, ako je vidieť nižšie.

Názov opakovane použiteľného bloku blogpascher

A je to, práve ste vytvorili svoj prvý opakovane použiteľný blok. 

Ako používať opakovane použiteľné bloky

Pridanie opakovane použiteľného bloku, ktorý sme práve vytvorili, do vašich príspevkov alebo stránok je veľmi ľahké. Po pridaní požadovaného obsahu do svojho príspevku alebo stránky kliknite na ikonu Pridať blok (+), prejdite na kartu Opätovne použiteľné bloky a vyberte svoj blok (Ďakujeme v našom prípade), ako je uvedené nižšie.

Pridajte opakovane použiteľný blok blogpascher

Po pridaní opakovane použiteľného bloku do vášho príspevku alebo stránky stlačte tlačidlo Ukážka / zverejnenie na zobrazenie vašich výsledkov v klientskom rozhraní. Dostali sme toto:

Ako pridať nový blog postpascher 1

Najlepšie na tom je, že náš blok môžeme znova použiť ďakujem kedykoľvek, bez toho, aby ste ju museli vytvárať od nuly. môžeme ho tiež pridať k ľubovoľným typom príspevkov, ktoré podporujú Gutenbergove bloky.

Objavte tiež Ako pridať obrázok k obrázku na Gutenbergu

Teraz, keď viete, ako vytvárať a používať opakovane použiteľné bloky, sa dozvieme viac o exportovaní týchto blokov na inú webovú stránku WordPress. Aby nedošlo k zámene, použijeme rovnaký blok, aký sme práve vytvorili.

Ako exportovať bloky Gutenberg do WordPress

Export opakovane použiteľného Gutenbergovho bloku je ľahký, urobíte to za chvíľu.

Čo robiť?

V editore Gutenberg kliknite na ikona Viac nástrojov a možností, potom spravovať všetky opakovane použiteľné bloky, ako zdôrazňujeme nižšie:

Spravujte opakovane použiteľný blok blogpascher

Dostanete sa na obrazovku Bloky kde môžete zobraziť a spravovať všetky svoje opakovane použiteľné bloky:

Importujte opakovane použiteľný blok blogpascher

Máme iba blok Ďakujem ale obrazovka vyššie sa zaplní, keď vytvoríte viac. Ak chcete exportovať, umiestnite kurzor myši na nadpis a kliknite na odkaz Exportovať do formátu JSON zobrazené. Pozri obrázok nižšie.

Importujte opakovane použiteľný blok blogpascher 1

Potom uložte súbor JSON do počítača:

Uložiť opakovane použiteľný blok json blogpascher

Teraz, keď máme v počítači súbor JSON, je čas importovať blok na našu druhú webovú stránku.

Ako importovať bloky Gutenberg do WordPress

Importovanie vašich opakovane použiteľných blokov je také ľahké ako A, B, C. Najskôr otvorte editor Gutenberg. Po druhé kliknite ikona Viac nástrojov a možností, potom spravovať všetky opakovane použiteľné bloky, ako je uvedené nižšie.

Importujte opakovane použiteľný blok blogpascher 2

Na obrazovke Bloky čo nasleduje, kliknite Import z formátu JSON, vyberte súbor, ktorý ste stiahli skôr, a potom stlačte tlačidlo. import v tomto poradí:

Importujte opakovane použiteľný blok blogpascher 3

A to je všetko ! Presne tak ste úspešne importovali opakovane použiteľný blok Gutenberg na svoj druhý web WordPress.

Čítať tiež Ako pridať obrázok k obrázku na Gutenbergu

Nebolo to ľahké? Potom môžete svoj Gutenbergov blok použiť a znova použiť na druhom webe toľkokrát, koľkokrát chcete.

Existujú nejaké doplnky WordPress na exportovanie blokov Gutenberg?

Áno, a jedného som našiel na ThemeIsle, renomovanom vývojárovi WordPress. Toto je bezplatný doplnok známy ako Blokuje export a import. V zásade vám doplnok umožňuje preskočiť celý tento návod. Áno, je to pravda; nemusíte vytvárať ani opakovane použiteľné bloky.

Pozrite si aj nášho sprievodcu Ako pridať animovaný blok do vášho článku v Gutenbergu

Nainštalujte a aktivujte doplnok a potom otvorte editor Gutenberg. Navrhnite si blok, ako chcete, a potom kliknite ikona ďalších možností. Potom kliknite Exportovať ako JSON, ako je uvedené nižšie :

Opakovane použiteľný blok wordpress pluginu blogpascher

Týmto sa stiahne súbor JSON do vášho počítača. Ak chcete importovať súbor JSON pomocou doplnku, otvorte editor Gutenberg. Potom kliknite na ikonu Pridať blok, potom importovať bloky z JSON pod záložkou Miniaplikácie :

Importujte opakovane použiteľný blok blogpascher 4

Potom kliknite na Vyberte súbor vyberte súbor z počítača a stlačte tlačidlo. Nahrať :

Importujte opakovane použiteľný blok blogpascher 5

Jediným problémom metódy pluginov je, že vaše bloky nebudú uložené na vašom webe WordPress. Ak chcete uložiť bloky do svojej databázy WordPress, musíte použiť manuálnu metódu. Možno sa to v budúcnosti zmení.

Discover Ako zistíte, či je váš doplnok kompatibilný s Gutenbergom?

Bohužiaľ som nemohol nájsť iný plugin. Aj napriek tomu vám doplnok môže ušetriť veľa času, ak si nerobíte starosti s ukladaním opakovane použiteľných blokov na vašom webe. 

Gutenbergove opakovane použiteľné bloky zachraňujú životy. Umožňujú vám rýchlu reprodukciu modelov, pretože nezačínate od nuly. Ak vytvoríte veľa príspevkov / stránok a / alebo webových stránok, bude sa vám hodiť naučiť sa exportovať bloky Gutenberg.

Objavte aj niektoré prémiové doplnky WordPress  

Môžete použiť iné WordPress pluginy poskytnúť moderný vzhľad a optimalizovať prácu s vaším blogom alebo webovou stránkou.

Ponúkame vám tu niekoľko prémiových doplnkov WordPress, ktoré vám to pomôžu.

1. tím Showcase

Team Showcase je dokonalý doplnok určený na zobrazenie členov vášho tímu v krásnej responzívnej mriežke alebo kolotoči. Budete mať možnosť spravovať svojich členov tak, že ich zoskupíte do samostatných tímov. Ak to chcete urobiť, jednoducho vyberte možnosti, ktoré chcete zobraziť, vyberte a WordPress tému a naneste naň vopred definovanú farbu.

Tímová ukážka doplnku wordpress pre vizuálneho skladateľa

Preto nebude pre túto akciu potrebný žiadny riadok kódu. Medzi jeho vlastnosti patrí: 10 špeciálnych tém, 10 farebných sád, 10 možností zobrazenia, Efekty animácie CSS3, možnosť vloženia na stránku, plne citlivý dizajnAtď ...

Stiahnuť | demo | web hosting

2. ARPrice

ARPce je WordPress Plugin najflexibilnejšia a najkompletnejšia prémia pri vytváraní cenových sietí. Dodáva sa s viac ako 300 šablónami cenových mriežok a poskytuje všetky nástroje, ktoré potrebujete na vytvorenie jedinečných a pohotových cenových mriežok a porovnávacích tabuliek. Budete tiež môcť ľahko vytvoriť krásnu vitrínu pre váš tím.

Plugin Arcrice reagujúci na tvorbu cien pre wordpress

Jedná sa o WordPress Plugin krásna, intuitívna a jediná svojho druhu s pôsobivým vizuálnym editorom, ktorý ponúka ukážku prispôsobení v reálnom čase.

Pozri tiež Ako účtovať službu na svojom blogu?

Vyberte si šablónu a pomocou jednoduchých kliknutí, drag and drop nástrojov prispôsobte svoju cenovú mriežku až do najmenších detailov. Budete môcť pridať neobmedzený počet stĺpcov, meniť farby, písma, ikony a pridať svoje vlastné obrázky a pásky pre ohlásiť zľavunapríklad.

Stiahnuť demo | web hosting

3. Premium SEO Pack

Premium SEO Pack je doplnok WordPress, ktorý optimalizuje vaše SEO a komprimuje CSS na zvýšenie rýchlosti načítania vašich webových stránok. Doplnok môže tiež spravovať vzhľad vašich webových stránok pomocou niekoľkých kliknutí.

Premium seo pack - doplnok wordpress

Medzi jeho funkcie patrí okrem iného: kompresia CSS a JS, integrácia súboru Sitemap pre video a úryvok, formátovanie súborov HTLM a XML, presmerovanie stránok 404 a 301, zdieľanie na sociálnych sieťach, poskytovanie štítku ALT, vysoko prispôsobiteľné rozloženie.

Stiahnuť | demo | web hosting

Odporúčané zdroje

Zistite ďalšie odporúčané zdroje, ktoré vám pomôžu pri vytváraní a správe vašich webových stránok.

záver

Tu ! To je pre tento tutoriál všetko, dúfame, že vám umožní exportovať a importovať bloky Gutenberg do WordPress. Máte ešte otázky alebo návrhy týkajúce sa Gutenbergových blokov? Dajte nám o tom vedieť v rámci Komentáre nižšie.

Môžete sa však tiež poradiť naše zdroje, ak potrebujete viac prvkov na realizáciu svojich projektov tvorby internetových stránok, pozrite si nášho sprievodcu Tvorba blogu WordPress.

Neváhaj zdieľať so svojimi priateľmi na obľúbených sociálnych sieťach

...