WordPress 5.0 i Gutenberg: Co musisz wiedzieć

Niewątpliwie słyszałeś o WordPressie 5.0, ogromnej aktualizacji, która całkowicie zmienia sposób tworzenia treści w WordPressie.

Jeśli używasz WordPressa od jakiegoś czasu, prawdopodobnie wiesz, jak bardzo platforma zmieniła się na przestrzeni lat. To, co kiedyś było prostym narzędziem do blogowania, stało się wszechstronnym narzędziem do tworzenia i zarządzania stronami internetowymi.

WordPress 5.0 (nazwany „Bebo”) to duża zmiana w sposobie korzystania z platformy. Dzięki tej aktualizacji zespół WordPress skupił się na użyteczności i dostępności. Chcą, aby każdy mógł projektować oszałamiająco piękne i responsywne strony internetowe bez pisania kodu.

W tym artykule chcielibyśmy omówić nowości w WordPressie 5.0, wyjaśnić, czym jest Gutenberg i jak go używać, a następnie przejść do tego, jak wpływa to na Twój ulubiony wtyczkę płatności, WP Simple Pay.

Funkcje WordPressa 5.0

Zespół WordPress miał trzy cele podczas opracowywania WordPressa 5.0:

1. Znaleźć sposób, aby użytkownicy mogli tworzyć więcej treści z bogatymi multimediami i elementami projektowymi, zamiast tworzyć proste strony z dużą ilością tekstu.
2. Stworzyć jeden standard interakcji z interfejsem użytkownika, aby tworzenie stron internetowych było intuicyjne. Nie chcą, abyś mieszał bogaty tekst, krótkie kody, HTML, wklejony kod z innych platform i inne formaty. Chcą, abyś używał tylko ich systemu bloków.
3. Uczynić podstawowe funkcje łatwo dostępnymi. Chcą, abyś widział różne typy treści bezpośrednio przed sobą (wideo, obrazy, separatory, kolumny itp.), dzięki czemu nie musisz szukać w WordPressie ani tworzyć niestandardowych rozwiązań za pomocą wtyczek firm trzecich.

Są to ambitne cele, ale WordPress 5.0 je wszystkie realizuje. Sprawdź ich film promocyjny:

Oto lista głównych aktualizacji, które pojawiają się wraz z WordPress 5.0.

• WordPress oficjalnie obsługuje teraz wersję PHP 7.3.
• Nowy pakiet językowy JavaScript pozwala na dodawanie ciągów znaków do tłumaczenia bezpośrednio do kodu JS.
• Meta pola są zapisywane po kliknięciu przycisku „podgląd”.
• Szkic jest zapisywany po kliknięciu przycisku „podgląd”.
• Ulepszona optymalizacja mobilna.
• Możesz przyciąć obrazy tła przed publikacją.
• Dodano klasę CSS wp-image, dzięki czemu można używać atrybutów rozmiaru dla obrazów.
• Kilka znaczących ulepszeń WordPress Rest API (które pomaga programistom tworzyć aplikacje integrujące się z WordPressem).
• Klasyczny edytor został zastąpiony edytorem Gutenberg (więcej na ten temat za chwilę).

Dlaczego zespół WordPress wprowadził te zmiany?

Mówiąc prościej, WordPress musi konkurować z innymi rozwiązaniami do tworzenia stron internetowych, takimi jak Squarespace, Wix, Shopify itp. Tak, te platformy przyciągają niszowe społeczności, ale nadal są konkurentami dla WordPressa. Udział WordPressa w rynku stale rośnie, ale tak samo rośnie udział ich konkurentów.

Nowy motyw: Twenty Nineteen

Projektanci WordPress lubią co roku wprowadzać nowy motyw. WordPress 5.0 zawierał również najnowszy domyślny motyw, Twenty Nineteen.

Podobnie jak większość motywów zespołu WordPress, Twenty Nineteen jest nowoczesny, minimalistyczny, lekki i profesjonalny. Jest wysoce konfigurowalny i świetnie wygląda na urządzeniach mobilnych.

Co najważniejsze, nowy motyw został zaprojektowany specjalnie z myślą o nowym edytorze bloków Gutenberga. Ponieważ edytor Gutenberga jest zupełnie nowy, jest to jeden z niewielu dostępnych motywów, który działa doskonale. Zespół WordPress mówi, że z czasem zaktualizuje starsze motywy WordPress (aż do Twenty Ten), aby dostosować je do Gutenberga.

Edytor bloków Gutenberga

Nowy edytor to najbardziej dramatyczna zmiana w WordPress 5.0. Całkowicie zmienia sposób, w jaki tworzymy treści dla stron i wpisów. Gutenberg jest dostępny jako samodzielna wtyczka od kilku miesięcy, więc być może już go wypróbowałeś. Jest to teraz domyślny edytor WordPress.

