Nowość w Elementorze 3.17 — poprawa wrażeń odwiedzających dzięki AJAX, szybszym stronom internetowym i nie tylko

W tej wersji wprowadzono długo oczekiwane ładowanie AJAX dla sieci pętli, które umożliwia zmianę paginacji bez konieczności ponownego ładowania całej strony. Optymalizuje także ładowanie obrazów, zwiększając wydajność Twojej witryny. Nowy widget oceny zwiększa elastyczność przesyłania niestandardowego pliku SVG i wybierania dowolnej skali ocen. Co więcej, ulepszenia Mega Menu umożliwiają przewijanie w poziomie menu, które nie minimalizują się do „Układu Hamburgera”.

Motyw Hello został zaktualizowany do wersji 2.9 i zawiera nową stronę Ustawienia, która umożliwia wyłączenie wbudowanych funkcji motywu w celu poprawy wydajności witryny.

[PRO] Przedstawiamy technologię AJAX dla sieci pętlowych — umożliwiające płynne ładowanie treści

Z radością prezentujemy czwartą najbardziej pożądaną funkcję w GitHub: ładowanie AJAX dla Loop Grids. AJAX, czyli asynchroniczny JavaScript i XML, sprawia, że ​​korzystanie z Twojej witryny jest płynniejsze, ładując nową treść w siatce pętli bez ponownego ładowania całej strony.

Paginacja siatki pętli AJAX

Odwiedzający mogą teraz przełączać się między stronami Twojego wpisu bez konieczności ponownego ładowania całej strony. Kliknięcie elementu paginacji siatki Loop Grid powoduje jedynie ponowne załadowanie zawartości siatki, co ułatwia odwiedzającym płynniejsze przeglądanie listy produktów lub postów. Paginacja AJAX przypisuje także każdej stronie Twojego wpisu własny parametr adresu URL, ułatwiając odwiedzającym zapisywanie lub udostępnianie łączy do określonych stron wpisów. Na przykład, jeśli tworzysz blog z przepisami, odwiedzający mogą bez wysiłku przeglądać listę przepisów i udostępniać lub zapisywać linki do stron zawierających przepisy, które im się podobały.

Kontrola „Autoprzewijania” to kolejna funkcja ładowania AJAX. Włączenie automatycznego przewijania powoduje automatyczne przewinięcie do góry siatki, gdy odwiedzający zmienią paginację. Jeśli używasz filtra taksonomii, możesz ustawić wartość przesunięcia efektu automatycznego przewijania, aby pasek filtra był widoczny.

Indywidualna paginacja dla siatek pętli i widgetów postów

W poprzednich wersjach zmiana paginacji wpisu wpływała na paginację innych wpisów na tej samej stronie. Na przykład, jeśli zarówno siatka pętli, jak i widżet postów zostały umieszczone na tej samej stronie, wybranie trzeciej strony jednego z nich spowoduje również załadowanie trzeciej strony drugiego. Jednak dzięki funkcji indywidualnej paginacji odwiedzający mogą teraz zmieniać paginację wpisu bez wpływu na inne siatki pętli i widżety postów na stronie. Na przykład w blogu z przepisami możesz dodać siatkę pętli wyświetlającą przepisy wegetariańskie wraz z siatką pętli lub widżetem postów wyświetlającym listę wszystkich Twoich postów. Odwiedzający mogą niezależnie zmieniać paginację Widgetu Poczty lub Siatki Pętli.

Popraw wydajność witryny dzięki szybszemu LCP

Elementor 3.17 sprawia, że ​​Twoja witryna jest jeszcze szybsza dzięki dwóm funkcjom, które przyspieszają jej ładowanie.

Zoptymalizuj ładowanie obrazu

Pierwsza aktualizacja wydajności w tej wersji jest wynikiem współpracy Elementora z przeglądarką Chrome w celu zidentyfikowania możliwości poprawy wydajności stron internetowych stworzonych przez Elementor. Współpraca polega na korzystaniu z narzędzi Google, takich jak raport dotyczący użytkowania przeglądarki Chrome i raport dotyczący technologii Core Web Vitals. Jednym z rezultatów korzystania z tych narzędzi jest decyzja Google o dodaniu funkcji „Optymalizuj ładowanie obrazu” do podstawowej wtyczki Elementora.

Ta eksperymentalna funkcja poprawia szybkość interfejsu, nadając priorytet ładowaniu obrazów w oparciu o rozmieszczenie obrazów na stronie. Wykrywa, który obraz najprawdopodobniej będzie „obrazem LCP”, największym treściwym elementem farby w rzutni, i ustala priorytet jego ładowania za pomocą wskazówek dotyczących priorytetów.

