Wszystko, czego potrzebujesz, aby zacząć korzystać z WordPress Gutenberg

W 2018 roku WordPress ma na celu unowocześnienie i uproszczenie tworzenia treści za pomocą Gutenberga. Jej nazwa pochodzi od Johannesa Gutenberga, założyciela drukarni. Jest to uważane za jedną z największych zmian dotyczących doświadczenia użytkownika WordPressa i przepływu pracy przy opracowywaniu motywów.

Co to jest Gutenberg?

Większość z nas myśli, że Gutenberg jest tylko nowym redaktorem, ale to nie tylko to. Podczas gdy edytor jest teraz skupiony, projekt ostatecznie wpłynie na całe środowisko publikowania, w tym dostosowywanie.

Do tej pory edytowanie strony oznaczało modyfikowanie jej tytułu, treści i pól niestandardowych. Z Gutenbergiem ta logika zmienia się całkowicie i wprowadza pojęcie bloków . Bloki to samodzielne, izolowane i dynamiczne komponenty interfejsu użytkownika, które są dodawane dynamicznie za pośrednictwem wp-admin. Nie będę się o tym rozpisywał, ponieważ poniższy film wyjaśnia wszystko szczegółowo.

Prezentacja Matta Mullenwega Gutenberga na temat Stanu Świata 2017

Gutenberg jest już dostępny jako wtyczka i zostanie zintegrowany z WordPress 5.0, którego uruchomienie planowane jest na kwiecień 2018 r. Zespół stojący za nim obecnie koncentruje się na doświadczeniu po edycji. Ale od tego czasu rozszerzy ich podejście o tworzenie szablonów, tworzenie witryn i nie tylko. Aby ułatwić przejście do Gutenberga, istnieje wtyczka o nazwie Edytor klasyczny, która umożliwia zespołom korzystanie z bieżącego edytora podczas pracy nad migracjami.

Dlaczego Gutenberg jest dla mnie dobry i co to oznacza dla przyszłości WordPressa?

Gutenberg to bez wątpienia poważna zmiana i wielu programistów będzie musiało się do niej dostosować. Jednak moim zdaniem jest to jedna z najlepszych zmian, jakich kiedykolwiek doświadczył WordPress. Ponieważ unowocześnia proces tworzenia motywu i czyni go bardziej modułowym z czystszą bazą kodu, lepszą konserwacją i edycją. Zapewnia większą niezawodność i pozbywa się starego monolitycznego podejścia do hakowania.

Za pomocą bloków optymalizuje i upraszcza wszystkie sposoby budowania strony (skróty, widżety, niestandardowy HTML, media, formatowanie tekstu, embedy i metaboksy). Jak wyjaśnia Matt w swoim poście:

• Deweloperzy i agencje będą mogli tworzyć interaktywne szablony, które klienci mogą łatwo aktualizować bez psucia rzeczy lub zajmowania się niestandardowymi typami postów.
• Twórcy wtyczek będą mogli całkowicie zintegrować się z każdą częścią WordPressa. W tym posty, strony, niestandardowe typy postów i paski boczne bez konieczności włamywania się do TinyMCE lub ściskania całej ich funkcji za przyciskiem paska narzędzi.
• Twórcy motywów nie będą musieli łączyć tony wtyczek ani tworzyć własnych kreatorów stron. Będzie dostępny standardowy, przenośny sposób tworzenia rozbudowanych układów postów i prowadzenia ludzi przez konfigurację bezpośrednio w interfejsie. Ν Potrzebne są 20-krokowe samouczki lub długie filmy.
• Programiści Core będą mogli pracować w nowoczesnych technologiach i nie martwić się o 15 lat wstecznej kompatybilności.
• Użytkownicy w końcu będą mogli tworzyć witryny, które budują swoją wyobraźnią. Będą mogli robić na telefonie rzeczy, których nigdy wcześniej nie robili. Już nigdy nie będą musieli oglądać skrótu. Tekst wklejony z programu Word zostanie automatycznie i natychmiast oczyszczony i przekonwertowany na bloki.

