WordPress 6.3: czego się spodziewać i jak efektywnie korzystać z nowych funkcji

WordPress 6.3 to drugie główne wydanie fazy 2 mapy drogowej WordPress i zawiera wiele ekscytujących nowych funkcji i ulepszeń.

Jeśli jesteś użytkownikiem, programistą lub entuzjastą WordPress, będziesz chciał wiedzieć, czego się spodziewać i jak efektywnie korzystać z nowych funkcji.

Tutaj omówimy nowe funkcje i zmiany w WordPress 6.3 oraz to, w jaki sposób usprawni to edycję witryny.

Według W3Tech 71,9% wszystkich witryn WordPress korzysta z najnowszej wersji 6. WordPress stale ewoluuje i ulepsza się dzięki społeczności współpracowników i użytkowników typu open source. Zobaczmy, co nowego w WordPress 6.3?

Kiedy pojawi się WordPress 6.3?

Wersja Beta WordPress 6.3 RC1 była gotowa do pobrania i testowania 19 lipca 2023 r. Ta wersja nie jest gotowa do instalacji i uruchamiania w środowiskach produkcyjnych. Ale możesz kontynuować testowanie go na serwerze testowym i witrynie. Ostateczna wersja zostanie prawdopodobnie wydana 8 sierpnia 2023 r.

Co nowego w WordPressie 6.3

Chociaż nie została jeszcze wydana, wersja Beta daje nam wgląd w to, co nowego w WordPress 6.3. Jak możesz sobie wyobrazić, programiści WP skupili się na ulepszeniu funkcji związanych z Gutenbergiem.

Od momentu wydania w listopadzie 2018 r. Gutenberg był podstawą prawie wszystkich aktualizacji WordPress. Właśnie to redaktorzy próbowali wykorzystać w tej aktualizacji.

Spójrzmy.

Ulepszenie bloku

Bloki są sercem Gutenberga. Oczywiście po wydaniu WordPress 6.3 zobaczysz kilka znaczących zmian/aktualizacji w blokach.

Zobaczysz dwa nowe bloki w tej wersji. Oni są:

1. Szczegóły: ten nowy blok zawiera tytuł i składaną sekcję treści.Możesz użyć bloku Szczegóły, aby przedstawić obszerną treść w zwięzły sposób. Na przykład możesz go użyć do zaprezentowania fragmentów kodu, spoilerów i specyfikacji produktu.

2. Przypisy: Kolejnym dodatkiem jest blok Przypisy.Możesz użyć tego bloku, aby dodać cytaty. Oto jak możesz go użyć.

• Zaznacz tekst, który chcesz zacytować.
• Kliknij opcję Więcej na pasku narzędzi bloku.
• Wybierz przypis.
• Automatycznie zobaczysz wyskakujące okienko na końcu treści.

Ulepszona nawigacja

Podobnie jak w przypadku każdej innej ważnej aktualizacji WP, zobaczysz znaczne ulepszenia w Edytorze Witryny. Na początek zobaczysz rozwinięty istniejący pasek boczny nawigacji, aby był łatwy w użyciu. Twórcy starali się, aby Edytor był bardziej przyjazny dla użytkownika i płynny, koncentrując się na następujących czynnikach.

1. Nawigacja:Tutaj zobaczysz linki dostępne w twoim bloku nawigacyjnym. Chociaż możesz tutaj zmienić kolejność lub nawet usunąć elementy menu, możesz dodać nowe linki.

2. Style: Być może korzystałeś już z funkcji Wersje, aby cofnąć zmiany wprowadzone w Twoich postach i na stronach.Teraz ta sama funkcja będzie dostępna w menu Style w Edytorze witryny.

Ta funkcja pozwoli Ci zobaczyć zmiany wprowadzone w stylach motywu i cofnąć je w razie potrzeby. Oto jak:

• Otwórz panel Style.
• Wybierz styl lub blok, który chcesz edytować.
• Zapisz zmiany.
• Kliknij przycisk Wersje.
• Następnie wybierz Historia wersji.
• Przełączaj się między różnymi wersjami.
• Kliknij przycisk Zastosuj, aby wrócić do poprzedniej wersji.

3. Strony:Dzięki tej funkcji możesz teraz łatwo wybrać „Strony” z menu nawigacyjnego edytora. Po kliknięciu tego Menu możesz zobaczyć ostatnio edytowane strony. Innymi słowy, możesz szybko wznowić swoje zmiany. Użyj przycisku +, aby dodać nową stronę. A co ważniejsze, możesz go natychmiast edytować w Edytorze witryny.

4. Szablony: Ta funkcja jest taka sama jak w aktualnej wersji WordPress.Tutaj możesz znaleźć wszystkie dostępne szablony i edytować ten, który chcesz. Tutaj możesz również utworzyć nowy szablon.

