Wszystko, czego potrzebujesz, aby zacząć korzystać z WordPress Gutenberg
Opublikowany: 2018-01-23W 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ć.