„Wszechstronnym celem Gutenberga jest stworzenie doświadczenia tworzenia wpisów i stron, które ułatwia tworzenie bogatych układów” – mówi zespół WordPress.

Jeśli kiedykolwiek korzystałeś z konstruktora stron, takiego jak Thrive Architect, Elementor, Visual Composer lub Beaver Builder, rozpoznasz nowy domyślny system WordPress.

Gutenberg to zaawansowany edytor oparty na blokach. Zamiast wpisywać lub wklejać treści do dużego pola tekstowego, „budujesz” treści za pomocą modularnych bloków.

Różne bloki mają różne przeznaczenie. Na przykład blok obrazu służy do obrazów. Blok nagłówka służy do nagłówków. Blok akapitu służy do – zgadłeś – akapitów. Każdy blok ma określone przeznaczenie i nie można go używać w inny sposób.

WordPress 5.0 zawiera ponad 40 domyślnych bloków. Możesz instalować dodatkowe wtyczki od zewnętrznych dostawców z własnymi blokami. Jeśli chcesz więcej bloków, sprawdź Atomic Blocks, Stackable, Advanced Gutenberg Blocks lub CoBlocks.

Jak działa Gutenberg?

Aby dodać blok, po prostu wybierz go z menu lub klikając jeden z ikon „+” na swojej stronie. Bloki można przesuwać, po prostu przeciągając je w nowe miejsce.

Ta metoda układania bloków treści daje Ci kontrolę nad ostatecznym projektem bez dotykania kodu. Chcesz przenieść obraz nad inny akapit? To proste przeciągnięcie myszą bez żadnego ponownego formatowania lub zduplikowanego kodu pozostawionego w HTML.

Ponadto bloki układu oferują więcej funkcjonalności niż kiedykolwiek wcześniej. Możesz szybko i łatwo tworzyć kolumny, podziały, przyciski i widżety (dla krótkich kodów).

Każdy blok ma własny panel ustawień, dzięki czemu możesz budować swoje treści dokładnie tak, jak chcesz. Po kliknięciu bloku menu po prawej stronie interfejsu zmieni się, aby wyświetlić ustawienia tego bloku.

Jeśli utworzysz blok, którego chcesz użyć gdzie indziej (na tej samej stronie lub gdzie indziej w witrynie), możesz go zapisać jako wielokrotnego użytku. Daje to możliwość szybkiego dodania bloku z tymi ustawieniami na tej lub innej stronie.

Możesz pomyśleć, że ten nowy styl „budowania” treści jest bardziej skomplikowany niż po prostu pisanie w polu tekstowym, ale WordPress uprościł go jeszcze bardziej, dodając mnóstwo skrótów klawiaturowych. Te polecenia pomagają szybko dodawać, usuwać i manipulować blokami, dzięki czemu możesz szybko tworzyć treści.

W nadchodzących miesiącach z pewnością zobaczymy wiele aktualizacji ulubionych wtyczek i motywów (jeśli jeszcze się nie pojawiły). Będą one wprowadzać zmiany, aby dostosować się do Gutenberga.

Gutenberg i WP Simple Pay

Jak Gutenberg wpływa na WP Simple Pay?

Na szczęście nie wpływa to zbytnio. Jeśli chcesz dodać formularz WP Simple Pay do strony, po prostu dodaj nowy blok, znajdź blok Krótki kod w kategorii Widżety, a następnie wklej swój krótki kod.

Alternatywnie, możesz wkleić swój krótki kod do bloku akapitu. Blok powinien automatycznie przekształcić się w blok krótkiego kodu.

Piękno Gutenberga polega na tym, że system bloków utrzyma Twój formularz płatności w osobnym wierszu, dzięki czemu nie będzie konfliktu formatowania z innymi elementami na stronie.

Idąc naprzód

Chociaż możliwe jest zainstalowanie wtyczki przywracającej klasyczny edytor, zalecamy jak najszybsze zapoznanie się z edytorem bloków. Gdy już się do niego przyzwyczaisz, zdasz sobie sprawę, że możesz szybko tworzyć niesamowite strony i wpisy bez dotykania kodu.

Szczerze mówiąc, uważamy, że Gutenberg i WordPress 5.0 to dopiero początek przesunięcia w kierunku dostępności i profesjonalnego projektowania. WordPress — i inne systemy zarządzania treścią — chcą, abyś budował całą swoją witrynę na ich platformie, z jak najmniejszą liczbą narzędzi stron trzecich.

Znajdziesz wiele krytyki w sieci na temat wdrożenia Gutenberga i WordPressa 5.0, ale cieszymy się, widząc, jak ludzie go używają i co przyniesie przyszłość WordPressa.

Ach, i jeśli znajdziesz błąd, upewnij się, że go zgłosisz! WordPress polega na swojej oddanej społeczności w kwestii informacji zwrotnych, aby stale ulepszać swój produkt.