Nowość w WordPress 5.4 i Gutenberg: Social Icons, Buttons, Fullscreen i więcej

Michael Firnkes Ostatnia aktualizacja 10/23/2020
.
. 8 Min.
WordPress  5.4
Ostatnia aktualizacja 10/23/2020

Wydanie WordPress 5.4 zostało opublikowane 31 marca 2020 roku. Co ta wersja wnosi dla użytkowników i deweloperów? Nasz przegląd: Co nowego w WordPress i Gutenberg.

WordPress kontynuuje porządkowanie swojego edytora Gutenberg i nadaje mu nowe funkcje. Zanim przejdzie do kolejnych etapów rozwoju - tj. w kierunku współpracy i wielojęzyczności. Niektóre nowe funkcje mogą wywołać zamieszanie wśród użytkowników, więc powinieneś być na to przygotowany. Podsumowujemy dla Was wszystkie ważne zmiany.

Widget: Stan strony internetowej

Nowość w WordPress 5.4, która rzuca się w oczy już na pierwszy rzut oka: W dashboardzie jest teraz nowy widget dla "stanu strony". Funkcja, która za tym stoi, istnieje już od WordPress 5.2. Można ją znaleźć w backendzie pod "Narzędziami". Dzięki nowemu centralnemu umiejscowieniu, wielu użytkowników prawdopodobnie dowie się o nim po raz pierwszy:

Stan strony internetowej
Nowy widget

Idea funkcji: administratorzy, ale także użytkownicy WordPress powinni być świadomi możliwych luk w instalacji. Podobnie, spojrzenie na szczegóły powiązane z widgetem oferuje sugestie dotyczące ulepszeń lub podpowiedzi dotyczące możliwych luk w zabezpieczeniach. Są to na przykład:

  • Lista nieaktywnych stron Plugins i Themes. Należy je zawsze usuwać, ponieważ nawet po wyłączeniu mogą być celem hakerów.
  • Sugestie dotyczące modułów PHP, które powinny być zainstalowane na Twoim serwerze. W przeciwnym razie WordPress może działać wolno lub może brakować niektórych funkcji. Zobacz tę listę z WordPress Hostingzespół.
  • Ostrzeżenie, jeśli Twoja witryna nie korzysta jeszcze z połączenia HTTPS.

Szyfrowanie za pomocą SSL jest absolutną koniecznością dla każdej profesjonalnej strony internetowej. Na przykład za pośrednictwem Let's Encrypt. Google wymaga również bezpiecznego połączenia, w przeciwnym razie Twoja strona straci znaczące pozycje w rankingach i odwiedzających. Najlepiej, jeśli certyfikaty SSL są zawarte w pakiecie hostingowym - zmniejsza to Twój wysiłek.

Do tej pory funkcjonalność sekcji stan/ulepszenia strony jest jeszcze do opanowania. Z pewnością ulegnie to zmianie w kolejnych wersjach. Zakładka "Raport" zawiera jednak ekscytujące informacje:

WordPress  Konfiguracja
Konfiguracja WordPress

W ten sposób można uzyskać wiele szczegółów na temat konfiguracji WordPress i WooCommerce. Można je eksportować, na przykład jako narzędzie dla dostawców usług WordPress . Lub do celów debugowania dla programistów Plugins i Themes.

Gutenberg w trybie pełnoekranowym

Nie wiedziałeś, że Gutenberg ma tryb pełnoekranowy? Wtedy będziesz zirytowany, gdy po raz pierwszy otworzysz edytor w wersji 5.4. Brakuje paska deski rozdzielczej po lewej stronie. Ma to zalety, ale także wady:

  • Szczególnie na mniejszych ekranach masz teraz więcej miejsca na swoją treść.
  • Podczas pisania nie będziesz rozpraszany przez przychodzące komentarze, Plugins do aktualizacji, itp.
  • Jednocześnie brakuje paska bocznego dla poszczególnych procesów

Ostatni punkt spowalnia pracę, zwłaszcza gdy musisz przełączać się między przeglądem postów a edytorem podczas aktualizacji tekstów. Lub gdy chcesz na krótko wywołać bibliotekę multimediów.

Gutenberg fullscreen
Gutenberg w trybie pełnoekranowym