5. Wzorce: Wersje 6.3 zapewnią ulepszony sposób zarządzania wzorcami.Możesz je wszystkie zobaczyć w edytorze. Po kliknięciu tej opcji zobaczysz wszystkie dostępne wzorce, w tym zsynchronizowane i niezsynchronizowane wzorce.

Oto kilka rzeczy, o których musisz pamiętać:

A.Używanie niezsynchronizowanych wzorców

Niezsynchronizowane wzorce są samodzielnymi wzorcami. Możesz je dodać w dowolnym momencie. Możesz także wprowadzić zmiany po ich dodaniu. A ponieważ są to niezsynchronizowane wzory, zmiany te nie wpłyną na oryginalny wzór.

B.Używanie niezsynchronizowanych wzorców

Z drugiej strony zmiana zsynchronizowanych wzorców wpłynie na oryginalny wzór. Zasadniczo są to bloki wielokrotnego użytku. Tak więc wszystkie twoje bloki wielokrotnego użytku pojawią się tutaj. Teraz zamiast tego będą się nazywać „Zsynchronizowane wzorce”.

Co możesz zrobić?

• Użyj przycisku +, aby dodać/utworzyć nowe wzory.
• Użyj opcji Zarządzaj wszystkimi moimi wzorami, aby zarządzać niestandardowymi wzorami.
• W razie potrzeby edytuj niestandardowe wzory i bloki wielokrotnego użytku.

Narzędzie poleceń

WordPress 6.3 będzie również dostarczany z nowym narzędziem poleceń. Jest to eksperymentalne centrum dowodzenia w Gutenbergu. Możesz użyć tego narzędzia do szybkiego wykonania żądanych działań.

Możesz go użyć do:

• Poruszaj się między szablonami.
• Otwórz określone panele.
• Utwórz nowy post lub stronę.

Możesz znaleźć to narzędzie na górze Edytora witryny. Lub możesz użyć klawisza CTRL + K , aby otworzyć narzędzie poleceń.Po otwarciu możesz zacząć pisać, aby wyszukać to, czego szukasz.

Aby uzyskać listę dostępnych poleceń, należy uruchomić funkcję wp.data.select( wp.commands.store ).getCommands() w konsoli przeglądarki.

Zmniejszone rozproszenie uwagi w edytorze

Jak wspomniano wcześniej, Edytor Witryny otrzymuje kilka aktualizacji. Jedno z najlepszych ulepszeń obejmuje tryb bez zakłóceń. Wcześniej był dostępny tylko w edytorze stron i postów do tworzenia treści.

Ale teraz możesz go używać także w Edytorze witryny. Po włączeniu ten tryb ukryje wszystkie boczne i górne panele oraz wyłączy pasek narzędzi bloku. To z kolei pozwala skupić się na tworzeniu treści.

To powiedziawszy, górny pasek narzędzi również otrzymuje aktualizację. Zamiast zajmować więcej miejsca, zobaczysz go teraz w jednym górnym panelu.

Ważne zmiany dla programistów WordPress

WordPress 6.3 przynosi również kilka zmian i ulepszeń wydajności dla programistów WP. Możesz zobaczyć kilka zmian w tej wersji. Jednak oto kilka, które należy wziąć pod uwagę.

Ulepszenia w ładowaniu obrazu

Jest to jedna z najważniejszych aktualizacji w wersji WordPress 6.3. W tej wersji do obrazu przypisywany jest atrybut “fetchpriority” o wartości "high" w celu określenia, czy jest to obraz LCP (Largest Contentful Pain).

Jak być może już wiesz, LCP jest metryką, która mierzy czas, w jakim witryna internetowa wyświetla użytkownikowi największą zawartość na ekranie. Atrybut “fetchpriority” nadaje priorytet obrazowi LCP do załadowania, nawet zanim reszta układu zostanie obliczona. Krótko mówiąc, obrazy będą ładować się szybciej, co jest głównym czynnikiem optymalizacji szybkości strony.

Kolejnym znaczącym ulepszeniem jest automatyczna obsługa leniwego ładowania obrazów z atrybutem “loading” . Po raz pierwszy został wprowadzony w WordPress 5.5. W wersji 6.3 wszystkie pozostałe problemy zostały naprawione. Poprawi to ogólną wydajność Twojej witryny WordPress.

W WordPress 6.3 nowa funkcja “wp_get_loading_optimization_attributes()” kontroluje zarówno atrybuty “fetchpriority” jak i “loading” . W tej chwili możesz używać obu:

• “loading” o wartości "lazy"
• “fetchpriority” o wartości "high"

Obsługa atrybutów HTML 5 “async” i “defer”

