Możesz teraz stworzyć własny motyw blokowy w WordPress

Opublikowany: 2022-07-18

WordPress Full Site Editing (FSE) umożliwia nam edycję różnych aspektów strony internetowej bez konieczności pisania kodu. Umieściła wcześniej ukryte fragmenty motywu w zasięgu osób nie będących projektantami. I być może w tym procesie nieco ułatwiło pracę profesjonalistom internetowym.

Ale to tylko zarysowanie potencjału FSE. Opracowywane są bardziej zaawansowane możliwości. Wśród nich jest możliwość stworzenia całego motywu blokowego w WordPressie.

Pomyślmy o tym przez chwilę. Historycznie istniały dwie główne metody wdrażania tematów. Pierwszym z nich jest zbudowanie własnego od podstaw przy użyciu PHP, HTML, JavaScript i CSS. Drugi polega na pobraniu motywu innej firmy i dostosowaniu go do własnych upodobań.

Dzięki wtyczce Create Block Theme jest teraz trzecia metoda: tworzenie motywu blokowego w pełni z poziomu WordPressa. Stamtąd możesz wyeksportować swoje dzieło do użycia w innym miejscu.

Brzmi rewolucyjnie, jeśli chodzi o sposób, w jaki budujemy strony internetowe za pomocą WordPressa. Jak to działa? Dzisiaj przyjrzymy się wcześnie funkcji Utwórz motyw blokowy i pokażemy, co potrafi.

Co robi wtyczka Create Block Theme?

Wydanie wtyczki Create Block Theme ma miejsce w czasie, gdy FSE jest wciąż rodzącą się technologią. Opracowany przez członków oficjalnego zespołu motywów WordPress, może pewnego dnia trafić do podstawowego oprogramowania.

Na pierwszy rzut oka jest to bardzo proste oprogramowanie – ale jest to zgodne z projektem. Wtyczka nie dodaje żadnych radykalnych nowych funkcji do edytora witryny. Raczej zapewnia możliwość eksportu pracy, którą już wykonałeś. Jest też kilka innych gadżetów.

Kiedy pobierzesz Utwórz motyw blokowy i aktywujesz go w swojej witrynie (zaleca się również uruchomienie najnowszej wersji wtyczki Gutenberg), zauważysz nowy element menu znajdujący się w Wygląd> Utwórz motyw blokowy .

Ten ekran udostępnia następujące opcje:

Eksportuj aktywny motyw
Jeśli używasz już motywu blokowego, takiego jak Twenty Twenty-Two, i wprowadziłeś zmiany w edytorze witryny, możesz wyeksportować dostosowaną wersję motywu. Może się to przydać, jeśli chcesz utworzyć niestandardowy punkt początkowy dla innych projektów korzystających z motywu.

Utwórz dziecko aktywnego motywu
W przeszłości zalecano stosowanie motywów podrzędnych, aby zapewnić, że dostosowania nie zostaną nadpisane podczas pobierania aktualizacji motywu. Jeśli chodzi o motywy blokowe, dziecko może służyć jako sposób na dystrybucję określonych wariantów rodzica. Na przykład, jeden może zawierać inny schemat typograficzny lub kolorystyczny.

Klonuj aktywny motyw
Ta opcja kopiuje aktywny motyw i uwzględnia wszelkie zmiany wprowadzone w nim w edytorze witryny przy użyciu nowej nazwy. Ponieważ jest to osobna kopia, umożliwia to pracę nad nowym motywem bez przypadkowego uszkodzenia oryginału.

Zastąp aktywny motyw
Jeśli dokonałeś zmian w aktywnym motywie i chcesz, aby zastąpiły jego ustawienia domyślne, ta opcja pozwala to zrobić.

Strona opcji tworzenia motywu blokowego.

Tworzenie niestandardowego motywu blokowego WordPress

