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

8 Min.
WordPress  5.4
Ostatnio zaktualizowany na

WordPress 5.4 Publikacja została opublikowana 31 marca 2020 r. Jakie są korzyści z wydania dla użytkowników i deweloperów? Nasz przegląd: Jest to nowość w WordPress i Gutenberg.

WordPress coraz bardziej porządkuje swój edytor Gutenbergi udostępnia mu nowe funkcje. Przed przejściem do kolejnych etapów rozwoju - tj. w kierunku współpracy i Wielojęzyczność. Niektóre nowe funkcje mogą powodować zamieszanie wśród użytkowników, należy być na to przygotowanym. Podsumowujemy wszystkie ważne dla Ciebie zmiany.

Widget: Stan strony internetowej

Innowacyjność WordPress 5.4, co jest zauważalne na pierwszy rzut oka: W desce rozdzielczej znajduje się teraz nowy widget na "stan strony". Funkcja, która za nim stoi, jest już dostępna od WordPress 5.2. można je znaleźć na zapleczu pod "Narzędzia". Dzięki nowemu centralnemu umieszczeniu, wielu użytkowników prawdopodobnie dowie się o tym po raz pierwszy:

Stan strony internetowej
Nowy widżet

Idea funkcji: administratorzy, ale także użytkownicy WordPress powinni być świadomi ewentualnych słabości instalacji. Podobnie, spojrzenie na szczegóły połączone w widżecie oferuje sugestie poprawy lub wskazówki dotyczące możliwych luk w zabezpieczeniach. Na przykład te:

  • Lista nieaktywnych Pluginsi Themes. Należy je zawsze usuwać, ponieważ nawet w stanie nieaktywnym są one nadal cel hakerski może być.
  • Sugestie dotyczące modułów PHP, które powinny być zainstalowane na Twoim serwerze. W przeciwnym razie może on działać WordPress powoli lub może brakować niektórych funkcji. Patrz ta lista z WordPress Hosting-Zespoły.
  • Ostrzeżenie, jeśli Twoja witryna nie korzysta jeszcze z połączenia HTTPS.

Zwłaszcza szyfrowanie poprzez SSL jest absolutną koniecznością dla każdej profesjonalnej obecności w sieci. Na przykład przez Szyfrujmy. Google wymaga również bezpiecznego połączenia, w przeciwnym razie Twoja strona straci ranking i odwiedzających. W idealnym przypadku certyfikaty SSL są dołączone do pakietu hostingowego - obniża twoje wydatki.

Do tej pory można zarządzać funkcjonalnością stanu strony internetowej sekcji lub ulepszeń. Z pewnością zmieni się to w przyszłych wersjach. Jednak zakładka "Raport" zawiera interesujące informacje:

WordPress  Konfiguracja
Konfiguracja WordPress

Dzięki temu uzyskasz wiele szczegółów na temat swojej konfiguracji WordPress i WooCommerce. Możesz je wyeksportować, na przykład jako pomoc dla swojego WordPress -Dostawca usług. Lub do rozwiązywania problemów dla programistów Pluginsi Themes.

Gutenberg w trybie pełnoekranowym

Nie wiedziałeś, że ma Gutenbergtryb pełnoekranowy? Wtedy będziesz zirytowany przy pierwszym wywołaniu edytora w wersji 5.4. Bo tam po lewej stronie brakuje paska deski rozdzielczej. Ma to zalety, ale i wady:

  • Zwłaszcza na mniejszych ekranach masz teraz więcej miejsca na swoje treści
  • Nie będziesz się rozpraszał przychodzącymi komentarzami, aktualizacjami Pluginsitp. podczas pisania
  • Jednocześnie, w niektórych procesach brakuje paska bocznego

Ostatni punkt zwalnia, zwłaszcza jeśli podczas aktualizacji tekstów musisz przełączać się między przeglądem postów a edytorem. Albo jeśli chcesz zadzwonić na chwilę do biblioteki medialnej.

Gutenberg Fullscreen
Gutenberg w trybie pełnoekranowym

Tryb pełnoekranowy przynosi efekt przeciwny do zamierzonego? Następnie można przywrócić stary znajomy widok w następujący sposób:

  1. Przejdź do opcji zaawansowanych (Gutenbergtrzy pionowe kropki obok symbolu przekładni w prawym górnym rogu)
  2. Na razie są one nazywane w edytorze "Więcej narzędzi i opcji".
  3. Usuń znak zaznaczenia w "Trybie Pełnoekranowym".

Zachowanie - tryb pełnoekranowy włączony lub wyłączony - można zmienić za pomocą kilku linii JavaScript nawet Profesor:

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

Za pomocą tej funkcji można dodawać linki lub ikony do swoich występów w serwisach społecznościowych za pomocą jednego kliknięcia myszką. Podstawowe opcje Ikony Społecznej:

  • Rodzaj, liczbę i kolejność ikon można określić samodzielnie, jak również linki.
  • Dostępnych jest prawie 40 ikon lub sieci
  • Poza tymWordPress , Twitter, Facebook, YouTube lub Instagram to np. Dropbox, Etsy, RSS, Flickr, GitHub, LinkedIn, Pinterest, Skype, Vimeo lub Spotify.
  • Można również umieszczać linki do innych stron internetowych (np. autorów gości) lub do adresów e-mailowych

Trochę mylące: Jeśli chcesz usunąć poprzednią ikonę, możesz to zrobić klikając na nią, a następnie wybierając opcję "Usuń blok". Nie spowoduje to skasowania całego bloku, a jedynie odpowiedni wpis:

Usuń Przycisk Społeczny Gutenberg
Usuń przyciski socjalne w Gutenberg

Twój utworzony 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 umieścisz "ikonę społecznościową" w innym bloku lub pościele. Rozwiązanie: Konwertujesz swój wynik na blok wielokrotnego użytku, a następnie używasz tylko tego bloku.

Wskazówka: Wielu użytkowników nie jest jeszcze zaznajomionych z funkcją "bloki wielokrotnego użytku". Jest to niezwykle praktyczne: kiedy na przykład Google+ zniknął, wystarczyło tylko dostosować zmianę w elemencie wielokrotnego użytku. Odbywa się to automatycznie w odpowiednich blokach poszczególnych postów.

Gutenberg Przyciski blokowe

Nazwa mówi wszystko: Ten nowy WordPress blok pozwala na umieszczenie w postach przycisków tekstowych. Na przykład, aby pobrać e-booki lub przekazać je do centrali strony docelowe. Przyciski można dostosować w następujący sposób:

  • Różne style (całkowicie wypełnione kolorem lub tylko zarysem)
  • Kolor tła i tekstu można dowolnie wybierać, również za pomocą kolorów indywidualnych (poprzez szesnastkowe wartości kolorów)
  • Tło monochromatyczne lub z gradientem (witają dzikie czasy projektowania stron internetowych)
  • Ustawienia krawędzi (promień narożnika)
  • Opcje połączeń, takie jak target _blank

Uważni użytkownicy Gutenbergwiedzą, że istnieje już blok o nazwie "Button". Jednak nowa opcja "Przyciski" oferuje znacznie więcej opcji:

Gutenberg Przyciski
Gutenberg Przyciski z nachyleniem i krzywiznami

Dodatkowo, możliwe jest teraz wstawienie kilku przycisków jeden po drugim bez niszczenia układu. Kolejność przycisków można zmienić za pomocą metody "przeciągnij i upuść".

Uwaga: Pierwotnie punkt WordPress 5.4 miał na celu zapewnienie nowa nawigacja blokowa aby wstawić menu nawigacyjne również do treści strony lub postu. Jednakże korekta ta została zmieniona na na późniejszym etapie Odłożone.

Ekran: Witamy w redakcji bloku

Podobnie jak w przypadku "Welcome Guide", użytkownicy WooCommercesą teraz również witani przez Gutenberg"Welcome Guide". To zawiera:

  • Wprowadzenie do sposobu funkcjonowania podejścia blokowego
  • Podstawowe objaśnienie opcji na blok (np. kolor, szerokość, wyrównanie)
  • Uwagi dotyczące biblioteki blokowej

Odniesienie na końcu prowadzi do instrukcji dla Gutenberg. Jest to jednak w języku angielskim.

Gutenberg ekran powitalny
Przewodnik powitalny od Gutenberg

Jeśli jeszcze nie pracowałeś z nowym edytorem, polecamy następujące źródłaWordPress :

Dla administratorów przewodnik nie jest niczym nowym, ale dla czystych użytkowników i redaktorów może być interesujący. Powinni szybciej Gutenbergsię z nim odnaleźć. Może to również zmniejszyć twoje starania o wsparcie jako administratora.

Wskazówka: Przewodnik powitalny uruchamia się automatycznie dopiero po jego WordPress instalowaniu lub Gutenberg pierwszym użyciu. Chcesz go uruchomić ręcznie? Można to zrobić w ogólnych opcjach w zakładce Narzędzia -> Przewodnik powitalny (w punkcie, w którym można przełączać się między edytorem kodu a edytorem wizualnym).

Włóż obrazek wkładu metodą "przeciągnij i upuść

Czasami to właśnie małe zmiany sprawiają, że użytkownicy są WordPress szczęśliwi. W wersji 5.4 można przesłać obraz postu metodą "przeciągnij i upuść". Przykład:

  1. Obraz został już przetworzony lub wysłany, 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 - wgrywanie do biblioteki mediów odbywa się automatycznie w tle

