Co wynika z pełnej edycji witryny w WordPress 5.8?

Opublikowany: 2021-07-29

Pod koniec 2020 roku w State of the Word, jak co roku, Matt Mullenweg przedstawił nam nowe funkcje edytora bloków, które pojawią się wraz z nowymi wersjami WordPressa w 2021 roku.

Matt powiedział nam, że jednym z celów tego roku była zmiana doświadczenia użytkownika podczas budowania witryn WordPress: chodziło o to, abyśmy w końcu tworzyli nie tylko posty i strony, ale całą sieć za pomocą bloków. Oznacza to, że moglibyśmy również tworzyć menu nawigacyjne, paski boczne z widżetami, szablonami itp. Z tego samego edytora bloków WordPress. Nazwał ten pomysł Full Site Editing (FSE) i był to główny cel Fazy 2 Gutenberga.

Pełna edycja witryny to nic innego jak zbiorcze określenie zestawu projektów w trakcie opracowywania, aby osiągnąć to nowe doświadczenie. Josepha Haden ogłosiła w kwietniu tego roku, że pierwsza wersja pełnej edycji witryny jest zawarta w wersji WordPress 5.8, której uruchomienie zaplanowano na lipiec 2021 r.

Pełna edycja witryny to zbiór projektów, które razem stanowią dużą zmianę, prawdopodobnie zbyt dużą dla pojedynczego wydania. Najważniejszym kontekstem do udostępnienia jest to, że nie jest dostarczana jako pełna, domyślna usługa dla użytkowników . Jedną z najbardziej wyraźnych informacji zwrotnych z procesu scalania w fazie pierwszej było to, że nie było wystarczająco dużo czasu, aby nasze rozszerzenia (agencje, autorzy motywów, twórcy wtyczek, twórcy witryn itp.) przygotowali się na nadchodzące zmiany.

Mając to na uwadze, ten proces łączenia nie będzie przełącznikiem włączania/wyłączania. Nie skupiamy się teraz na pełnym i zniuansowanym doświadczeniu użytkownika, ale bardziej na otwartej publicznej wersji beta w WordPress 5.8.

Stwórz WordPress Core autorstwa Josepha Haden

Josepha wyjaśniła, że ​​WordPress 5.8 nie zawiera wszystkich projektów, które są częścią FSE, ale niektóre z tych, które do nas dotarły, wiążą się ze zmianą sposobu, w jaki będziemy pracować w WordPressie. Mówiłem już o niektórych nowych funkcjach, które zostaną zawarte w WordPress 5.8, takich jak możliwość edycji obrazów i dodawania filtrów bichromii, transformacji bloków i bloku menu nawigacji. Skomentowałem również opcję projektowania szablonów z samego edytora bloków.

W tym poście zobaczymy więcej funkcji zawartych w projekcie pełnej edycji witryny, który już zintegrowaliśmy z nową wersją WordPress 5.8. Zwróć uwagę, że istnieją inne funkcje pełnej edycji witryny, które są w fazie rozwoju, a jeśli chcesz je przetestować, możesz zainstalować najnowszą opracowywaną wersję, postępując zgodnie z instrukcjami wyjaśnionymi tutaj.

Spis treści

  • Tryb edycji szablonu
    • Aktywuj edycję szablonu
    • Utwórz i edytuj szablon
  • Bloki tematyczne
    • Ostatni blok postów
    • Pętla zapytań i bloki listy post
  • Widok listy
  • Zreasumowanie

Tryb edycji szablonu

Jednym z pierwszych narzędzi do pełnej edycji witryny, które są dostarczane z WordPress 5.8, jest edytor szablonów. Edytor szablonów to specjalny tryb dostępny w edytorze postów, który umożliwia tworzenie, przypisywanie i edycję szablonów bloków dla określonych postów i stron.

Aktywuj edycję szablonu

Nie bądź zawiedziony, jeśli po zainstalowaniu tej wersji nie znajdziesz nigdzie opcji edycji szablonów. Domyślnie ta opcja jest wyłączona dla dowolnego motywu, ale motywy mogą ją włączyć, dodając następujący wiersz do ich pliku functions.php .

add_theme_support( 'block-templates' );