Eksperyment dotyczy również leniwego ładowania obrazów, które początkowo nie były wyświetlane w rzutni, i ładuje je, gdy tylko się pojawią. Zmiany te poprawiają metrykę LCP Core Web Vital o 5-10%, w zależności od złożoności strony. Dlatego strony zawierające dużo obrazów będą cieszyć się jeszcze większym wzrostem wydajności. Ta funkcja działa również w witrynach Elementor działających na starszych wersjach WordPress, które nie zawierają aktualizacji wykrywania LCP.

Ładowanie zasobów Gutenberga

Druga aktualizacja wydajności zwiększa szybkość interfejsu Twojej witryny, wykluczając style i skrypty Gutenberga, gdy nie są używane. Ten eksperyment poprawia wskaźnik LCP Twojej witryny, wykrywając, kiedy Gutenberg nie był używany do tworzenia strony lub generowania jej zawartości. Dzięki temu Elementor może uniknąć ładowania niepotrzebnego kodu.

Nowy widżet oceny zapewniający elastyczność projektowania

W Elementorze 3.17 wprowadzono nowy widget ocen, oferujący większą elastyczność w personalizowaniu wizualnych skal ocen produktów, treści i nie tylko. Możesz wizualnie przedstawić swoją ocenę za pomocą ikon Font Awesome lub przesyłając własny plik SVG. Na przykład w przypadku recenzji muzycznej możesz użyć pliku SVG, aby przyznać nowemu albumowi ocenę 5 z 5 złotych płyt.

Widżet oceny rozszerza zakres skal ocen dostępnych w widgecie oceny gwiazdek. Zamiast ograniczać się do skali 0–5 lub 0–10, możesz teraz ustawić skalę ocen od zera do dowolnej liczby, która odpowiada Twoim wymaganiom. Na przykład możesz przyznać albumowi ocenę 3 z 3 lub 7 z 7 złotych płyt. W celu ułatwienia użycia menu rozwijane Skala ocen zostało zastąpione zakresem.

Co więcej, widget oceny poprawia ranking SEO Twojej witryny dzięki ulepszonemu atrybutowi schematu. Zastępuje on widżet oceny gwiazdkowej w panelu widżetów, ale wszelkie istniejące oceny w postaci gwiazdek w witrynie pozostaną niezmienione.

Przewijanie poziome dla widżetu menu

Elementor 3.17 oferuje większą elastyczność projektowania podczas tworzenia menu. Do tej pory, gdy odwiedzający zmieniali rozmiar swojego widocznego obszaru, menu zmieniało rozmiar na „układ rozwijany” (znany również jako „menu hamburgera”). Dzięki nowym aktualizacjom widżetu menu możesz zapobiec zmianie rozmiaru menu, przechodząc do ustawień responsywności, otwierając menu rozwijane oznaczone „Punkt przerwania” i wybierając „Brak”.

Wyłączenie responsywnej zmiany rozmiaru może spowodować sytuację, w której menu będzie szersze niż rzutnia. W wielu przypadkach może to spowodować przeniesienie niektórych pozycji menu do następnej linii. Aby temu zapobiec, wersja 3.17 zawiera również możliwość umożliwienia przewijania w poziomie. Po włączeniu Twoje menu zachowa swój oryginalny wygląd na każdym urządzeniu i umożliwi odwiedzającym przewijanie pozycji menu w poziomie zamiast zakłócać wygląd.

Ulepszenia dostępności

• Wyskakujące okienka: Ulepsz zarządzanie fokusem, włączając opcję Dostępna nawigacja, koncentrując się początkowo na przycisku zamykania wyskakującego okienka, a nie na innych elementach, które można ustawić w wyskakujących okienkach.
• Widget spisu treści: wskazuje, że przycisk minimalizacji/maksymalizacji w widżecie spisu treści jest elementem interaktywnym dla odwiedzających korzystających z technologii wspomagających.
• Widżet paska postępu: umożliwia czytnikom ekranu prawidłowe kojarzenie etykiet z odpowiadającymi im paskami postępu.
• Widżet listy odtwarzania wideo: przypisz niestandardowe znaczniki HTML do różnych elementów w widżecie listy odtwarzania wideo.
• Zagnieżdżony widżet akordeonu: popraw dostępność układów akordeonu dla gości korzystających z nawigacji za pomocą klawiatury.