Dema i przykłady

W tej rozmowie z WordCamp US 2017 Morten wyjaśnia, na czym muszą się skupić programiści WordPressa i jak WordPress zostanie przekształcony za pomocą Gutenberga.

Morten Rand-Hendriksen: Gutenberg i WordPress jutra

W tym screencastu Human Made demonstruje serię zaawansowanych implementacji bloków Gutenberga.

Jak zacząć

Graj z Frontenberg , ograniczoną wersją demonstracyjną edytora Gutenberg na żywo , która pomoże Ci zapoznać się ze środowiskiem edycji Gutenberga.

Frontenberg – wylogowany plac zabaw Gutenberga do natychmiastowych testów

Przeczytaj poniższy artykuł Matiasa Ventury Bausero, jednego z głównych inżynierów stojących za Gutenbergiem .

Gutenberg, czyli Statek Tezeusza – Jak system może zasadniczo ewoluować bez drastycznych zmian?

Pobaw się tymi symbolami szkicu i spróbuj zaprojektować własne niestandardowe bloki.

Automattic/gutenberg-themes-sketch – gutenberg-themes-sketch – Zestaw plików Sketch, które pomogą Ci zaprojektować oparte na blokach motywy WordPress

Przeczytaj oficjalny podręcznik programisty na wordpress.org . Jest przejrzysty, łatwy do odczytania i stale się rozwija. Powinieneś także zapisać się na ich listę mailingową, aby otrzymywać aktualizacje.

Wprowadzenie – „Gutenberg” to kryptonim skupienia się na edytorze WordPress 2017.

Zakop się w ReactJS, ponieważ Gutenberg jest na nim zbudowany.

React – Biblioteka JavaScript do budowania interfejsów użytkownika – Biblioteka JavaScript do budowania interfejsów użytkownika

Sprawdź te przykłady Gutenberga stworzone przez główny zespół WordPressa.

WordPress/gutenberg-przykłady = gutenberg-przykłady – Przykłady rozszerzenia WordPressa/Gutenberga o bloki

Przeczytaj ten szczegółowy e-book autorstwa Human Made (jednej z najlepszych agencji rozwoju WP) .

Gutenberg, nowy edytor WordPressa (Biała Księga) — ta biała księga obejmuje kluczowe wyzwania związane z wdrażaniem i adopcją, a także porady dotyczące tego, jak przedsiębiorstwa mogą działać już teraz.

Zapoznaj się z tym kursem programistycznym prowadzonym przez Zaca Gordona, nauczyciela na niektórych z najpopularniejszych platform edukacyjnych FrontendMasters, Treehouse i Udemy.

Kurs rozwoju Gutenberga od Zaca Gordona – Kursy Gutenberga

Na koniec zainstaluj ten zestaw narzędzi programistycznych o zerowej konfiguracji do tworzenia wtyczek blokowych WordPress Gutenberg autorstwa Ahmada Awaisa

ahmadawais/create-guten-block — ‏ Zestaw narzędzi programistycznych #0CJS o zerowej konfiguracji do tworzenia bloków WordPress Gutenberg.

To wszystko na razie, dziękuję bardzo za przeczytanie tego posta i zostaw komentarz, jeśli masz jakieś przemyślenia, pytania lub sugestie.

Jeśli jesteś agencją, przedsiębiorstwem lub programistą WordPress, który chce poprawić wydajność swojej witryny, bezpieczeństwo i doświadczenie w zakresie hostingu, porozmawiaj z naszym zespołem inżynierów. Nasza zarządzana platforma hostingowa WordPress jest uważana za jedną z najlepszych w swojej branży z niezrównaną wydajnością, niezawodnością i techniczną obsługą klienta.

Nasz zespół ma misję, aby na nowo zdefiniować sposób, w jaki programiści WordPress budują, hostują i skalują swoje witryny, więc pozostań w kontakcie i nie krępuj się z nami rozmawiać.