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 wpisy
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
Przykład 2
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
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
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
(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
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
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
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
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
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
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
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
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
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
Po zmianie
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ęść)
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?
Comments