Początkowo użytkownicy WordPressa mieli słodki i gorzki związek z generatorem bloków. Następnie, jak odkryliśmy w naszym przewodnik Gutenberga, nowy edytor ma niesamowite funkcje, dzięki którym tworzenie pięknych treści jest łatwe i przyjemne. Teraz niektórzy nie mogą się już obejść bez.

Gutenberg zapewnia wystarczającą liczbę funkcji do tworzenia świetnych stron i artykułów bez pisania kodu. Bez względu na to, jakie treści chcesz dodać, Gutenberg ma odpowiedni blok.

Czy chcesz dogłębnie modyfikować i dostosowywać każdy blok treści? Gutenberg ma do tego baterię opcji dostosowywania.

Czy chcesz mieć jeszcze więcej bloków niż to, co jest dostępne w domyślnym edytorze? tam mnóstwo wtyczki WordPress dla Gutenberg

Dlatego to smutne, że wielu użytkowników nie zna Bloki wielokrotnego użytku, jedna z genialnych cech Gutenberga. Jeśli nie masz pojęcia, o czym mówimy, bloki wielokrotnego użytku są po prostu bloki treść oferuje nasz konfigurator tworzysz, zapisujesz i wykorzystujesz do woli.

Załóżmy, że chcesz dodać przycisk wezwania do działania o nazwie dziękuję, podpis, formularz lub cokolwiek innego na końcu każdego posta lub strony.

W przeszłości trzeba było zapisać tę funkcję w pliku tekstowym na komputerze. Kiedy tego potrzebujesz, kopiujesz i wklejasz do swojego posta lub strony. Gutenberg zmniejszył ten problem. Teraz nie musisz używać plików tekstowych ani za każdym razem tworzyć tych samych bloków od zera.

Możesz utworzyć pojedynczy blok wielokrotnego użytku i używać go nie tylko w swoich postach i stronach, ale także w innych witrynach WordPress.

Niezależnie od tego, czy tworzysz wiele witryn internetowych, czy też potrzebujesz dodawać specjalne treści do każdego posta / strony, bloki wielokrotnego użytku Gutenberga mogą pomóc Ci zaoszczędzić dużo czasu.

W dzisiejszym artykule pokażemy dokładnie, jak tworzyć i eksportować bloki wielokrotnego użytku z Gutenberga do WordPress. Naszym celem jest pomóc Ci w łatwym przenoszeniu i ponownym wykorzystaniu niestandardowych bloków treści w wielu postach / stronach / witrynach WordPress.

Ale wcześniej, jeśli nigdy nie instalowałeś WordPressa, dowiedzmy się Jak zainstalować WordPress blogu kroki 7 et Jak znaleźć, zainstalować i aktywować WordPress na swoim blogu 

Wróćmy do tego, dlaczego tu jesteśmy. 

Z wyjątkiem : Jeśli utworzysz blok za pomocą WordPress Plugin jak na przykład getwid, na przykład musisz zainstalować tę wtyczkę na innych stronach WordPress, w których chcesz ponownie użyć wspomnianego bloku. Zwróć też uwagę, że twoje bloki mogą wyglądać nieco inaczej w zależności od motywu, ale to wszystko jest dobre, ponieważ Gutenberg daje ci dużą moc dostosowywania.

Przede wszystkim potrzebujesz bloków wielokrotnego użytku

Niestety nie możesz eksportować ani importować bloki regularny. Aby eksportować i importować bloki Gutenberga, musisz najpierw utworzyć bloki wielokrotnego użytku.

W celach ilustracyjnych utworzymy plik dziękuję które chciałbym dodać na końcu każdego publikowanego artykułu, bez konieczności przepisywania notatki za każdym razem, gdy muszę ją dodać do artykułu.

Ma dziękuję notatka nic skomplikowanego; po prostu prosty blok akapitu z linkami do Twittera i Facebooka. Pamiętaj, że Twój blok może być wszystkim, co chcesz - baner reklamowyWn suwak obrazu, cytat, lista, najnowsze publikacje, formularz MailChimp itp ...

Później pokażemy, jak to wyeksportować dziękuję w drugiej witrynie WordPress.

Jak stworzyć blok wielokrotnego użytku

Tworzenie bloku wielokrotnego użytku jest niezwykle łatwe. Iść do Artykuły> Dodaj aby uruchomić edytor Gutenberga:

Jak dodać nowy artykuł w programie Blogpascher

Następnie kliknij ikonę Dodaj blok (+), następnie wybierz blok treści. W naszym przypadku dodaliśmy blok akapitu, jak pokazano na poniższym obrazku.

Jak dodać blok blogpaschera Gutenberga

Następnie dostosuj blok do swoich potrzeb. Dodaliśmy tekst, linki do profili mediów społecznościowych i kolor tła. Tak nazwał nasz nowy notatnik dziękuję wygląda jak w naszym edytorze Gutenberg:

Jak korzystać z bloku akapitu Blogpascher

