W swojej najnowszej wersji Elementor 3.16 wprowadził kilka godnych uwagi ulepszeń dla twórców stron internetowych i właścicieli witryn. Domyślnie kontenery Flexbox są teraz aktywowane na wszystkich nowych stronach internetowych, co znacznie zwiększa zarówno wydajność, jak i elastyczność projektowania. Ta aktualizacja wprowadza również ulepszoną kontrolę „Odstępu między elementami”, zapewniając użytkownikom jeszcze większą elastyczność podczas pracy z kontenerami Flexbox.
Jednym z kluczowych ulepszeń w tej wersji jest wyraźne rozróżnienie pomiędzy widżetami Flexbox i Grid Container Widget w panelu Widget. To zróżnicowanie skutkuje oddzielnymi widżetami dla każdego typu kontenera, usprawniając proces projektowania i poprawiając ogólne wrażenia użytkownika.
Co więcej, odwiedzający witrynę skorzystają z zauważalnie krótszego czasu ładowania, dzięki optymalizacji dokonanej w zakresie wskaźników czasu do pierwszego bajtu (TTFB). Ta aktualizacja kładzie również duży nacisk na dostępność, zapewniając bardziej włączające doświadczenie użytkownikom korzystającym z czytników ekranu i innych technologii wspomagających.
Warto zauważyć, że widżety menu i zakładek przeszły istotne aktualizacje infrastruktury, przygotowując grunt pod wdrożenie zaawansowanych funkcji w przyszłych wersjach. Te ulepszenia razem sprawiają, że Elementor 3.16 jest cenną aktualizacją zarówno dla nowych, jak i istniejących witryn internetowych.
Twórz niesamowite strony internetowe
Z najlepszym darmowym kreatorem stron Elementor
Zacząć terazOdblokowanie maksymalnej swobody projektowania: umożliwienie kontenerów Flexbox dla nowych stron internetowych
Kontenery Flexbox zasługują na swoją nazwę, oferując niezwykły stopień elastyczności. Dają projektantom możliwość tworzenia witryn internetowych, które są nie tylko doskonałe pod względem pikseli, ale także wydajne i responsywne. Dzięki precyzyjnym opcjom pozycjonowania kontenery Flexbox upraszczają porządkowanie i dystrybucję przedmiotów w kontenerze, dzięki czemu tworzenie elastycznych układów jest dziecinnie proste. Weźmy na przykład możliwość umieszczenia widżetów nagłówka, obrazu i edytora tekstu w jednym kontenerze. Jeszcze bardziej imponująca jest możliwość ustawienia różnych kierunków zginania dla różnych rozmiarów ekranu, co pozwala na płynną zmianę kolejności elementów w zależności od urządzenia.
Co więcej, kontenery Flexbox są wyposażone w obsługę zagnieżdżonych widżetów, umożliwiając umieszczanie widżetów w obszarach zawartości karuzeli, menu, zakładek i widżetów harmonijkowych. Rozważ możliwość wykorzystania widżetu Accordion do tworzenia skomplikowanych układów, obejmujących formularz kontaktowy w jednym elemencie i widżet Map Google w innym.
Istotną zmianą w tym zakresie jest to, że od tej wersji kontenery Flexbox będą automatycznie włączane dla wszystkich nowych witryn internetowych. Ta zmiana nie będzie miała wpływu na istniejące witryny zbudowane przy użyciu sekcji i kolumn, z których można nadal korzystać. Jednak zdecydowanie zaleca się korzystanie z kontenerów, aby w pełni wykorzystać nowe możliwości projektowania. Jeśli rozpoczynasz tworzenie nowej witryny internetowej i zamierzasz pozostać przy sekcjach i kolumnach, masz możliwość dezaktywacji funkcji kontenera Flexbox, chociaż oznacza to utratę dostępu do funkcji i widżetów z zagnieżdżonymi możliwościami.
Aktywacja kontenerów Flexbox odblokowuje także dostęp do zestawów i szablonów opartych na kontenerach, obejmujących popularne zestawy oparte na sekcjach, które zostały dostosowane do kontenerów, a także zupełnie nowe opcje projektowania. I odwrotnie, jeśli wolisz pozostać przy zestawach i szablonach opartych na sekcjach, po prostu wyłącz funkcję kontenera Flexbox.
Ulepszona kontrola przerw
W najnowszej aktualizacji programiści usprawnili interfejs użytkownika, upraszczając terminologię. Element sterujący znany wcześniej jako „Odstęp między elementami” jest teraz nazywany po prostu „Odstępem”. Ta zmiana ułatwia użytkownikom zrozumienie jej celu. Co więcej, wprowadzono zauważalne ulepszenie sposobu dostosowywania odstępów między elementami w kontenerach.
Wcześniej załatwiało to jedno sterowanie zakresem, ale teraz znajdziesz dwa różne wejścia liczbowe — jedno dla przerw poziomych i drugie dla przerw pionowych. Ta zmiana otwiera świat precyzji, ponieważ możesz precyzyjnie dostroić położenie każdego elementu z najwyższą dokładnością. Dawno minęły czasy jednolitych luk; teraz masz możliwość ustawienia różnych wartości odstępów poziomych i pionowych, dostosowując swój projekt do perfekcji.
Kolejną ekscytującą funkcją jest możliwość dostosowania jednostek, w których definiujesz te luki. Niezależnie od tego, czy wolisz piksele, wartości procentowe, EM, REM czy VW, masz możliwość ustawienia odstępów zgodnie z wymaganiami projektu. Chodzi o to, aby zapewnić Ci swobodę twórczą i kontrolę, których potrzebujesz, aby Twoje projekty wyróżniały się.
Widżet kontenera siatki
W dziedzinie projektowania stron internetowych i zarządzania układem kontenery Grid stają się potężnym narzędziem, oferującym środki do tworzenia skomplikowanych, wieloelementowych aranżacji w pojedynczej obudowie przypominającej siatkę. Najnowsza wersja wprowadza ulepszenie, które zapewnia kontenerom Grid ich własną obecność w panelu widżetów. Ta nowo odkryta integracja zapewnia użytkownikom wygodę bezpośredniego dostępu do kontenerów Grid, eliminując potrzebę uciekania się do bardziej skomplikowanego procesu przeciągania kontenera Flexbox i późniejszej modyfikacji jego typu.
Przepływ pracy został usprawniony dla wygody użytkownika. Gdy użytkownik wstawi kontener Flexbox do edytora, system płynnie utworzy jego instancję jako taką, natomiast wprowadzenie kontenera Grid natychmiastowo pokaże układ siatki. Należy jednak zauważyć, że ta elastyczność wykracza poza zwykłą selekcję wstępną. Użytkownicy mogą konwertować dowolny typ kontenera na alternatywny za pomocą menu rozwijanego Układ kontenera w sekcji Układ. Taka możliwość dostosowania zapewnia projektantom swobodę twórczą w zakresie precyzyjnego dostosowywania układów do własnych specyfikacji.
Szybsze przyspieszenie dzięki TTFB
Najnowsza aktualizacja popularnego narzędzia do tworzenia stron WordPress, Elementor, obiecuje znaczną poprawę czasu ładowania witryny. Wersja 3.16, wydana w czwartek, 21 września 2023 r., wydłuża czas do pierwszego bajtu (TTFB) o 5–20% w przypadku witryn korzystających z bezpłatnego Elementora Core i do 40% w przypadku witryn korzystających z Elementora Pro, w zależności od złożoności strony . Ta aktualizacja zapewni szybsze i płynniejsze korzystanie z witryny osobom odwiedzającym witrynę, dostarczając treści szybciej niż kiedykolwiek wcześniej.
Znaczący wzrost wydajności frontendu uzyskano poprzez modyfikację warunków wyświetlania w edytorze Elementora. Te zmiany w sposobie renderowania treści przez Elementor w interfejsie edytora prowadzą do ulepszonego TTFB, który jest kluczową miarą pomiaru szybkości, z jaką witryna wysyła pierwszy bajt danych do użytkowników. Udoskonalając swój edytor, Elementor umożliwia witrynom szybsze dostarczanie treści, jednocześnie zapewniając całą bogatą funkcjonalność projektową, która uczyniła kreator tak popularnym.
Poprawiona dostępność
Najnowsza wersja popularnego narzędzia do tworzenia stron WordPress Elementor zawiera kilka znaczących ulepszeń w zakresie dostępności i integracji stron internetowych. Zgodnie z ogłoszeniem z czwartku, 21 września 2023 r., wersja 3.16 ułatwia odwiedzającym korzystającym z czytników ekranu i innych technologii wspomagających dostęp do zawartości witryny.
Na przykład udoskonalono widżety takie jak Icon Box i Image Box, które zawierają wiele elementów i łączy. Teraz, gdy czytnik ekranu skanuje te widżety, odczyta każde unikalne łącze tylko raz, zamiast powtarzać te same linki. Ta aktualizacja zapobiega marnowaniu czasu użytkowników czytników ekranu na powielanie informacji.
Widget Posty również został ulepszony pod względem dostępności. Czytniki ekranu będą teraz skupiać się wyłącznie na tytułach postów w tym widżecie, ignorując wszelkie niepotrzebne dodatkowe treści, takie jak wezwania do działania „Przeczytaj więcej” i tekst alternatywny obrazu. Usprawnienie czytania w ten sposób poprawia dostępność witryny dla osób niedowidzących przeglądających posty za pomocą technologii wspomagających.
Ogólnie rzecz biorąc, te przemyślane ulepszenia Elementora umożliwiają twórcom tworzenie witryn internetowych, które są bardziej włączające i przyjemne dla wszystkich użytkowników, niezależnie od ich umiejętności. Ulepszenia pomagają zapewnić wydajne i skuteczne dostarczanie zawartości witryny użytkownikom korzystającym z czytników ekranu i innych technologii wspomagających.
Zaktualizowane widżety menu i zakładek
Najnowsza wersja Elementora zawiera ukryte ulepszenia infrastruktury obsługującej widżety Menu i Karty. Zgodnie z ogłoszeniem z czwartku, 21 września 2023 r., wersja 3.16 aktualizuje te widżety, aby wygenerować ujednolicony kod dla tytułów pozycji menu i kart dla wszystkich rozmiarów ekranu.
To uaktualnienie eliminuje zduplikowany kod, który mógł wystąpić podczas stosowania ustawień responsywności do tych widżetów w poprzednich wersjach. Konsolidacja bazy kodu zaplecza toruje również drogę do wdrożenia zaawansowanych funkcji dla tych widżetów w przyszłości.
Oprócz ulepszeń w kodowaniu widżety Menu i Karty są teraz ogólnie bardziej dostępne. Jednakże ujednolicenie kodu tytułu może potencjalnie zepsuć istniejące projekty widżetów, jeśli w przeszłości do tytułów zastosowano niestandardowy CSS.
Ulepszenia tych powszechnie używanych widżetów pokazują zaangażowanie Elementora w aktualizowanie swoich podstawowych widżetów. Chociaż zmiany mogą wymagać od programistów ponownego sprawdzenia niestandardowego CSS, kładą podwaliny pod lepszą responsywność i dostępność w przyszłości. W przypadku większości użytkowników aktualizacje powinny przebiegać bezproblemowo i zapewniać lepsze wrażenia na różnych ekranach.
Podsumowanie
Ogólnie rzecz biorąc, najnowsza wersja stanowi znaczny postęp w tworzeniu szybszych, bardziej responsywnych i dostępnych stron internetowych. Ponieważ Elementor nadal udoskonala swoje podstawowe funkcje, programiści powinni rozważyć aktualizację, aby odblokować potencjał kontenerów, zwiększyć wydajność i poprawić dostępność. Poznawanie tych nowatorskich dodatków do popularnego narzędzia do tworzenia stron może pomóc witrynom utrzymać czołową pozycję w projektowaniu, zapewniając jednocześnie doskonałe doświadczenia wszystkim odwiedzającym.
