5 nowości w WordPressie 6.0 do wykorzystania od zaraz

Kiedy po raz pierwszy przeglądałam się liście zmian, które wprowadza WordPress 6.0, początkowo nie mogłam dopatrzeć się absolutnie niczego ekscytującego dla przeciętnego użytkownika WordPressa. Głównie dlatego, że zmiany w WP 6.0 zorientowane są na rozwój tzw. Full Site Editing i skierowane do twórców motywów.

Jednak po bliższym przyjrzeniu się okazuje się, że kilka przydatnych rzeczy w WordPressie 6.0 jest.

Dziś dzielę się listą 5 najciekawszych moim zdaniem zmian, które przynosi WordPress 6.0 i które mogą przydać się już dziś każdemu, kto korzysta z edytora blokowego WordPressa.

Nowość #1: [[ – nowy skrót w edytorze

Podczas edycji wpisu lub strony wpisz dwie sąsiadujące ze sobą klamry [[ i poczekaj co się wydarzy.

Okazuje się, że jest to nie tylko najszybszy sposób wstawiania odnośników wewnętrznych, ale funkcja ta pełni podwójną rolę:

(1) Lista ostatnich 10 stron i wpisów

Kiedy wpiszesz [[ i nie zrobisz nic więcej, zobaczysz listę 10-ciu ostatnio opublikowanych stron i wpisów.

Strony są oznaczone ikonką, a w wpisyikonka - wpis

Po wpisaniu [[ w edytorze blokowym zobaczymy listę ostatnich 10 stron i wpisów
Po wpisaniu [[ w edytorze blokowym zobaczymy listę ostatnich 10 stron i wpisów

Dlaczego taka lista stron i wpisów jest fajna?

  • Do ostatnio dodanych wpisów linkujemy najczęściej.
  • Jest to de facto jedyny sposób, gdzie możemy w jednym miejscu w WordPressie zobaczyć od razu ostatnio opublikowane i wpisy i strony.
  • Jeśli na naszej witrynie pracuje więcej osób, w ten sposób najszybciej sprawdzimy, co tam inni ostatnio dodali. Nie musimy chodzić w kilka miejsc (np. osobno we Wpisy, potem w Strony i dodatkowo jeszcze sortować listę stronę po dacie).

(2) Wyszukiwarka wpisów stron

Kiedy po [[ zaczniesz wpisywać jakieś słowa kluczowe z tytułów twoich stron czy wpisów (niekoniecznie musi to być początek tytułu!) lista ta zostanie zawężona tylko do wpisów zawierających te słowa.

Przykład 1

Wyszukiwanie wpisów zawierających słowo "dlacz" w tytule
Wyszukiwanie wpisów zawierających słowo „dlacz” w tytule

Przykład 2

Wyszukiwanie stron ze słowem "pętl" w tytule
Wyszukiwanie stron ze słowem „pętl” w tytule

W obu przypadkach wybierasz stronę/wpis, który automatycznie staje się linkiem.

Ale przecież prawie to samo mogłem zrobić dotychczas za pomocą ikonki odnośnika w bloku akapit…

powie uważny użytkownik WordPressa…

Zgadza się, ale jak to w życiu bywa „prawie” robi różnicę.

Wstawiania linków dotychczasową metodą,czyli za pomocą ikonki linku, ma kilka wad:

  • wymaga oderwania się od pisania na klawiaturze i kliknięciu ikonki myszą
  • na dzień dobry lista ta jest pusta
  • czekanie na rezultaty wyszukiwania trwa znacznie dłużej
  • w liście podpowiedzi widzimy tylko 3 wpisy (trzeba używać suwaka, żeby zobaczyć pozostałe)

Nowość #2: Usprawnienia w Widoku listy

Dla przypomnienia, Widok listy to spis bloków użytych we wpisie lub stronie, który zobaczymy po kliknięciu ikonki trzech poziomych kresek.

Widok listy dostępny jest pod ikonką trzech kresek
Widok listy dostępny jest pod ikonką trzech kresek

Ja praktycznie nie potrafię budować stron na blokach bez korzystania z tej listy.

Dlatego wszelkie usprawnienia w tym obszarze witam szczególnie entuzjastycznie.

(1) Bloki zagnieżdżone zwinięte na dzień dobry

Do tej pory Widok listy pokazywał wszystkie bloki w rozwiniętej formie. Praca z taką rozwiniętą listą była bardzo uciążliwa na stronach, w których wykorzystywane są bloki zagnieżdżone (Grupa, Kolumny, Okładka). Spójrzmy na przykład poniżej:

Przed zmianą:

Widok listy przed zmianami WP 6.0 - wszystkie elementy są rozwinięte
Widok listy przed zmianami WP 6.0 – wszystkie elementy są rozwinięte

Prawda, że łatwo się w tym gąszczu zagubić?

Po zmianie w WP 6.0 dostajemy krótką, elegancką „zwiniętą” listę:

Po zmianie:

Widok listy po zmianach w WP 6.0 - wszystkie elementy są zwinięte
Widok listy po zmianach w WP 6.0 – wszystkie elementy są zwinięte

(2) Automatyczne rozwijanie listy i podświetlenie bloku po kliknięciu na dowolny element bloku zagnieżdżonego

Od WordPressa 6.0 kliknięcie w dowolny blok, nawet głęboko zagnieżdżony spowoduje podświetlenie tego bloku w liście widoku.

Do tej poru działało to jedynie dla bloków najwyższego poziomu. I w związku tym odnalezienie się w czeluściach bloków zagnieżdżonych było niekiedy sporym wyzwaniem! Szczególnie, że lista bloków była rozwinięta na dzień dobry.

Teraz, gdziekolwiek klikniemy w treści strony, WordPress pokaże nam gdzie ten blok jest umiejscowiony w liście. (Oczywiście jeśli Widok listy mamy włączony/widoczny).

Zobaczmy to na przykładach.

Przykład 1

Kliknięcie na element bloku zagnieżdżonego powoduje podświetlenie go w Widoku listy
Kliknięcie na element bloku zagnieżdżonego powoduje podświetlenie go w Widoku listy

W powyższym przykładzie klikam na obrazek i od razu widzę, że jest on częścią bloku Kolumna, która z kolei należy do bloku Kolumny w bloku Grupa.

I jeszcze jeden przykład.

Przykład 2

Wybranie elementu bloku zagnieżdżonego skutkuje pokazaniem go w liście na niebiesko
Wybranie elementu bloku zagnieżdżonego skutkuje pokazaniem go w liście na niebiesko

Tutaj z kolei mogę nie pamiętać, że mój obrazek to tradycyjny blok Obrazek (i daremnie w liście wszystkich bloków wypatrywać bloku o nazwie Obrazek). Klikam w obrazek i podświetlenie bloku przypomina mi, że to został wykorzystany tzw. Obrazek wyróżniający wpisu, a mój blok jest częścią bloku Pętla zapytania.

(3) Możliwość zaznaczenia więcej niż jednego bloku w liście i wykonania na nich akcji

Od WP 6.0 w Widoku listy możemy zaznaczyć kilka sąsiadujących bloków na raz (przytrzymujemy w tym celu klawisz Shift) i wykonać na nich akcję. Na przykład przesunąć je w inne miejsce w obrębie Widoku listy lub usunąć.

Zaznaczanie kilku bloków na raz (Shift) w liście
Zaznaczanie kilku bloków na raz (Shift) w liście

Nowość #3: Przezroczystość w kolorach

Hurra! Wreszcie mamy możliwość ustawiania przezroczystości dla kolorów tekstu i tła praktycznie wszędzie tam, gdzie do tej poru można było ustawiać kolor, np. w bloku Nagłówek.

W tym celu trzeba kliknąć najpierw w panel koloru – krok 1 na obrazku niżej:

Zmiana przezroczystości koloru tła
Zmiana przezroczystości koloru tła

A następnie przesuwając suwakiem w lewo, zmniejszamy przezroczystość.

Dzięki przezroczystości w kolorach temu możemy uzyskać większą gamę odcienii kolorów i inne ciekawsze efekty wizualne.

Zobaczymy to na przykładach.

Przykład 1

Tutaj zmieniamy kolor tła dla nagłówka na subtelny kolor niebieski

Zmiana przezroczystości koloru tła dla bloku Nagłówek
Zmiana przezroczystości koloru tła dla bloku Nagłówek

Przykład 2

Znacznie ciekawszym zastosowaniem ustawienia przezroczystości koloru będzie „odsłonięcie” fragmentu obrazka znajdującego się pod blokiem, któremu zmieniamy tło:

Zmiana przezroczystości koloru tła dla bloku Akapit
Zmiana przezroczystości koloru tła dla bloku Akapit

Ten efekt wykorzystamy sobie za chwilę w połączeniu z inną nowością (nr 4 niżej).

Nowość #4: Obrazek wyróżniający w bloku Okładka

W bloku Okładka jako tło można ustawić teraz obrazek wyróżniający wpisu:

Ustawienie obrazka bloku Okładka, aby pobierał obrazek wyróżniony wpisu
Ustawienie obrazka bloku Okładka, aby pobierał obrazek wyróżniony wpisu

Zastosowanie

Ta opcja pomoże nam uzyskać ciekawe efekty wizualne na przykład podczas wyświetlania listy wpisów. Przypomnę, że listę ostatnich wpisów możemy zbudować za pomocą bloku Pętla zapytania. Teraz, dzięki ustawieniu bloku Okładka na Obrazek wyróżniający wpisu, możemy utworzyć sobie taki layout, gdzie tytuł wpisu umieścimy na obrazku. Obrazek ładuje się z wpisu dynamicznie.

Za pomocą bloku Pętla zapytania możemy wyświetlić też listę produktów (dodanych przez wtyczkę WooCommerce) i jako tło bloku okładka ustawić główny obrazek produktu. Też zadziała.

Lista ostatnio dodanych produktów WooCommerce z wykorzystaniem bloku Okładka ustawionego na obrazek wyróżniający wpisu
Lista ostatnio dodanych produktów WooCommerce z wykorzystaniem bloku Okładka ustawionego na obrazek wyróżniający wpisu

I tutaj ponownie, dzięki wykorzystaniu bloku Okładka tytuł produktu można umieścić na obrazku. Przezroczystość koloru (nowość opisany wcześniej z numerem 3) pomoże na odsłonić część obrazka pod spodem.

Nowość #5: Nowy styl w chmurze tagów

W bloku Chmura tagów mamy nowy styl o nazwie Kontur.

Blok Chmura tagów w WP 6.0 - nowy styl Kontur
Blok Chmura tagów w WP 6.0 – nowy styl Kontur

Dzięki temu możemy wyświetlić listę tagów lub kategorii na bloku w formie eleganckich prostokątów.

Porównajmy jak to było do tej pory:

Przed zmianą

Blok Chmura tagów przez zmianami w WP 6.0
Blok Chmura tagów przez zmianami w WP 6.0

Po zmianie

Blok Chmura tagów po zmianach w WP 6.0
Blok Chmura tagów po zmianach w WP 6.0

Poza tym, możemy też sterować wielkością fonta w chmurze tagów.

Inne nowości, które mnie cieszą

Z pozostałych nowości, które mnie cieszą to możliwość kontrolowania odstępów w bloku Galeria czy dodawanie ramek do bloku Kolumny. Ale Uwaga! Żeby te rzeczy zobaczyć, motyw, którego używasz musi te nowości wspierać.

Nowości z WP 6.0 w bloku Kolumny w motywach wspierających ramki (prawa część) i w motywach niewspierających ramki (lewa część)
Nowości z WP 6.0 w bloku Kolumny w motywach wspierających ramki (prawa część) i w motywach niewspierających ramki (lewa część)

Mój ulubiony motyw Astra wsparcie pod te nowości już oferuje. Inne popularne motywy niestety nie. Być może „jeszcze nie”, ale zauważyłam, że dostosowywanie się pod usprawnienia edytora blokowego idzie autorom motywów opornie.

Więc nie zdziw się Drogi Czytelniku, jeśli po aktualizacji do WordPressa 6.0 nie zobaczysz na swojej stronie tych dodatków zaznaczonych czerwoną ramką wyżej.

Zmiany które są mi obojętne

Póki co zostaję obojętna na wszelkie usprawnianie pod kątem koncepcji Full Site Editing, których w WordPressie 6.0 jest całe mnóstwo. Dlaczego?

Do tej pory jest niewiele motywów wspierających FSE. Poza tym na ten moment jest naprawdę ciężko zbudować sensowną stronę w oparciu o to podejście. Jest jeszcze zbyt wiele niedociągnięć.

Która nowość podoba Ci się najbardziej?

Jestem ciekawa, która z nowości przynoszonych przez WordPress 6.0 podoba Ci się najbardziej.

Mnie osobiście najbardziej cieszą usprawnienia w Widoku listy i przezroczystości w kolorach. A Ciebie?

9 komentarzy do “5 nowości w WordPressie 6.0 do wykorzystania od zaraz”

  1. Najciekawsze nowości to zwykle te, które wymagają wsparcia twórcy motywu. Należę jednak do grona bardzo cierpliwych użytkowników, więc mi to nie przeszkadza. (No tak, Astra jak zawsze o krok do przodu względem konkurencji!).

    Z głównej nowości najbardziej przyda mi się skrót „[[„, którego sam nigdy bym pewnie nie odkrył, a także usprawnienia dla funkcji „Widok listy”, bo jestem już tak wkręcony w Gutenberga, że co nowy wpis to konstrukcja bardziej rozbudowana… Poza tym dodatkowy suwak przeźroczystości też się powinien przydać.

    Dziękuję za jak zawsze bardzo dokładną rozpiskę nowości!

  2. Ja tam jeszcze podstawowych bloków Guterberga nie ogarnia, a co dopiero dodatkowe z pluginów. Ale mam pytanie.

    Czy da się stworzyć z bloków „loop’a”, który by wyświetlał listę wszystkich stron-potomnych wraz właśnie z ikoną wpisu ??

    1. SpeX, racja, za dużo jest tych bloków, żeby je ogarnąć. Ja staram się skupiać na tych, które potrzebuję. I jeśli się da coś zrobić podstawowymi blokami z WordPress Core, to tylko ich używam. Odpowiadając, na Twoje pytanie. Nie, nie da się, ale mam nadzieję, ze na razie się nie da, bo to co potrzebujesz to jest potrzebne praktyczne zastosowanie bloku pętla. Wtyczka Toolset Blocks (płatna) ma bardziej wypasiony odpowiednik bloku Pętla zapytania (View) i to o co pytasz jest tam dostępne już od pierwszej wersji.

  3. Dzień dobry, mam prostą stronę, do której wykorzystałam motyw „Karuna”. Po ostatniej aktualizacji Word Pressa pojawił mi się motyw Twenty Twenty-Two z zachętą, żeby go wypróbować. Nie jestem informatykiem tylko filologiem i moje problemy z punktu widzenia ekspertów mogą wydać się śmieszne, ale nie znalazłam w motywie funkcji „podgląd na żywo”, co uniemożliwia mi sprawdzenie czy Motyw Twenty Twenty-Two może być przeze mnie wykorzystany. Proszę o odpowiedź dla laika.

    1. Jadwiga, nie polecam motywu Twenty Twenty-Two. Ten motyw został przygotowany pod wprowadzenie użytkowników WordPressa w temat tzw. Full Site Editing, który jest jeszcze mocno niedopracowany. Motyw Twenty Twenty-One jest lepszy i kilka osób-laików zrobiło sobie na nim całkiem niezłe stronki w oparciu o mój video-tutorial: https://www.youtube.com/watch?v=KwJTNqPTjEc

      Bardziej szukasz motywu do bloga czy do strony typu wizytówka? Jeśli temat jest jeszcze aktualny, daj znać, może coś polecę.

  4. Mi najbardziej przydała się funkcja blokowania przesówania bloków. Dzięki temu klient może łatwiej samemu edytować treści bez ryzyka że przypadkiem coś przesunie, przestawi itp

  5. Tak, ustawienia kolorów dają ogromne możliwości i praktycznie bez wypasionych szablonów można zrobić całkiem ładną stronę. Generalnie Gutenberg jest dobrze przemyślany a kolejne zmiany coraz bardziej cieszą nawet laików.

  6. Podoba mi się w jakim kierunku idzie wordpress, ale czasami chce się postawić po prostu prostego wp, a nie ogromny kombajn. Stąd moje pytanie.Jak odchudzić na samym początku wordpressa. Najlepiej mając jeszcze go na komputerze w pliku zip. Może jakiś tutorial by się przydał?

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany.