Przejdź do treści

Jak zapisać blok Gutenberg WordPress jako szablon by móc go wykorzystać potem za pomocą shortcode?

Kiedy pracujesz nad stroną WordPress i napotykasz na blok Gutenberg, który chcesz użyć wielokrotnie, zapisanie go jako szablonu może oszczędzić dużo czasu. W tym artykule omówimy, jak zapisać blok Gutenberg WordPress jako szablon i jak go później wykorzystać za pomocą shortcode.

Zapisanie bloku Gutenberg jako szablonu za pomocą wtyczki

Reusable Gutenberg Blocks by Editor Blocks

Jednym z najszybszych i najprostszych sposobów na zapisanie bloku Gutenberg jako szablonu jest użycie wtyczki, takiej jak Reusable Gutenberg Blocks by Editor Blocks. Ta wtyczka umożliwia zapisanie dowolnego bloku Gutenberg jako szablonu, który możesz później łatwo wykorzystać. Oto jak to zrobić:

  1. Zainstaluj i aktywuj wtyczkę Reusable Gutenberg Blocks by Editor Blocks z repozytorium wtyczek WordPress.
  2. Przejdź do dowolnej strony lub postu i dodaj blok, który chcesz zapisać jako szablon.
  3. Wybierz blok, a następnie kliknij przycisk “Dodaj do Reusable Blocks” (w prawym górnym rogu edytora).
  4. Nadaj nazwę swojemu blokowi i zapisz zmiany.

Później możesz wykorzystać ten blok na innej stronie lub w poście, wybierając go z listy dostępnych bloków Gutenberg.

Stworzenie shortcode za pomocą wtyczki Shortcoder

Aby wykorzystać stworzony szablon bloku Gutenberg za pomocą shortcode, możemy skorzystać z wtyczki Shortcoder.

  1. Zainstaluj i aktywuj wtyczkę Shortcoder z repozytorium wtyczek WordPress.
  2. Przejdź do panelu administracyjnego WordPressa, a następnie do “Shortcoder”.
  3. Kliknij “Create a new shortcode”, nadaj mu nazwę i wklej kod HTML swojego szablonu bloku Gutenberg.
  4. Zapisz zmiany.

Teraz, kiedy będziesz chciał użyć tego bloku, wystarczy, że wkleisz shortcode w dowolnym miejscu na swojej stronie lub w poście.

Stworzenie szablonu bloku Gutenberg za pomocą kodu PHP

Jeżeli jesteś zaznajomiony z kodowaniem, możesz zdecydować się na bardziej ręczne podejście. Oto jak stworzyć szablon bloku Gutenberg i shortcode za pomocą kodu PHP:

  1. Utwórz nowy plik PHP w swoim motywie lub motywie potomnym. Możesz go nazwać na przykład ‘gutenberg-template.php’.
  2. W tym pliku, umieść kod HTML swojego bloku Gutenberg, ale pamiętaj, że musisz go umieścić wewnątrz funkcji PHP, na przykład tak:
function my_gutenberg_template() {
    ob_start();
    ?>
    <!-- Wklej tutaj kod HTML swojego bloku Gutenberg -->
    <?php
    return ob_get_clean();
}
  1. Następnie, aby stworzyć shortcode, który będzie wywoływał tę funkcję, dodaj poniższy kod:
function register_my_gutenberg_template_shortcode() {
    add_shortcode('my_template', 'my_gutenberg_template');
}
add_action('init', 'register_my_gutenberg_template_shortcode');

Teraz, kiedy będziesz chciał użyć tego bloku, wystarczy, że wkleisz shortcode ‘[my_template]’ w dowolnym miejscu na swojej stronie lub w poście.

Podsumowując, WordPress oferuje różne metody zapisania bloku Gutenberg jako szablonu, a następnie wykorzystania go za pomocą shortcode. Możemy wykorzystać dostępne wtyczki, takie jak Reusable Gutenberg Blocks by Editor Blocks czy Shortcoder, lub stworzyć własne rozwiązanie za pomocą kodu PHP. Wybór metody zależy od Twojego doświadczenia i preferencji.

[reblex id='56434']

Sprawdź ofertę 1500+ wtyczek i szablonów Premium WordPress!