Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Jak importować / eksportować twoje bloki WordPress Gutenberg (2 kroki)

Zarządzamy wieloma witrynami WordPress, więc wiemy, jak żmudne może być ciągłe przebudowywanie tych samych bloków Gutenberg. Kiedyś traciliśmy godziny na kopiowanie i wklejanie treści między witrynami, dopóki nie znaleźliśmy lepszego sposobu.

Po latach pracy z WordPressem i pomagania początkującym za pośrednictwem WPBeginner odkryliśmy, że importowanie i eksportowanie bloków Gutenberg jest jedną z najbardziej niewykorzystanych funkcji oszczędzających czas w WordPressie.

Pokażemy ci nasz prosty, dwuetapowy proces przenoszenia twoich bloków Gutenberg między witrynami. Metoda ta doskonale sprawdza się zarówno w przypadku blogerów chcących ponownie wykorzystać treści, jak i agencji zarządzającej witrynami internetowymi wielu klientów.

How to export your Gutenberg blocks

Dlaczego warto importować / eksportować twoje bloki WordPress Gutenberg?

Edytor bloków WordPress umożliwia dodawanie treści jako bloków, a następnie dostosowanie tych bloków. Na przykład można utworzyć wezwanie do działania za pomocą bloku Przyciski.

Następnie możesz wyróżnić ten przycisk, zmieniając jego kolor tła, powiększając tekst i nie tylko. Jeśli planujesz użyć tej treści ponownie, możesz zapisać ją jako wzorzec w WordPress.

Create a pattern in WordPress

Można jednak również wyeksportować te bloki wielokrotnego użycia, a następnie użyć ich na innych witrynach internetowych. Może to zaoszczędzić mnóstwo czasu i wysiłku, jeśli posiadasz wiele witryn lub jesteś agencją programistyczną WordPress, która tworzy witryny dla klientów.

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

Jak importować / eksportować twoje bloki WordPress Gutenberg?

Jeśli jeszcze tego nie zrobiłeś, musisz zapisać treść, którą chcesz wyeksportować jako blok wielokrotnego użycia lub wzorzec. Po wykonaniu tej czynności przejdź do strony Wygląd ” Wzorce z kokpitu WordPress.

Zostaniesz teraz przeniesiony na nową stronę, gdzie możesz łatwo zarządzać wszystkimi wzorcami wielokrotnego użytku na twojej witrynie internetowej WordPress.

Tutaj możesz edytować, usunąć, importować, a nawet eksportować swoje bloki do innej witryny internetowej. Po prostu najedź kursorem na blok, który chcesz wyeksportować, a następnie kliknij odnośnik “Eksportuj jako JSON”, gdy się pojawi.

Exporting a WordPress block as a JSON file

WordPress pobierze teraz blok na twój komputer jako plik JSON.

Aby importować blok do innego bloga lub witryny WordPress, zaloguj się do tej witryny i otwórz edytor treści. Następnie wykonaj ten sam proces opisany powyżej, aby otworzyć ekran zarządzania blokami.

Tym razem kliknij przycisk “Importuj z JSON”. W wyświetlonym oknie podręcznym wybierz “Wybierz plik”.

Choose file to import block in Gutenberg

Możesz teraz wybrać pobrany wcześniej plik JSON.

Następnie kliknij “Importuj”. WordPress będzie teraz importował blok wielokrotnego użycia.

Jeśli jednak korzystasz z motywu blokowego, proces ten będzie nieco inny. W takim przypadku przejdź na stronę Wygląd ” Edytor z panelu bocznego administratora WordPress.

Spowoduje to otwarcie pełnego edytora witryny, w którym należy kliknąć kartę “Wzorce” w lewej kolumnie, aby ją rozwinąć.

Choose Patterns tab

Na nowym ekranie przejdź do karty “Moje wzorce” i zaznacz wszystkie utworzone bloki wielokrotnego użycia, korzystając z poniższego pola wyboru.

Następnie kliknij odnośnik “Eksportuj jako JSON”, aby wyeksportować te bloki.

Click Export as JSON

Teraz, aby importować te bloki do innej witryny internetowej za pomocą pełnego edytora witryn, otwórz FSE i przejdź do karty “Wzorce”.

Następnie kliknij przycisk “Utwórz nowy wzorzec”. Spowoduje to otwarcie menu rozwijanego, z którego można wybrać przycisk “Importuj wzorzec z JSON”.

Przejdź dalej i wybierz twój pobrany plik, aby importować bloki wielokrotnego użycia.

Click Import Pattern as JSON

Po wykonaniu tej czynności możesz użyć importowanego bloku na swojej witrynie internetowej WordPress w dokładnie taki sam sposób, w jaki używasz dowolnego innego bloku wielokrotnego użycia.

Dodatkowe zasoby dla bloków WordPress

Oto kilka bardziej przydatnych przewodników na temat korzystania z bloków WordPress i zarządzania nimi:

Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się, jak importować/eksportować twoje bloki WordPress Gutenberg do wykorzystania na innych witrynach internetowych. Możesz również zapoznać się z naszym przewodnikiem na temat usuwania bloków w WordPress i porównania dopełnienia z marginesem.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us. Here's our editorial process.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit - a collection of WordPress related products and resources that every professional should have!

Reader Interactions

4 komentarzeLeave a Reply

  1. Thomas

    Exactly where IS the ‘Block Management Screen?” I can’t find it anywhere.

    • WPBeginner Support

      It should be visible when you click the + icon to add a new block.

      Admin

  2. Alan

    Hello,

    Great information. Thanks for sharing.

    I have a question…
    Is it possible to export an entire page made up of many blocks? I can do this in Elementor and use this feature all the time.

    Thanks in advance

    • WPBeginner Support

      You could export a page using Tools>Export and import it on to a new site if that’s what you mean.

      Admin

Leave A Reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.