To właśnie zrobiłem w motywie Twenty Twenty-One, aby móc powiedzieć, jak to działa.

Utwórz i edytuj szablon

Pierwszą rzeczą, jaką znajdujemy na prawym pasku bocznym do edycji strony lub posta, jest opcja utworzenia nowego szablonu.

Nowa opcja tworzenia szablonów w WordPress 5.8
Nowa opcja tworzenia szablonów w WordPress 5.8.

Po kliknięciu linku «New» pojawi się wyskakujące okienko, w którym należy podać nazwę szablonu, który zamierzasz utworzyć.

Wyskakujące okienko wskazujące nazwę nowego niestandardowego szablonu
Okno edytora WordPress, aby wprowadzić nazwę nowego szablonu niestandardowego.

Po kliknięciu przycisku «Create» jesteś już w edytorze szablonów, który jest bardzo podobny do znanego już edytora bloków, z pewnymi drobnymi różnicami.

Edytor szablonów WordPress
Edytor szablonów WordPress.

Jak widać na obrazku, w górnym pasku znajduje się nazwa szablonu, który edytujemy oraz przycisk do aktualizacji szablonu, teraz ma kropkę po lewej stronie, dzięki czemu w każdej chwili możesz powiedzieć, że jesteś nie aktualizuje strony (lub posta), ale szablon. Ponadto masz również link do strony, którą edytowałeś.

Edycja szablonu jest bardzo podobna do edycji strony lub posta. Możesz dodawać bloki i wzory, które chcesz w taki sam sposób, jak zawsze robiłeś to w edytorze bloków. Chociaż teraz, jak powiem później, mamy kilka nowych bloków tematycznych, które mogą być szczególnie przydatne podczas edycji szablonów.

Dodaj nowe wzorce WordPress w edytorze szablonów
Dodaj predefiniowane wzorce w edytorze szablonów WordPress.

Po wprowadzeniu wszystkich zmian, które uważasz za konieczne, po prostu je zapisz, a zobaczysz, jak ostrzega Cię o stronach, na które mogą mieć wpływ zmiany w szablonie.

Zapisz szablon WordPress
Zapisz szablon WordPress.

I to wszystko, możesz przypisać nowy szablon do wszystkich stron, które chcesz. Ten szablon zostanie zapisany w bazie danych jako niestandardowy typ posta o nazwie wp_template . Ponadto w przyszłości będziesz mieć również dostęp do szablonu, aby móc go eksportować lub importować do dowolnej innej witryny, jak chcesz (na razie masz tę funkcję tylko wtedy, gdy masz zainstalowaną wtyczkę Gutenberg).

Bloki tematyczne

Edycja szablonów, jak już wspomniałem, przyszła do nas z nowym zestawem bloków WordPress, które są szczególnie przydatne przy tworzeniu szablonów i motywów. Są to:

  • Logo witryny
  • Slogan witryny
  • Nazwa strony
  • Tytuł posta
  • Treść postu
  • Data wysłania
  • Fragment posta
  • Opublikuj polecany obraz
  • Kategorie postów
  • Opublikuj tagi
  • Logowanie/wylogowanie
  • Ostatnie komentarze
  • Ostatnie posty
  • Pętla zapytań / lista postów
Bloki postów, które możesz dodać do szablonu WordPress
Nowe bloki postów, które możesz dodać do szablonu WordPress.

Dla każdego z tych bloków możesz modyfikować jego charakterystykę jak każdy inny blok.

Charakterystyka każdego z nich jest bardzo intuicyjna i nie sądzę, że wymagają dalszych wyjaśnień, ale uważam, że interesujące jest zagłębienie się w szczegóły trzech rodzajów bloków, które są nieco bardziej złożone: Ostatnie posty , Pętla zapytań i Lista postów . Te trzy rodzaje bloków można dodać zarówno w szablonie, jak i we wpisie lub na stronie.

Ostatni blok postów

Jeśli wstawisz najnowszy blok postu, zobaczysz, że masz wiele cech, które możesz zdefiniować, aby je wyświetlić.