Zarówno “async” jak i “defer” to atrybuty HTML 5. Instruują przeglądarkę, aby pobierała JavaScript bez wstrzymywania parsowania HTML. Ale działają inaczej.

Skrypty z atrybutem “async” będą wykonywane asynchronicznie zaraz po załadowaniu. Przeglądarka wstrzyma analizowanie kodu HTML po załadowaniu skryptu. Z drugiej strony skrypty z atrybutem “defer” załadują się dopiero po zakończeniu parsowania HTML.

Co zatem zmieniło się w WordPress 6.3?

Możesz użyć parametru boolowskiego “$in_footer” funkcji “wp_register_script()” lub “wp_enqueue_script()” aby zarejestrować skrypty z atrybutami “async” i “defer” . Po przeciążeniu tego parametru akceptuje teraz nowy parametr tablicy “$args” . Pozwala to określić strategię ładowania skryptów. Jeśli dodasz parametr $in_footer boolen, umieści on skrypt w funkcji wp_footer .

Na przykład, jeśli chcesz załadować skrypt asynchronicznie, bez blokowania parsowania HTML, możesz użyć atrybutu “async” :

Możesz użyć poniższej funkcji, aby załadować skrypt z atrybutem “async” .

 wp_register_script(
    'zwyczaj',
    '/ścieżka/do/custom.js',
    szyk(),
    '1.0.0',
    szyk(
        'strategia' => 'asynchroniczny',
    )
)
Dane wyjściowe <script async src= "~/custom.js" ></ script>

To mówi przeglądarce, aby pobrała skrypt w tle i wykonała go, gdy tylko będzie gotowy. Jednak oznacza to również, że skrypt może zostać uruchomiony przed pełnym załadowaniem modelu DOM lub może nie działać z innymi skryptami.

Jeśli chcesz załadować skrypt z szacunkiem, bez blokowania parsowania HTML, ale także upewnienia się, że będzie działał po przygotowaniu DOM i w porządku z innymi skryptami, możesz użyć atrybutu “defer” :

Możesz użyć poniższej funkcji, aby załadować skrypt z atrybutem “defer” .

 wp_register_script(
'zwyczaj',
'/ścieżka/do/custom.js',
szyk(),
'1.0.0',
szyk(
'w_stopce' => prawda,
'strategia' => 'odroczenie'',
)
)
Wyjście
<script defer src="~/custom.js"></ script>

To mówi przeglądarce, aby pobrała skrypt w tle i wykonała go dopiero po pełnym zbudowaniu modelu DOM. Jest to przydatne w przypadku skryptów zależnych od elementów DOM lub innych skryptów.

Dzięki tym zmianom możesz teraz zapobiec ładowaniu skryptu w nieoczekiwanej kolejności.

Tryb rozwoju

WordPress 6.3 zawiera nowy tryb programowania. Możesz użyć nowej stałej WP_DEVELOPMENT_MODE , aby włączyć ten tryb. Ta stała przyjmie jedną z następujących wartości.

• “core” – oznacza rdzeń rozwoju.
• “plugin” – oznacza rozwój wtyczki.
• “theme” – oznacza rozwój motywu.
• “all” – oznacza wszystkie trzy rodzaje rozwoju.

A kiedy zobaczysz pusty ciąg, oznacza to, że witryna nie jest używana jako środowisko programistyczne. Możesz również sprawdzić bieżącą wartość swojego WP_DEVELOPMENT_MODE w paneluInformacje narzędzia Site Health.

Inną alternatywą jest użycie nowego “wp_in_development_mode()” , aby sprawdzić, czy Twoja witryna jest w trybie deweloperskim. A dzięki parametrowi “$mode” możesz również sprawdzić typ swojego trybu programistycznego. Pamiętaj też, że ten tryb programowania może wpływać na niektóre niskopoziomowe aspekty zachowania WordPressa.

Jak możesz sobie wyobrazić, ten tryb programowania nie jest przydatny w środowisku produkcyjnym. Używaj go tylko w instalacjach rozwojowych.

Zakończyć

WordPress zawsze był konsekwentny, jeśli chodzi o wydawanie nowych aktualizacji. A WordPress 6.3 nie będzie rozczarowaniem. Ta aktualizacja, która prawdopodobnie zostanie wydana w sierpniu 2023 r., sprawi, że Edytor witryny będzie bardziej przyjazny dla użytkownika i poprawi wydajność dla programistów.

Jeśli jednak chcesz zaoszczędzić czas i kłopoty, zawsze możesz polegać na naszym rozwiązaniu programistycznym WordPress White Label. Pomożemy Ci stworzyć wspaniałe witryny WordPress, które są szybkie, bezpieczne i zoptymalizowane pod kątem SEO. Skontaktuj się!