Proces tworzenia niestandardowego motywu blokowego WordPressa obejmuje wprowadzanie żądanych zmian za pomocą edytora witryny ( Wygląd > Edytor ). Zmień nagłówek, stopkę, obszary treści i cokolwiek innego, czego dusza zapragnie.

Ale zanim to zrobisz, ważne jest, aby wybrać odpowiedni motyw blokowy. Na przykład możesz wybrać trochę pustego płótna, takiego jak Blockbase. Dzięki temu możesz zacząć od zera i stworzyć w pełni niestandardowy wygląd. Oznacza to również, że nie musisz niszczyć żadnych istniejących elementów motywu, których nie chcesz.

Jeśli wolisz coś bardziej dopasowanego i wykończonego, dostępnych jest kilka motywów blokowych, które mogą stanowić świetny punkt wyjścia. Będziesz mieć ustalony układ i możesz wprowadzić niezbędne poprawki, aby dopasować je do swoich potrzeb.

Niezależnie od tego, jak zaczniesz, Utwórz motyw blokowy pozwoli Ci wyeksportować motyw do użycia w innej instalacji WordPress.

Dostosowywanie motywu Blockbase za pomocą edytora witryn WordPress.

Eksportowanie niestandardowego motywu blokowego

W tym przykładzie wprowadziłem kilka podstawowych dostosowań do Blockbase. Teraz nadszedł czas, aby wyeksportować motyw i zainstalować go w innej lokalnej witrynie WordPress.

Jak wspomniano wcześniej, Utwórz motyw blokowy zapewnia kilka opcji eksportu. Zdecydowałem się stworzyć motyw potomny i nadać mu niestandardową nazwę. Oznacza to, że muszę mieć zainstalowaną kopię Blockbase na wszystkich innych witrynach, na których chcę używać mojego nowego motywu potomnego.

Eksportowanie motywu potomnego za pomocą opcji Utwórz motyw blokowy.

Eksportowanie generuje plik ZIP, który mogę następnie zaimportować do mojej nowej witryny. W nowej witrynie WordPress przejdę do Wygląd > Motywy , a następnie kliknę przycisk „ Dodaj nowy ”.

Na stronie Dodaj motywy mogę przesłać mój nowy motyw blokowy, klikając przycisk „ Prześlij motyw ” i wybierając wyeksportowany plik .ZIP z mojego dysku twardego. Na koniec aktywuję motyw potomny.

Importowanie wygenerowanego pliku .zip do nowej witryny WordPress.

Wyniki wyglądają dobrze. Wprowadzone przeze mnie zmiany przetrwały proces eksportu i wydawały się działać dobrze w nowej witrynie. Teoretycznie zapewniłoby to solidny start w pracy nad przyszłymi projektami.

Niestandardowy motyw blokowy w nowym miejscu docelowym.

Czy to przyszłość budowania motywów WordPress?

Możliwość tworzenia motywu blokowego z poziomu WordPressa, a następnie używania go w dowolnym miejscu, może zmienić przebieg Twojego przepływu pracy. Potencjalnie skraca to dużo czasu poświęcanego na pracę z kodem i zapewnia pełne wrażenia wizualne.

Jednak wygoda może nie mieć większego znaczenia, jeśli edytor witryny nie oferuje wszystkich potrzebnych narzędzi. Tworzenie różnych układów, dostosowywanie kolorów itp. jest dość proste. Ale prawdopodobnie pojawią się scenariusze, w których potrzebny będzie kod.

Wszystko sprowadza się do tego, jak lubisz pracować. Niektórzy z nas z chęcią pozostaną przy istniejących procesach – i to jest w porządku. Wygoda i stabilność są ważne – szczególnie, gdy motywy FSE i blokowe są na wczesnym etapie.

Jednak przenośność oferowana przez Create Block Theme to spojrzenie w przyszłość. Możliwość budowania motywów blokowych WordPress w ten sposób będzie atrakcyjna dla wielu projektantów stron internetowych. Jest to rozwój, na który warto zwrócić uwagę, ponieważ wciąż ewoluuje.