Następnie należy wprowadzić tylko metadane dla danego obrazu, w razie potrzeby poprzez kliknięcie na wstawiony obraz. Albo w bibliotece medialnej w WordPress . Może to być największe "niebezpieczeństwo" związane z nową, wygodną opcją: odbywa się to kosztem atrybutów, które mogą być ważne dla Twojego SEO.

Zoptymalizowany blok Ostatnie wkłady

Wyświetlanie większej ilości artykułów pod swoimi postami na blogu to funkcja, z której wielu czytelników lubi korzystać. Podobnie jest z najnowszymi postami (obecnie nazywanymi "Latest GutenbergPosts"). W ten sposób Twoi użytkownicy dłużej pozostają na Twojej stronie. Wartości "długość pobytu" i "odsłony na jedną wizytę" wzrastają - obie są ważnymi kluczowymi wartościami dla Optymalizacja 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:

Najnowsze stanowiska WordPress
Najnowsze informacje z obrazem wkładu

Inne nowe funkcje w bloku "Ostatnie posty":

  • Ustawianie wielkości obrazu dla miniaturki
  • Można zdefiniować stałe wartości w pikselach lub użyć różnych rozmiarów procentowych
  • Wyrównanie obrazu może być również regulowane (wyrównanie w lewo, wyśrodkowanie, wyrównanie w prawo)

Czy podgląd powinien pokazywać cały artykuł, czy tylko fragment tekstu? Niektóre blogi informują, że opcja ta została również dodana. Jednak jest on już dostępny w punkcie 5WordPress .3, w sekcji "Ustawienia treści publikowanych" .

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ę kolorowy w częściach twoich tekstów

W tym celu należy zaznaczyć myszką odpowiednią część w tekście ciągłym. W opcjach zaawansowanych (obok symbolu linku) znajduje się teraz pozycja "Kolor tekstu". Tam można wybrać jeden z predefiniowanych kolorów lub zdefiniować indywidualny kolor. Do tego celu można wykorzystać tabelę kolorów RGB oraz szesnastkowe wartości kolorów.

Inne zmiany dla użytkowników

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

  • Dla poszczególnych bloków są teraz rozszerzone Opcje kolorystyczne i gradientowedla bloku okładki (obraz lub film z nakładanym tekstem), ale także dla grup i kolumn
  • Nawigacja w bułce tartacznej zagnieżdżonych bloków jest bardziej przejrzysta.
  • W widoku smartphone'a pozostaje pasek narzędzi na górzewięc nie jest już nieostrożna.
  • W bloku "Galeria" można wpływać na wielkość obrazu (cztery poziomy: podgląd obrazu, średni, duży, pełny rozmiar)
  • Dla tabel dostępny jest teraz podpis ("podpis"), dla zdjęć można przypisać atrybut tytułu bezpośrednio w edytorze (pod opcjami zaawansowanymi)
  • Filmy wideo z portalu TikTok są dostępne w edytorze bloków jako nowe źródło osadzania.

Ponadto, użyteczność została Gutenbergzoptymalizowana w niektórych miejscach, na przykład poprzez ułatwienie wyboru wielu bloków lub nawigacji za pomocą klawisza zakładki. Ta ostatnia działa teraz również w obrębie pasów bocznych bloków.

Tabela podpisów WordPress
Tabela z podpisem (podpis)

Wskazówka: Jeśli szukasz informacji na temat przyszłej mapy drogowej w zakresieWordPress blog WordPress projektu w języku niemieckim. Albo strona https://de.wordpress.org/około/ mapa drogowa/.

Zmiany dla deweloperów

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

  • Większa szybkość: Zespół ds. rozwoju wokół edytora bloku opracował, zgodnie z własnymi stwierdzeniami, projekt Skrócenie czasu załadunku z 14% osiągniętych
  • Widżet kalendarza: łącza nawigacyjne są przenoszone do elementu Nav HTML, który bezpośrednio podąża za elementem tabeli, dla poprawnego HTML (zgodnie ze specyfikacją 5.1)
  • Jednolita semantyka: Funkcja do_shortcode() jest reprezentowany przez apply_shortcode() zastąpiony przez
  • Favicons: Zapytania o favicon mogą być zarządzane bardziej elastycznie, WordPress logo służy jako rozwiązanie awaryjne
  • Dziennik błędów: Błąd w wp_login_failed są bardziej szczegółowe

Więcej na ten temat, jak również na temat innych zmian, można przeczytać w dziale oficjalne ogłoszenia do WordPress 5.4 czytaj dalej. Uwagi dotyczące testów WordPress 5.4 znajdziesz tutaj.

Jakie pytania dotyczą WordPress 5.4 masz? Można skorzystać z funkcji komentarza. Chcesz wiedzieć o nowych stanowiskach do WordPress być informowanym? Następnie podążaj za nami TwitterFacebook albo o naszym Newsletter.

Artykuły pokrewne

Komentarze do tego artykułu

Napisz komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola oznaczone są * Zaznaczone.