Możesz wybrać trzy różne style wyświetlania postów, niezależnie od tego, czy chcesz wyświetlić opis, czy cały post, maksymalną liczbę słów, autora, datę publikacji i wyróżniony obraz (typ, rozmiar, wyrównanie i link na pocztę). Możesz także posortować je alfabetycznie lub według daty publikacji w porządku rosnącym lub malejącym, a także filtrować wyświetlane posty według kategorii. Na koniec możesz również wskazać liczbę postów, które chcesz pokazać i w ilu kolumnach.

Pętla zapytań i bloki listy post

Blok pętli zapytań umożliwia wyświetlanie listy postów, stron lub dowolnego innego niestandardowego typu posta z różnymi stylami i może stosować filtry w zależności od rodzaju wyświetlanej treści.

Blok typu listy treści
Bloki pętli zapytań lub listy postów.

Jak widać na powyższym obrazku, możesz najpierw wybrać na lewym pasku bocznym styl, w jakim chcemy wyświetlać treść. Jeśli wybrałeś styl standardowy, możesz wybrać widok karuzeli lub siatki. W przypadku karuzeli możesz wybierać spośród różnych wariantów wyświetlania i wybierać między różnymi kombinacjami wyświetlania tytułu, daty, fragmentu i/lub obrazu.

Wyświetl wariacje bloku listy treści
Wyświetl odmiany bloku pętli zapytań.

Po wybraniu zostanie utworzony blok typu szablonu treści, który będzie zawierał różne wybrane podbloki. Niezależnie od wybranej odmiany, możesz następnie dodać i/lub usunąć bloki tematyczne i wprowadzić dowolne zmiany w każdym z bloków w bloku listy zawartości, aby dopasować je do swoich preferencji.

Masz również zestaw właściwości pętli zapytań, które możesz również sparametryzować, takie jak kolory bloku, typ treści, którą chcesz wyświetlić, kolejność wyświetlania treści i filtry, które możesz zastosować w zależności od treść, którą wybrałeś.

Sekcja strony utworzona za pomocą bloku listy treści
Sekcja strony utworzona za pomocą bloku pętli zapytań.

W ten sposób możesz szybko dodać sekcję treści, którą masz na blogu, kursach itp. w dowolnym szablonie lub stronie bez opuszczania edytora bloków.

Widok listy

Kolejną funkcją pełnej edycji witryny, która jest teraz dostępna w WordPress 5.8, jest widok listy. Na górnym pasku menu edycji strony lub postu znajdujemy teraz ikonę widoku listy po prawej stronie ikony z «i». Kliknięcie go wyświetla pasek boczny ze strukturą różnych bloków składających się na edytowaną przez nas treść. A blok, w którym się znajdujemy, jest podświetlony.

Widok listy w WordPress
Widok listy w WordPressie.

Ten widok listy umożliwia szybkie poruszanie się po różnych blokach treści. Umieszczenie myszki na dowolnym bloku na liście przeniesie Cię do zawartości tego bloku.

Poruszanie się po widoku listy bloków
Poruszanie się po widoku listy bloków.

Bardzo przydatną właściwością tego widoku listy jest to, że wyświetlane są również kotwice HTML, które dodajesz do treści.

Przeglądanie zakotwiczeń w widoku listy bloków
Wyświetlanie kotwicy HTML w widoku listy.

Ułatwia to sprawdzenie w dowolnym momencie, czy brakuje jakichkolwiek kotwic HTML i czy dzwonisz z poprawną nazwą.

Zreasumowanie

WordPress 5.8 zaznaczył kamień milowy na drodze do pełnej edycji witryny. Wraz z niektórymi funkcjami, które już wyjaśniłem, które się do nas pojawią, widzimy, że krok po kroku zbliżamy się do celu, jakim jest możliwość tworzenia nowych stron internetowych bez pisania kodu.

Nadal uważamy, że niektóre funkcje czasami zawodzą i wymagają poprawy, ale jest to projekt open source, w którym udział wszystkich sprawi, że WordPress stanie się ulubioną platformą dla stron internetowych.

Czy zdecydowałeś się zainstalować tę wersję WordPressa? Chętnie podzielisz się swoimi doświadczeniami.

Polecane zdjęcie Andrew Neela na Unsplash.