Elementor 3.16 – większa wydajność, elastyczna konstrukcja i większa dostępność

Ta wersja domyślnie aktywowała zaawansowaną funkcję Flexbox Container na wszystkich nowych stronach internetowych, zwiększając wydajność, elastyczność projektowania i responsywność. Wprowadza także ulepszoną kontrolę „Odstępu między elementami”, zapewniającą jeszcze większą elastyczność w przypadku kontenerów Flexbox. Co więcej, ta wersja rozróżnia widżety Flexbox i Grid Container Widget w panelu Widget i tworzy osobny widget dla każdego rodzaju kontenera.

Ponadto Twoi odwiedzający będą mogli cieszyć się znacznie krótszym czasem ładowania dzięki ulepszeniom wprowadzonym w zakresie wskaźników czasu do pierwszego bajtu (TTFB). Twoja witryna będzie również bardziej włączająca i zapewni lepsze wrażenia użytkownikom korzystającym z czytników ekranu i innych technologii wspomagających. Co więcej, widżety menu i zakładek zawierają ważną aktualizację infrastruktury, która umożliwi wdrożenie zaawansowanych funkcji w przyszłości.

Maksymalna elastyczność projektowania – aktywacja kontenerów Flexbox na nowych stronach internetowych

Zgodnie ze swoją nazwą, kontenery Flexbox są niezwykle elastyczne, umożliwiając tworzenie doskonałych pod względem pikseli, wydajnych i responsywnych witryn internetowych. Oferują dokładniejsze ustawienia pozycjonowania, umożliwiając efektywne wyrównywanie i rozmieszczanie elementów w kontenerze w celu uzyskania elastycznych układów. Na przykład możesz umieścić widżety nagłówka, obrazu i edytora tekstu w jednym kontenerze. Następnie możesz ustawić inny kierunek zginania dla każdego rozmiaru ekranu. Umożliwia to ustawienie elementów w różnej kolejności w zależności od urządzenia.

Co więcej, kontenery Flexbox obsługują zagnieżdżone widżety, co oznacza, że ​​możesz umieszczać widżety w obszarach zawartości karuzeli, menu, zakładek i widżetów harmonijkowych. Możesz na przykład użyć widżetu Harmonijka do zbudowania skomplikowanego układu zawierającego formularz kontaktowy w jednym elemencie i widżet Map Google w innym.

Począwszy od tej wersji, kontenery Flexbox będą domyślnie aktywowane we wszystkich nowych witrynach. Ta aktualizacja nie będzie miała wpływu na witryny zbudowane z sekcji i kolumn i będzie można z nich nadal korzystać, ale zalecamy korzystanie z Kontenerów, aby cieszyć się nowymi możliwościami projektowania. Jeśli tworzysz nową witrynę internetową i chcesz ją budować z sekcji i kolumn, możesz dezaktywować funkcję kontenera Flexbox, jednak nie będziesz mieć dostępu do funkcji i widżetów z funkcjami zagnieżdżonymi.

Aktywacja kontenerów Flexbox zapewni także dostęp do zestawów i szablonów opartych na kontenerach, które obejmują najpopularniejsze zestawy oparte na sekcjach przekonwertowane na kontenery, a także nowe projekty. Wyłącz funkcję kontenera Flexbox, aby używać zestawów i szablonów opartych na sekcjach.

Uważaj na odstępy między elementami – ulepszona kontrola odstępów

Nazwa kontrolki „Odstęp między elementami” została zmieniona na „Odstęp”. Sterowanie pojedynczym zakresem służące do ustawiania odstępu pomiędzy elementami wewnątrz kontenerów zostało zastąpione dwoma wejściami liczbowymi dla odstępów poziomych i pionowych. Dzięki temu można ustawić różne wartości odstępów poziomych i pionowych, co umożliwia precyzyjne ustawienie każdego elementu. Odstępy można ustawić oddzielnie lub połączyć ze sobą. Dodatkowo odstępy można ustawić według różnych jednostek, takich jak piksele, procent, EM, REM i VW.

Przedstawiamy widżet kontenera siatki

Kontenery siatki to potężne narzędzie do tworzenia układów wieloelementowych w jednym kontenerze przypominającym siatkę. Ta wersja zapewnia kontenerom Grid własne widżety w panelu widżetów, umożliwiając bezpośredni dostęp do kontenera Grid bez konieczności przeciągania kontenera Flexbox i zmiany jego typu.