W tej chwili powyższa notatka to blok regularny. Musimy to zmienić w jeden blok realny które możemy eksportować i importować. Aby to zrobić, kliknij ikonę Więcej możliwości, następnie dodaj do bloków wielokrotnego użytku, jak pokazano niżej.

Utwórz bloga w blogu wielokrotnego użytku

Następnie nadaj nazwę blokowi wielokrotnego użytku i naciśnij przycisk Rekord, jak widać poniżej.

Nazwij blok wielokrotnego użytku Blogpascher

I to wszystko, właśnie utworzyłeś swój pierwszy blok wielokrotnego użytku. 

Jak korzystać z bloków wielokrotnego użytku

Dodanie bloku wielokrotnego użytku, który właśnie utworzyliśmy, do Twoich postów lub stron jest niezwykle łatwe. Po dodaniu wymaganej treści do posta lub strony kliknij ikonę Dodaj blok (+), przewiń do zakładki Bloki wielokrotnego użytku i wybierz swój blok (Dziękuję w naszym przypadku), jak pokazano niżej.

Dodaj blok bloga do wielokrotnego użytku

Po dodaniu bloku wielokrotnego użytku do posta lub strony, naciśnij przycisk Podgląd / publikacja aby wyświetlić wyniki w interfejsie użytkownika. Oto, co mamy:

Jak dodać nowy program do wysyłania postów na blogu 1

Najlepsze jest to, że możemy ponownie wykorzystać nasz blok dziękuję w dowolnym momencie, bez konieczności tworzenia go od podstaw. możemy również dodać go do dowolnego typu postów obsługującego bloki Gutenberga.

Odkryj też Jak dodać podpis do obrazu na Gutenberg

Teraz, gdy wiesz, jak tworzyć i używać bloków wielokrotnego użytku, pozwól nam dowiedzieć się więcej o eksportowaniu tych bloków do innej witryny WordPress. Aby uniknąć nieporozumień, będziemy używać tego samego bloku, który właśnie utworzyliśmy.

Jak wyeksportować bloki Gutenberga do WordPressa

Eksportowanie wielokrotnego użytku bloku Gutenberga jest łatwe, zrobisz to w mgnieniu oka.

Co robić?

W edytorze Gutenberga kliknij ikonę Więcej narzędzi i opcji, Puis zarządzać wszystkimi blokami wielokrotnego użytku, jak podkreślamy poniżej:

Zarządzaj blokowym blogpascherem wielokrotnego użytku

To przeniesie Cię do ekranu Bloki gdzie możesz przeglądać i zarządzać wszystkimi blokami wielokrotnego użytku:

Importuj bloki blogpascher wielokrotnego użytku

Mamy tylko blok Dziękuję, ale powyższy ekran będzie się wypełniał w miarę tworzenia kolejnych. Aby wyeksportować, najedź kursorem na tytuł i kliknij link Eksportuj do JSON wystawiany. Zobacz obrazek poniżej.

Importuj bloki wielokrotnego użytku Blogpascher 1

Następnie zapisz plik JSON na swoim komputerze:

Zapisz blok JSON wielokrotnego użytku Blogpascher

Teraz, gdy mamy plik JSON na naszym komputerze, czas zaimportować blok do naszej drugiej strony internetowej.

Jak zaimportować bloki Gutenberga do WordPress

Importowanie bloków wielokrotnego użytku jest tak proste, jak A, B, C. Najpierw otwórz edytor Gutenberga. Po drugie, kliknij ikonę Więcej narzędzi i opcji, potem zarządzać wszystkimi blokami wielokrotnego użytku, jak pokazano niżej.

Importuj bloki wielokrotnego użytku Blogpascher 2

Na ekranie Bloki następnie kliknij Importuj z formatu JSON, wybierz pobrany wcześniej plik, a następnie naciśnij przycisk. import w tej kolejności :

Importuj bloki wielokrotnego użytku Blogpascher 3

I to wszystko ! W ten sposób pomyślnie zaimportowałeś blok Gutenberga wielokrotnego użytku do drugiej witryny WordPress.

Aby przeczytać także Jak dodać podpis do obrazu na Gutenberg

Czy to nie było łatwe? Następnie możesz używać i ponownie używać swojego bloku Gutenberga na drugiej stronie internetowej tyle razy, ile chcesz.

Czy są jakieś wtyczki WordPress do eksportowania bloków Gutenberga?

O tak, i znalazłem jeden na ThemeIsle, renomowanym deweloperze WordPress. To darmowa wtyczka znana jako Bloki Export Import. Zasadniczo wtyczka pozwala pominąć cały samouczek. Tak, to prawda; nie musisz nawet tworzyć bloków wielokrotnego użytku.

Zobacz także nasz przewodnik na temat Jak dodać animowany blok do swojego artykułu Gutenberga

Zainstaluj i aktywuj wtyczkę, a następnie otwórz edytor Gutenberga. Zaprojektuj swój blok, jak chcesz, a następnie kliknij ikonę więcej opcji. Następnie kliknij Eksportuj jako JSON, jak pokazano niżej :

Wielokrotnego użytku blokowa wtyczka Wordpress Blogpascher

