Jak importować / eksportować własne bloki Gutenberga w WordPressie (2 kroki)

Czy zdarzyło Ci się zauważyć, że ciągle odtwarzasz te same układy bloków Gutenberga?

Znasz je – idealna sekcja wezwania do działania, Twój ulubiony układ opinii klientów lub ta prezentacja produktu, która faktycznie konwertuje odwiedzających.

Kiedy zarządzasz wieloma witrynami WordPress, staje się to jeszcze bardziej czasochłonne. Ale jest znacznie sprytniejszy sposób, aby sobie z tym poradzić.

WordPress posiada wbudowaną funkcję, która pozwala na importowanie/eksportowanie dowolnych bloków lub grup bloków i natychmiastowe ponowne ich wykorzystanie na różnych stronach internetowych. To jak posiadanie własnej osobistej biblioteki projektów, która podróżuje z Tobą wszędzie.

Po zarządzaniu dziesiątkami witryn WordPress nauczyliśmy się, że ten prosty proces w 2 krokach może całkowicie zmienić sposób, w jaki pracujesz.

W tym przewodniku pokażemy, jak łatwo importować/eksportować bloki Gutenberga i utrzymywać spójność projektów na wszystkich Twoich witrynach.

Oto szybki przegląd tego, co omówimy w tym przewodniku:

• Dlaczego warto importować i eksportować wzorce WordPress?
• Jak importować / eksportować bloki Gutenberg w WordPress
• Method 1: Import/Export Blocks With a Classic Theme
• Method 2: Import/Export Blocks With a Block Theme
• Często zadawane pytania dotyczące importowania/eksportowania bloków Gutenberga
• Dodatkowe zasoby dotyczące bloków WordPress

Dlaczego warto importować i eksportować wzorce WordPress?

Edytor bloków WordPress jest świetny do tworzenia unikalnych układów. Na przykład możesz zaprojektować niestandardowy przyciski wezwania do działania ze specjalnym przyciskiem i schematem kolorów.

Jeśli planujesz ponownie użyć projektu, możesz go zapisać jako wzorzec. Ważne jest, aby wiedzieć, że istnieją dwa typy: zsynchronizowane i niezsynchronizowane.

Niezsynchronizowany wzorzec: Po wstawieniu niezsynchronizowanego wzorca na stronę lub wpis, działa on jako zwykły zestaw bloków. Wszelkie zmiany wprowadzone w tej konkretnej instancji nie wpłyną na inne instancje tego samego wzorca w innych miejscach Twojej witryny.

Wzorzec zsynchronizowany (dawniej znany jako blok wielokrotnego użytku): Po edycji zsynchronizowanego wzorca zmiany są automatycznie stosowane do każdej instancji tego wzorca na całej Twojej stronie internetowej.

Najlepsze jest to, że możesz wyeksportować dowolny z tych wzorców do wykorzystania na innych stronach WordPress. Może to zaoszczędzić mnóstwo czasu, jeśli zarządzasz wieloma witrynami lub tworzysz strony dla klientów.

Mając to na uwadze, zobaczmy, jak można importować / eksportować bloki Gutenberg w WordPress.

Jak importować / eksportować bloki Gutenberg w WordPress

Najpierw musisz zapisać zawartość, którą chcesz przenieść, jako wzorzec.

Po zapisaniu wzorca, kroki importowania i eksportowania będą zależeć od tego, czy używasz klasycznego motywu, czy nowoczesnego motywu blokowego.

Omówimy obie metody poniżej, zaczynając od procesu dla klasycznych motywów.

Metoda 1: Importuj/Eksportuj bloki za pomocą klasycznego motywu

Podczas korzystania z klasycznego motywu możesz zarządzać swoimi wzorcami na specjalnym ekranie, ale uzyskujesz do niego dostęp za pośrednictwem edytora postów.

Eksportowanie bloków za pomocą klasycznego motywu

Najpierw otwórz dowolny wpis lub stronę.

W prawym górnym rogu kliknij ikonę menu z trzema kropkami i wybierz „Zarządzaj wzorcami” z rozwijanej listy.

Spowoduje to przejście do ekranu zarządzania wzorcami, gdzie zobaczysz listę wszystkich utworzonych wzorców.

Najedź kursorem na wzorzec, który chcesz wyeksportować, i kliknij link „Eksportuj jako JSON”, który się pojawi.

WordPress natychmiast pobierze wzorzec na Twój komputer jako plik JSON.

Importowanie bloków za pomocą klasycznego motywu