Jeśli przeciągniesz kontener Flexbox do edytora, automatycznie utworzy on kontener Flexbox, a jeśli przeciągniesz kontener Grid do edytora, zacznie on działać jako kontener Grid. Nadal możesz zmienić każdy kontener na inny typ, korzystając z menu rozwijanego Układ kontenera w sekcji Układ.

Przyspiesz swoją witrynę dzięki szybszemu TTFB

Wersja 3.16 skraca czas ładowania pierwszego bajtu (TTFB) o 5–20% w witrynach zbudowanych za pomocą Elementor Core i do 40% w witrynach zbudowanych za pomocą Elementor Pro, w zależności od złożoności strony. Dzięki temu odwiedzający będą mogli szybciej i płynniej korzystać z witryny, a Twoje treści będą dostarczane szybciej niż kiedykolwiek. Znaczącą poprawę wydajności frontendu osiągnięto poprzez modyfikację warunków wyświetlania w Edytorze. Modyfikacje te poprawiają czas do pierwszego bajtu (TTFB), kluczową metrykę pomiaru czasu konfiguracji połączenia i responsywności serwera WWW.

Udoskonalenia dostępności

Elementor umożliwia tworzenie bardziej włączających i dostępnych stron internetowych. Ta wersja zawiera szereg ważnych ulepszeń w zakresie ułatwień dostępu, które ułatwią odwiedzającym korzystającym z czytników ekranu i innych technologii wspomagających korzystanie z Twoich treści. Na przykład udoskonalono widżety z wieloma elementami i łączami, takie jak Pole Ikon lub Pole Obrazu. Czytniki ekranu skanujące te widżety raz przeczytają link przypisany do każdego elementu w widgecie. Zapobiegnie to wielokrotnemu powtarzaniu tego samego łącza przez czytniki ekranu i niepotrzebnemu marnowaniu czasu.

Innym przykładem jest ulepszenie wprowadzone w Widgecie Postów. Czytniki ekranu będą skupiać się wyłącznie na tytułach postów i ignorować nieistotne treści wizualne, takie jak wezwania do działania „Przeczytaj więcej” i teksty alternatywne prezentowanych obrazów. Poprawi to komfort odwiedzających podczas przeglądania widżetu wpisu za pomocą technologii wspomagających. Więcej informacji na temat ulepszeń dostępności znajdziesz na blogu deweloperów.

Aktualizacja widżetów menu i zakładek

Widżety Menu i Zakładki mają ulepszoną infrastrukturę, która tworzy ujednolicony kod dla tytułów Pozycji Menu i Zakładek, ustawiony dla wszystkich rozmiarów ekranu. Jest to ważne uaktualnienie, które usuwa zduplikowany kod, gdy widżety otrzymają ustawienia responsywne, i umożliwia wdrożenie zaawansowanych funkcji w przyszłych wersjach. Widżety menu i zakładek są również bardziej dostępne.

Uwaga: ta aktualizacja będzie miała zastosowanie również do istniejących widżetów menu i zakładek i może spowodować uszkodzenie wyglądu tytułów w tym widżecie, jeśli zastosowano do nich niestandardowy CSS.

Usprawnij współpracę dzięki notatkom na górnym pasku

Do górnego paska dodano ikonę funkcji Notatki. Ułatwia to współpracę z członkami zespołu i klientami, umożliwiając otwarcie trybu Notatki bezpośrednio w Edytorze.

Spraw, aby Twoje strony internetowe były szybsze, bardziej elastyczne i dostępne

Wersja 3.16 zwiększa wydajność i dostępność Twojej witryny internetowej i stanowi znaczący krok naprzód w tworzeniu układu. Aktywacja kontenerów Flexbox w nowych witrynach to świetna okazja, aby wyprzedzić konkurencję i zacząć korzystać z kontenerów w celu tworzenia bardziej elastycznych i wydajnych responsywnych układów.

Aktualizacja witryny skróci także czas ładowania odwiedzających o 5–20%, w zależności od złożoności Twoich stron. Dodatkowo ta wersja sprawi, że Twoja witryna będzie bardziej dostępna dla odwiedzających korzystających z czytników ekranu i technologii wspomagających.

Aby poznać te nowe funkcje, zaktualizuj Elementor do wersji 3.16 i daj nam znać, jak planujesz używać ich w swojej witrynie.