Tryb pełnoekranowy jest szkodliwy dla Twojej pracy? Następnie można przywrócić stary, znany widok w następujący sposób:

  1. Przejdź do zaawansowanych opcji strony Gutenberg (trzy pionowe kropki obok ikony koła zębatego w prawym górnym rogu)
  2. Są one nazywane "Więcej narzędzi i opcji" w edytorze do tej pory.
  3. Usuń zaznaczenie pola wyboru "Fullscreen Mode".

Zachowanie - włączony lub wyłączony tryb pełnoekranowy - może być również predefiniowane za pomocą kilku linii JavaScript:

const isFullscreenMode = wp.data.select( 'core/edit-post' ).isFeatureActive( 'fullscreenMode' );

if ( isFullscreenMode ) {
    wp.data.dispatch( 'core/edit-post' ).toggleFeature( 'fullscreenMode' );
}

Jest to szczególnie przydatne, jeśli jesteś administratorem lub deweloperem, gdy tylko WordPress 5.4 wejdzie w życie na twojej stronie.

Gutenberg Blok Ikony społecznościowe

Funkcja ta pozwala na dodawanie linków lub ikon do występów w serwisach społecznościowych za pomocą jednego kliknięcia myszką. Podstawowe opcje "Social Icon":

  • Rodzaj, ilość i kolejność ikon oraz odpowiednie linki można ustalić samemu.
  • Dostępnych jest prawie 40 ikon lub sieci
  • Oprócz WordPress , Twittera, Facebooka, YouTube'a czy Instagrama są to na przykład Dropbox, Etsy, RSS, Flickr, GitHub, LinkedIn, Pinterest, Skype, Vimeo czy Spotify.
  • Można również umieszczać linki do innych stron internetowych (np. autorów gościnnych) lub adresy e-mail.

Trochę zamieszania: Jeśli chcesz usunąć istniejącą ikonę, możesz to zrobić klikając na nią, a następnie używając opcji "Usuń blokadę". Wtedy nie jest usuwany cały blok, lecz tylko odpowiedni wpis:

Usuń przycisk społecznościowy Gutenberg
Usuń przyciski społecznościowe w Gutenberg

Utworzony przez Ciebie blok nie jest domyślnie elementem wielokrotnego użytku. Oznacza to, że jeśli dokonasz zmian - takich jak dodawanie lub usuwanie poszczególnych ikon społecznościowych - będziesz musiał zrobić to ponownie, gdy później zintegrujesz "Ikonę społecznościową" w innym bloku lub poście. Rozwiązanie: przekształcasz swój wynik w blok wielokrotnego użytku i dopiero potem używasz tego bloku.

Wskazówka: Wielu użytkowników nie wie jeszcze o funkcji "bloków wielokrotnego użytku". Jest to niezwykle praktyczne: Kiedy na przykład Google+ zniknęło, wystarczyło tylko dostosować zmianę w elemencie wielokrotnego użytku. Jest to następnie wykonywane automatycznie w powiązanych blokach poszczególnych postów.

Gutenberg Przyciski blokady

Nazwa mówi wszystko: Możesz użyć tego nowego bloku WordPress , aby zintegrować przyciski oparte na tekście w swoich postach. Na przykład, aby pobrać e-booki lub przekierować do centralnych stron docelowych. Przyciski można dostosować w następujący sposób:

  • Różne style (całkowicie wypełnione kolorem lub tylko z konturem)
  • Kolor tła i tekstu można dowolnie wybierać, również z indywidualnymi kolorami (poprzez szesnastkowe wartości kolorów)
  • Tło monochromatyczne lub z gradientem (pozdrowienia z dzikich czasów projektowania stron internetowych)
  • Ustawienia krawędzi (promień narożnika)
  • Opcje linków jak target _blank

Uważni użytkownicy Gutenberg wiedzą, że istnieje już blok o nazwie "Button". Nowa opcja "Przyciski" oferuje jednak znacznie więcej możliwości:

Gutenberg Przyciski
Gutenberg Przyciski z gradientem i krzywymi

Dodatkowo, możesz teraz wstawiać wiele przycisków jeden po drugim, bez naruszania układu. Kolejność przycisków można dowolnie zmieniać metodą "przeciągnij i upuść".