Aby zaimportować wzorzec na swojej nowej stronie, wykonaj te same kroki, aby przejść do ekranu „Zarządzaj wzorcami”. Na górze strony kliknij przycisk „Importuj z JSON”.

W oknie podręcznym kliknij „Wybierz plik” i wybierz plik JSON, który wcześniej pobrałeś. Kliknij „Importuj”, aby zakończyć, a Twój wzorzec będzie gotowy do użycia.

Metoda 2: Importowanie/eksportowanie bloków za pomocą motywu blokowego

Jeśli używasz motywu blokowego, proces jest nieco inny, ponieważ będziesz korzystać z Edytora Pełnej Witryny.

Eksportowanie bloków za pomocą motywu blokowego

Aby rozpocząć, przejdź do Wygląd » Edytor z paska bocznego administracji WordPress.

W edytorze wybierz „Wzorce” z menu po lewej stronie. Spowoduje to przejście do obszaru zarządzania wzorcami dla Twojej witryny.

Obok nagłówka „Wzorce” kliknij ikonę menu z trzema kropkami, a następnie wybierz „Eksportuj jako JSON”.

Spowoduje to pobranie pojedynczego pliku JSON zawierającego wszystkie Twoje niestandardowe wzorce.

Importowanie bloków za pomocą motywu blokowego

Teraz, aby zaimportować te bloki do innej witryny przy użyciu edytora pełnej witryny, otwórz FSE i przejdź do zakładki „Wzorce”.

Następnie kliknij przycisk „Dodaj nowy wzorzec”. Otworzy się menu rozwijane, z którego możesz wybrać przycisk „Importuj wzorzec z JSON”.

Wybierz pobrany plik, aby zaimportować bloki.

Po wykonaniu tej czynności możesz łatwo użyć zaimportowanego wzorca na swojej stronie WordPress.

Często zadawane pytania dotyczące importowania/eksportowania bloków Gutenberga

Być może nadal masz pytania dotyczące tego procesu. Aby Ci pomóc, przygotowaliśmy listę najczęściej zadawanych pytań dotyczących importowania i eksportowania bloków w WordPressie.

Czym jest plik JSON?

JSON to skrót od JavaScript Object Notation. Jest to prosty, tekstowy format do przechowywania i przesyłania danych.

W tym przypadku plik JSON działa jak schemat, który mówi WordPressowi, jak odtworzyć Twój blok, w tym jego treść, formatowanie i ustawienia.

Czy ta metoda importuje również obrazy i pliki multimedialne?

Nie, proces eksportu zapisuje tylko strukturę i zawartość tekstową bloku. Nie eksportuje rzeczywistych plików obrazów ani multimediów używanych w bloku.

Będziesz musiał ręcznie przesłać te pliki multimedialne do biblioteki mediów nowej witryny, aby zaimportowane bloki wyświetlały się poprawnie.

Czy mogę importować bloki, które wymagają określonej wtyczki?

Tak, możesz. Jednak zaimportowany blok będzie działał tylko wtedy, gdy nowa witryna będzie miała zainstalowaną i aktywowaną tę samą wtyczkę.

Na przykład, jeśli wyeksportujesz blok formularza z WPForms, nowa witryna musi również mieć zainstalowany WPForms, aby ten formularz został wyświetlony.

Jak mogę przenieść całą moją witrynę, a nie tylko bloki?

Importowanie i eksportowanie bloków jest świetne dla poszczególnych elementów treści. Ale jeśli potrzebujesz przenieść całą witrynę, wtyczka do migracji jest znacznie lepszym rozwiązaniem.

Zalecamy użycie wtyczki takiej jak Duplicator. Pozwala ona łatwo sklonować i przenieść całą witrynę WordPress, w tym całą zawartość, wtyczki i motywy, do nowej lokalizacji.

Dodatkowe zasoby dotyczące bloków WordPress

Oto kilka przydatnych przewodników dotyczących używania i zarządzania blokami WordPress:

• Jak używać edytora bloków WordPress (poradnik Gutenberg)
• Jak stworzyć niestandardowy blok WordPress (łatwy sposób)
• Najlepsze wtyczki bloków Gutenberg dla WordPress (bardzo przydatne)
• Jak masowo konwertować klasyczne bloki na Gutenberga w WordPressie
• Najlepsze motywy WordPress przyjazne Gutenbergowi
• Recenzja Ultimate Blocks: Czy to odpowiedni plugin bloków dla Ciebie?

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak importować/eksportować bloki Gutenberg WordPress do użytku na innych stronach. Możesz również zapoznać się z naszym przewodnikiem na temat usuwania bloków w WordPress oraz porównaniem paddingu i marginesu.

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.