WordPress  5.4

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

Wydanie 5.4 WordPressa zostało opublikowane 31 marca 2020 roku. Co ta wersja przynosi użytkownikom i deweloperom? Nasz przegląd: Co nowego w WordPressie i Gutenbergu.

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

Nowa funkcja WordPressa 5.4, która wyróżnia się na pierwszy rzut oka: na stronie Dashboard pojawił się nowy widget "stanu strony". Funkcja, która za nim stoi, jest już dostępna od WordPressa 5.2. Funkcja ta istnieje już od wersji 5.2 WordPressa i można ją znaleźć w backendzie w zakładce "Narzędzia". 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 wtyczek i motywów. Powinieneś zawsze je usuwać, ponieważ nawet po wyłączeniu mogą być celami 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ę od zespołu ds. hostingu WordPress.
  • 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 stanu witryny lub ulepszeń jest jeszcze możliwa do opanowania. Z pewnością zmieni się to w kolejnych wersjach. Jednak zakładka "Raport” zawiera ciekawe 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 fullscreen

Nie wiedziałeś, że Gutenberg ma tryb fullscreen? Będziesz więc zirytowany przy pierwszym otwarciu edytora w wersji 5.4. Brakuje paska tablicy rozdzielczej po lewej stronie. Ma to zalety, ale także wady:

  • Zwłaszcza na mniejszych ekranach masz teraz więcej miejsca na swoje treści
  • Podczas pisania nie rozpraszają Cię przychodzące komentarze, wtyczki, które trzeba zaktualizować 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. Jak na razie są one nazywane "Więcej narzędzi i opcji" w edytorze.
  3. Usuń zaznaczenie z opcji "Tryb pełnoekranowy".

Zachowanie - włączony lub wyłączony tryb pełnoekranowy - można również ustalić za pomocą kilku linijek 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 Block Social Icons

Dzięki tej funkcji możesz jednym kliknięciem myszy wstawiać linki lub ikony do swoich wystąpień w sieciach społecznościowych. Podstawowe opcje "Ikony społecznej":

  • Sam możesz określić typ, liczbę i kolejność ikon, a także oczywiście odpowiednie linki.
  • Dostępnych jest prawie 40 ikon lub sieci
  • Oprócz WordPressa, Twittera, Facebooka, YouTube i Instagrama są to: Dropbox, Etsy, RSS, Flickr, GitHub, LinkedIn, Pinterest, Skype, Vimeo i Spotify
  • Można też umieszczać odnośniki do innych stron internetowych (np. autorów gościnnych) lub adresy e-mail

Nieco mylące: Jeśli chcesz usunąć istniejącą ikonę, możesz to zrobić, klikając na nią, a następnie korzystając z opcji "Usuń blok". W tym przypadku nie jest usuwany cały blok, ale 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 - np. dodasz lub usuniesz poszczególne ikony społecznościowe - będziesz musiał zrobić to ponownie, gdy później zintegrujesz "ikonę społecznościową" z innym blokiem lub postem. Rozwiązanie: przekształcasz swój wynik w blok wielokrotnego użytku, a następnie używasz tylko tego bloku.

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

Gutenberg Block Buttons

Nazwa mówi sama za siebie: ten nowy blok WordPressa pozwala na zintegrowanie przycisków tekstowych z twoimi postami. Na przykład, aby pobierać e-booki lub przekierowywać do centralnych stron lądowych. 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ć, także w przypadku kolorów indywidualnych (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, takie jak target _blank

Uważni użytkownicy Gutenberga wiedzą, że istnieje już blok o nazwie "Button". Jednak nowa opcja "Buttons" oferuje 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 Gutenberga są teraz witani przez "Przewodnik powitalny". Zawiera:

  • Wprowadzenie do tego, jak działa podejście oparte na blokach
  • Podstawowe wyjaśnienia dotyczące opcji w poszczególnych blokach (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 wtedy, gdy instalujesz WordPressa lub używasz Gutenberga po raz pierwszy. 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 edytorem kodu a wizualnym).

Wstawianie obrazu postu metodą Drag & Drop

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. Obraz został już poddany edycji lub odebrany i znajduje się w folderze na komputerze
  2. Następnie przeciągnij go za pomocą myszy do obszaru "Ustaw obrazek postu" w prawym pasku bocznym Gutenberga od wersji WordPress 5.4
  3. Gotowe - przesyłanie do biblioteki mediów odbywa się automatycznie w tle

Później musisz tylko dodać informacje meta dla obrazu, jeśli to konieczne, klikając na wstawiony obraz. Albo w bibliotece mediów WordPressa. Jest to prawdopodobnie 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

Wielu czytelników chciałoby zobaczyć więcej artykułów pod twoimi wpisami. Podobnie jest z najnowszymi postami (obecnie nazywanymi "Ostatnimi postami" w Gutenberg ). Dzięki temu użytkownicy będą dłużej przebywać na Twojej stronie. Wzrastają wartości "czasu przebywania" i "liczby odsłon na wizytę" - obie te wartości są ważne 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 posta

Kolejne innowacje w bloku "Ostatnie posty":

  • Ustaw rozmiar obrazu podglądu
  • Możesz określić 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 również została dodana. Jednak istnieje ona już w WordPressie 5.3, w „Ustawieniach 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ż ubarwić fragmenty twoich tekstów

Aby to zrobić, zaznacz myszką odpowiednią część tekstu ciągłego. W opcjach zaawansowanych (obok symbolu łącza) znajdziesz pozycję "Kolor tekstu". Możesz tam wybrać jeden z predefiniowanych kolorów lub zdefiniować własny kolor. W tym celu dostępna jest tabela kolorów RGB oraz szesnastkowe wartości kolorów.

Inne zmiany

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 Breadcrumbs zagnieżdżonych bloków stała się bardziej przejrzysta
  • W widoku smartfonu pasek narzędzi pozostaje na wierzchu, więc nie znika z pola widzenia
  • W bloku "Galeria" możesz wpływać na rozmiar obrazu (cztery poziomy: obrazek podglądowy, średni, duży, pełny).
  • Tabele mają teraz podpis, a obrazom można przypisać atrybut title 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 programistó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 w sposób bardziej szczegółowy

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.

Spodobał Ci się ten artykuł?

Zostawiając opinię pomożesz nam udoskonalać publikowane przez nas treści.

Napisz komentarz

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