Uwaga: Pierwotnie WordPress 5.4 miał otrzymać nowy blok Nawigacja, aby wstawić menu nawigacyjne również w treści strony lub postu. Dostosowanie to zostało jednak odłożone na późniejszy termin.

Ekran: Witamy w Edytorze Bloków

Podobnie jak w przypadku WooCommerce , użytkownicy Gutenberg są teraz witani przez "Przewodnik powitalny". To zawiera:

  • Wprowadzenie do tego, jak działa podejście oparte na blokach
  • Podstawowe objaśnienie opcji dla poszczególnych bloków (np. kolor, szerokość, wyrównanie)
  • Uwagi dotyczące biblioteki blokowej

Link na końcu prowadzi do podręcznika dla Gutenberg. Jest to jednak w języku angielskim.

Gutenberg Ekran powitalny
Przewodnik powitalny od Gutenberg

Polecamy następujące źródła, jeśli jeszcze nie pracowałeś z nowym edytorem dla WordPress :

Dla adminów poradnik nie jest niczym nowym, ale dla zwykłych użytkowników i redaktorów może być interesujący. Powinno im to pomóc w szybszym odnalezieniu się na stronie Gutenberg . Może to również zmniejszyć Twój wysiłek w zakresie wsparcia jako administratora.

Wskazówka: Przewodnik powitalny uruchamia się automatycznie tylko w przypadku ponownej instalacji WordPress lub pierwszego użycia Gutenberg . Chcesz uruchomić go ręcznie? Możesz to zrobić w opcjach ogólnych w Narzędzia -> Przewodnik powitalny ( pod punktem, w którym możesz przełączać się między kodem a edytorem wizualnym).

Wstaw obraz postu metodą przeciągnij i upuść

Czasami to właśnie małe zmiany sprawiają, że użytkownicy WordPress są zadowoleni. Od wersji 5.4, możesz przesłać obraz postu poprzez przeciąganie i upuszczanie. Przykład:

  1. Zdjęcie zostało już edytowane lub otrzymane i znajduje się w folderze na Twoim komputerze.
  2. Stamtąd przeciągnij go myszką do obszaru "Define post image" w prawym pasku bocznym Gutenberga w wersji WordPress 5.4 i wyższej
  3. Gotowe - przesyłanie do biblioteki mediów odbywa się automatycznie w tle

W razie potrzeby musisz tylko dodać meta informacje do obrazu, klikając na wstawiony obraz. Lub w bibliotece mediów WordPress . To może być największe "niebezpieczeństwo" nowej, wygodnej opcji: odbywa się to kosztem atrybutów, które mogą być ważne dla Twojego SEO.

Zoptymalizowany blok Ostatnie posty

Wyświetlanie kolejnych artykułów pod Twoimi wpisami na blogu jest wykorzystywane przez wielu czytelników. Podobnie jest z najnowszymi postami (obecnie pod nazwą "Ostatnie posty" w Gutenberg ). Dzięki temu użytkownicy dłużej pozostają na Twojej stronie. Wzrastają wartości "dwell time" i "page views per visit" - obie są ważnymi wskaźnikami dla optymalizacji pod kątem wyszukiwarek (SEO).

Szybkość klikania tej funkcji znacznie się zwiększa, jeśli używane są nie tylko linki tekstowe, ale także wyświetlane są odpowiednie obrazy postów. To jest dokładnie to, co jest możliwe od WordPress 5.4:

Najnowszy wkład WordPress
Najnowsze posty z obrazem postu

Inne nowe funkcje w bloku "Ostatnie posty":

  • Ustaw rozmiar obrazu dla podglądu
  • Możesz zdefiniować stałe wartości w pikselach lub użyć różnych wartości procentowych.
  • Można również regulować wyrównanie obrazu (wyrównany do lewej, wyśrodkowany, wyrównany do prawej).

Czy w podglądzie powinien być widoczny cały post, czy tylko fragment tekstu? Niektóre blogi donoszą, że ta opcja jest również nowa. Istnieje już jednak w WordPress 5.3., pod "Ustawieniami dla treści postów" .

Kolor tekstu dla poszczególnych słów i zdań

Do tej pory kolor tekstu w Gutenbergu można było zmienić tylko na kompletny akapit lub fragment. W wersji WordPress 5.4 istnieje teraz możliwość zmiany koloru pojedynczych liter, słów lub zdań:

Kolor tekstu w Gutenberg
Teraz może również stać się kolorowa we fragmentach Twoich tekstów

W tym celu należy zaznaczyć myszką odpowiedni fragment w tekście korpusu. W opcjach zaawansowanych (obok symbolu linku) znajduje się teraz pozycja "Kolor tekstu". Można tam wybrać jeden z predefiniowanych kolorów lub zdefiniować indywidualny kolor. W tym celu dostępna jest tabela kolorów RGB, jak również szesnastkowe wartości kolorów.

Inne zmiany dla użytkowników

WordPress 5.4 wnosi pod maskę wiele mniejszych poprawek, zarówno dla samego systemu, jak i dla edytora Gutenberg. Poniżej znajduje się przegląd najważniejszych punktów:

  • Dla poszczególnych bloków dostępne są teraz rozszerzone opcje kolorów i gradientów, na przykład dla bloku okładki (obraz lub wideo z nałożonym tekstem), ale także dla grup i kolumn.
  • Nawigacja w okruszkach zagnieżdżonych bloków stała się bardziej przejrzysta
  • W widoku smartfona pasek narzędzi pozostaje na wierzchu, więc nie znika z pola widzenia.
  • W bloku "Galeria" można zmienić rozmiar zdjęcia (cztery poziomy: miniatura, średni, duży, pełny rozmiar).
  • Dla tabel dostępny jest teraz podpis, dla obrazów atrybut title może być przypisany bezpośrednio w edytorze (w opcjach zaawansowanych).
  • Filmy z portalu TikTok są dostępne w edytorze bloków jako nowe źródło embedów

Dodatkowo w niektórych miejscach zoptymalizowano użyteczność strony Gutenberg , np. upraszczając wielokrotne zaznaczanie bloków czy nawigację za pomocą klawisza tabulacji. Ta ostatnia funkcja działa teraz także w ramach sidebarów bloków.

Tabela z napisami WordPress
Stół z podpisem (Caption)

Wskazówka: Jeśli szukasz informacji na temat przyszłej mapy drogowej WordPress , odwiedź blog niemieckojęzycznego projektu WordPress . Można też odwiedzić stronę https://de. wordpress.org /about/roadmap/.

Zmiany dla deweloperów

Są też nowe możliwości dla każdego, kto pracuje WordPress kulisami. Ale i więcej wydajności:

  • Zwiększona prędkość: Zespół programistów wokół edytora bloków osiągnął redukcję czasu ładowania o 14 procent, według ich własnych informacji.
  • Widżet kalendarza: Linki nawigacyjne zostały przeniesione do elementu HTML nav, który znajduje się bezpośrednio po elemencie table, dla poprawnego HTML (zgodnie ze specyfikacją 5.1).
  • Spójna semantyka: Funkcja do_shortcode() zastępuje się przez apply_shortcode() zastępuje
  • Favicons: Żądania Favicon mogą być zarządzane bardziej elastycznie, logo WordPress służy jako rozwiązanie awaryjne.
  • Error-log: Błąd w wp_login_failed są przedstawione bardziej szczegółowo

Więcej na ten temat - jak również na temat innych poprawek - można przeczytać w oficjalnym komunikacie dla WordPress 5.4. Wskazówki dotyczące testowania WordPress 5.4 można znaleźć tutaj.

Jakie masz pytania dotyczące WordPress 5.4? Zapraszamy do skorzystania z funkcji komentarza. Chcesz być informowany o nowych wpisach na WordPress ? Następnie śledź nas na Twitterze, Facebooku lub poprzez nasz newsletter.

Michael jest odpowiedzialny za publikowane u nas treści i zdrowie psychiczne. W społeczności blogowej i WordPress działa od 2007 roku. Między innymi jako współorganizator wydarzeń w branży WordPress, autor książek i doradca ds. blogów firmowych. Blogowanie sprawia mu niesamowitą przyjemność, zarówno zawodowo, jak i prywatnie. Michael pracuje i pisze zdalnie z słonecznego Freiburga.

Powiązane artykuły

Komentarze do tego artykułu

Napisz komentarz

Twój adres e-mail nie zostanie opublikowany. Pola obowiązkowe oznaczone są *.