Dodatkowe aktualizacje

1. Responsywne projekty szablonów: Popraw swoją zdolność do prawidłowego wyświetlania zmian wprowadzonych w responsywnych projektach szablonów z dodatkowymi punktami przerwania. Nie będziesz już musiał ponownie generować CSS, aby zobaczyć zmiany wprowadzone w szablonach podczas edycji w Kreatorze motywów. Zmiany zostaną odzwierciedlone w edytorze i interfejsie Twojej witryny.
2. Schemat często zadawanych pytań widżetu Accordion: popraw zgodność SEO swoich treści, dodając kontrolę schematu często zadawanych pytań. Schemat FAQ dodaje do kodu Twojej strony wyspecjalizowany znacznik zawierający listę pytań i odpowiedzi. Wyszukiwarki mogą odczytać ten znacznik i wykorzystać go do wygenerowania bogatego kodu.
3. Integracja z VideoPress: Bezproblemowo zintegruj VideoPress ze swoją witryną Elementor. Korzystaj ze wszystkich funkcji oferowanych przez VideoPress, takich jak filmy hostowane na własnym serwerze, transkodowane pliki wideo do odtwarzania na wielu typach urządzeń, adaptacyjne przesyłanie strumieniowe w oparciu o rozmiar ekranu urządzenia i dostępną przepustowość, możliwość uwierzytelniania prywatnych filmów i nie tylko.

[Elementor AI] Historia AI – Przywróć zawartość wygenerowaną przez AI

Elementor 3.17 usprawnia pracę w Elementor AI dzięki funkcji historii AI. Ta funkcja wyświetla wcześniej używane podpowiedzi oraz wygenerowane przez nie obrazy lub teksty. Możesz przywrócić podpowiedzi i wygenerowaną przez nie treść, co umożliwi kontynuację od miejsca, w którym przerwałeś. Możesz kontynuować edycję treści za pomocą AI, używać jej w swojej witrynie lub trwale usunąć ją z Historii AI.

Chociaż nie można odzyskać wcześniej wygenerowanego kodu z Historii AI, ponieważ kod jest tworzony dla określonych widżetów, można uzyskać dostęp do podpowiedzi używanych do ich wygenerowania w celu ponownego wygenerowania nowego kodu na podstawie historycznych podpowiedzi. Na przykład mogłeś przypadkowo zamknąć przeglądarkę podczas pracy nad nowym obrazem tła lub zdecydowałeś się użyć odrzuconego tekstu wygenerowanego przez sztuczną inteligencję. Historia AI umożliwia odzyskanie i wykorzystanie podpowiedzi i treści aż do 90 dni wstecz.

Dostosuj ustawienia motywu za pomocą motywu Hello 2.9

Możesz teraz dostosować ustawienia motywu Hello, zwiększając wydajność swojej witryny internetowej w oparciu o swoje specyficzne wymagania. Hello Theme 2.9 wprowadza szereg ekscytujących funkcji, które poprawiają nawigację, czytelność, SEO i nie tylko. W tej wersji nie ma już potrzeby zmiany kodu motywu, aby uniknąć zbędnych lub nieistotnych ustawień. Zamiast tego odwiedź nową stronę Ustawienia w panelu WordPress, gdzie możesz dezaktywować funkcje, takie jak metatagi opisu, pomijanie linków, tytuły stron i inne. Wyłączenie tych funkcji zmniejsza rozmiar witryny i eliminuje nieużywany CSS.

Popraw doświadczenie gości, czas ładowania i ciesz się większą elastycznością projektowania

Elementor 3.17 wprowadza kilka funkcji poprawiających wygodę użytkownika i wydajność witryny. Istotną funkcją jest ładowanie AJAX dla Loop Grids, umożliwiające płynne przejścia treści bez ponownego ładowania całej strony. Co więcej, optymalizacje ładowania obrazów i ładowanie zasobów Gutenberga zwiększają szybkość Twojej witryny. Nowy widget ocen zapewnia elastyczne wizualne skale ocen, a Mega Menu umożliwia teraz przewijanie w poziomie. Elementor AI posiada również panel historii AI, zapewniający dostęp do poprzednich podpowiedzi i wygenerowanych treści. Dodatkowo aktualizacja Hello Theme do wersji 2.9 umożliwia użytkownikom większą kontrolę nad funkcjonalnościami serwisu, w tym możliwość wyłączenia niektórych wbudowanych funkcji.

Daj nam znać, która funkcja najbardziej Cię ekscytuje w sekcji komentarzy!