Spowoduje to pobranie pliku JSON na komputer. Aby zaimportować plik JSON za pomocą wtyczki, otwórz edytor Gutenberg. Następnie kliknij ikonę Dodaj blok, Puis importuj Bloki z formatu JSON pod zakładką widgety :

Importuj bloki wielokrotnego użytku Blogpascher 4

Następnie kliknij Wybierz plik aby wybrać plik z komputera i naciśnij przycisk. Przekazać plik :

Importuj bloki wielokrotnego użytku Blogpascher 5

Jedynym problemem związanym z metodą wtyczki jest to, że Twoje bloki nie zostaną zapisane w witrynie WordPress. Aby zapisać bloki w bazie danych WordPress, musisz użyć metody ręcznej. Może to się zmieni w przyszłości.

Odkryj także Jak sprawdzić, czy Twoja wtyczka jest kompatybilna z Gutenbergiem?

Niestety nie mogłem znaleźć innej wtyczki. Mimo to wtyczka może zaoszczędzić dużo czasu, jeśli nie martwisz się o zapisywanie bloków wielokrotnego użytku w swojej witrynie. 

Wielorazowe klocki Gutenberga ratują życie. Pozwalają szybko odtworzyć modele, ponieważ nie zaczynasz od zera. Jeśli tworzysz wiele postów / stron i / lub witryn internetowych, przydatna będzie nauka eksportowania bloków Gutenberga.

Odkryj także niektóre wtyczki premium WordPress  

Możesz użyć innych WordPress wtyczki aby nadać nowoczesny wygląd i zoptymalizować obsługę Twojego bloga lub strony internetowej.

Oferujemy tutaj kilka premium wtyczek WordPress, które pomogą Ci to zrobić.

1. Prezentacja zespołu

Team Showcase to idealny dodatek, zaprojektowany do wyświetlania członków zespołu w pięknej, responsywnej siatce lub karuzeli. Będziesz mieć możliwość zarządzania swoimi członkami, grupując ich w oddzielne zespoły. Aby to zrobić, po prostu wybierz opcje, które chcesz wyświetlić, wybierz a WordPress i zastosuj do niego predefiniowany kolor.

Prezentacja zespołu dla wtyczki Visual Composer WordPress

W związku z tym do wykonania tej czynności nie będzie wymagana żadna linia kodu. Jego funkcje obejmują: 10 specjalnych motywów, 10 zestawów kolorów, 10 opcji wyświetlania, Efekty animacji CSS3możliwość wstawienia na stronę, w pełni responsywny projektItd ...

Pobierz | Demo | hosting

2. ARPrice

ARPrice to WordPress Plugin najbardziej elastyczna i kompletna premia w tworzeniu siatek cenowych. Zawiera ponad 300 szablonów siatek cenowych i zapewnia wszystkie narzędzia potrzebne do tworzenia unikalnych i responsywnych siatek cenowych i tabel porównawczych. Z łatwością stworzysz też piękną wizytówkę swojego zespołu.

Arprice responsywna wtyczka tabeli cen Wordpress

Jest WordPress Plugin piękny, intuicyjny i jedyny w swoim rodzaju, z imponującym edytorem wizualnym z podglądem dostosowań w czasie rzeczywistym.

Zobacz także Jak pobierać usługę na swoim blogu?

Wybierz szablon, a następnie za pomocą prostych kliknięć przeciągnij i upuść narzędzia, aby spersonalizować siatkę cen, aż do najmniejszych szczegółów. Będziesz mógł dodawać nieograniczoną liczbę kolumn, zmieniać kolory, czcionki, ikony oraz dodawać własne obrazy i wstążki do ogłosić zniżkę, Na przykład.

Pobierz Demo | hosting

3. Premium SEO Pack

Premium SEO Pack to wtyczka WordPress, która optymalizuje SEO i kompresuje CSS, aby poprawić szybkość ładowania witryny. Wtyczka może również zarządzać projektem Twojej witryny za pomocą kilku kliknięć.

Pakiet SEO Premium - wtyczka Wordpress

Jego funkcjonalności to między innymi: kompresja CSS i JS, integracja mapy witryny wideo i snippet, formatowanie plików HTLM i XML, przekierowanie stron 404 i 301, udostępnianie w sieciach społecznościowych, oznaczenie ALT, wysoce konfigurowalny układ.

Pobierz | Demo | hosting

Polecane zasoby

Dowiedz się o innych zalecanych zasobach, które pomogą Ci zbudować witrynę i zarządzać nią.

Wnioski

Tutaj! To wszystko w tym samouczku, mamy nadzieję, że pozwoli ci on eksportować i importować bloki Gutenberga do WordPress. Czy nadal masz pytania lub sugestie dotyczące bloków Gutenberga? Daj nam znać w ciągu commentaires poniżej.

Możesz jednak również skonsultować się nasze zasoby, jeśli potrzebujesz więcej elementów do realizacji projektów tworzenia stron internetowych, zapoznaj się z naszym przewodnikiem na temat Tworzenie bloga WordPress.

Nie wahaj się udostępnij znajomym w swoich ulubionych sieciach społecznościowych

...