Przedstawiamy Elementora 3.9: nową opcję Zapisz jako domyślną dla elementów, aby usprawnić proces projektowania

Elementor 3.9 zawiera nową opcję Zapisz jako domyślną, rozszerza możliwości Loop Builder o obsługę WooCommerce i układu opartego na sekcjach, a także kilka dodatkowych funkcji, które poprawiają wygląd Twojej witryny i jej wygodę użytkowania.

Nowość: Zapisz jako domyślne

Dzięki Elementor 3.9 możesz wykorzystać nową funkcję Zapisz jako domyślną, aby usprawnić przepływ pracy projektowej i w pełni dostosować sposób, w jaki elementy pojawiają się na Twojej stronie internetowej po przeciągnięciu do Edytora.

Dzięki tej aktualizacji będziesz mógł dostosować wszystkie domyślne ustawienia każdego pojedynczego elementu i dostosować go do własnych upodobań. Możesz zastąpić obraz zastępczy dowolnym preferowanym obrazem — na przykład swoim logo, dostosować tekst zastępczy oraz zastąpić kolory i czcionki preferowanymi przez siebie. Następnie zapisz go jako domyślny, klikając element lewym przyciskiem myszy i zapisując go. Po wykonaniu tej czynności za każdym razem, gdy przeciągniesz nowy, dostosowany widżet, wyświetli on nowe ustawienia domyślne, które dla niego skonfigurowałeś. Aby usprawnić przepływ pracy i przyspieszyć proces tworzenia witryny, wszystkie nowe ustawienia domyślne można również przenieść do dowolnego zestawu lub szablonu, który importujesz/eksportujesz.

Każdy element Elementora zawiera wstępnie skonfigurowany domyślny styl i zaawansowane ustawienia. Należą do nich obrazy zastępcze, ikony lub teksty, domyślne kolory i czcionki lub skojarzenia z określonymi globalnymi kolorami i czcionkami. Znaczenie – jeśli weźmiemy jako przykład widżet Przycisk, za każdym razem, gdy przeciągniesz go do Edytora z panelu widżetów, tło przyjmie kolor akcentu ustawiony w twoich Kolorach globalnych, kolor tekstu będzie biały itp.

Ponieważ nowa funkcja Zapisz jako domyślne zapisuje wszelkie zmiany wprowadzone w elementach przed ich zapisaniem, należy zwrócić szczególną uwagę, aby nie uwzględniać poufnych informacji przed zapisaniem jako nowej wartości domyślnej. Na przykład nie zaleca się dołączania adresu e-mail konta PayPal przed zapisaniem przycisku PayPal jako nowego widżetu. To samo dotyczy wszelkich poufnych informacji, w tym identyfikatora CSS, kluczy API i tak dalej.

Poniżej znajdują się trzy (z wielu) przykłady wykorzystania nowej funkcji Zapisz jako domyślne:

1. Zaktualizuj kolory lub czcionki elementu, aby były powiązane z różnymi globalnymi kolorami lub czcionkami (takimi jak podstawowa zamiast drugorzędna)
2. Ustaw nowe domyślne wypełnienie i marginesy widżetu, takiego jak przycisk.
3. Dołącz logo, obraz lub szczegółowe instrukcje jako symbol zastępczy obrazu w przypadku widżetów graficznych lub symbole zastępcze tekstu w przypadku widżetów tekstowych. W ten sposób możesz stale promować swoją firmę jako twórcę stron internetowych wśród swoich klientów i pomagać im w aktualizowaniu witryny.

[Pro] Loop Builder rozszerzony o obsługę WooCommerce i sekcji

Po wydaniu Loop Builder w Elementorze 3.8, ta wersja rozszerza możliwości Loop Builder o obsługę WooCommerce. Dzięki tej aktualizacji będziesz mieć możliwość zaprojektowania własnego niestandardowego szablonu list produktów, dzięki czemu uwolnisz swoją kreatywność podczas projektowania witryn e-commerce.

Teraz, korzystając z Loop Builder, zaczniesz od wybrania typu szablonu, który chcesz utworzyć, w przypadku WooCommerce wybierzesz Produkty. Następnie panel widżetów zarekomenduje widżety WooCommerce u góry, ale możesz użyć dowolnego widżetu, jak również dowolnego tagu zawartości dynamicznej, aby wyświetlić dodatkową zawartość WooCommerce w szablonie elementu głównego.

Po sfinalizowaniu projektu szablonu będziesz mógł używać go na dowolnej stronie, dostosowywać jego układ, paginację i styl oraz wyświetlać swoje produkty w sposób, który najlepiej pasuje do Twojego projektu i marki.

Elementor 3.9 wprowadza również obsługę układu sekcja-kolumna, więc jeśli nie jesteś jeszcze gotowy do rozpoczęcia korzystania z Flexbox Containers, nadal możesz użyć Loop Builder do tworzenia niestandardowych list przy użyciu układu sekcja-kolumna.

[Pro] Ulepszona zaawansowana zasada wyskakujących okienek — wyświetlaj się do X razy na stałe lub na sesję / dzień / tydzień / miesiąc

Jedną z najpopularniejszych próśb o wyskakujące okienka Elementor było ulepszenie zaawansowanej reguły określającej, ile razy pojawia się wyskakujące okienko. Do tej pory można było wyświetlić wyskakujące okienko X razy, ale ramy czasowe, w których miałyby się pojawić, nie byłyby określone. Tak więc, jeśli ustawisz wyskakujące okienko tak, aby pojawiało się 3 razy, pojawi się ono 3 razy, gdy odwiedzający odwiedzi Twoją witrynę, niezależnie od częstotliwości odwiedzin.

Dzięki tej zaktualizowanej zaawansowanej regule będziesz mógł ustawić, ile razy wyskakujące okienko ma się pojawiać – na stałe lub w określonych ramach czasowych – sesji, dnia, tygodnia lub miesiąca. W ten sposób możesz dostarczać wyskakujące okienka z żądaną częstotliwością, poprawiać wrażenia użytkownika i osiągać pożądany wynik wyskakującego okienka.

Ulepszenia w wydajności

Nieustannie szukamy sposobów, dzięki którym możemy poprawić wydajność Twojej witryny, a ostatnio nawiązaliśmy współpracę z Chrome, aby wspólnie zidentyfikować obszary możliwości. Elementor korzystał z narzędzi Google, w tym raportu Chrome User Experience Report i Core Web Vitals Technology Report, jednocześnie otrzymując konsultacje techniczne od eksperta Chrome. Elementor 3.9 wprowadza szereg ulepszeń wydajności, które mogą mieć znaczący wpływ na wydajność Twojej witryny, w tym:

Obrazy tła Lazy Load Eksperyment alfa

Obrazy tła są integralną częścią projektowania witryny internetowej, ale mogą mieć negatywny wpływ na wydajność i ocenę największej zawartości treści (LCP). Optymalizacja wydajności witryny i wyniku LCP jest ważna, aby zoptymalizować doświadczenia użytkowników odwiedzających witrynę, a także poprawić wykrywalność w wynikach wyszukiwania.

Dodając Lazy Load do obrazów tła, możesz poprawić wydajność swojej witryny i wynik LCP, bez uszczerbku dla jej wyglądu.

Aktywacja tego eksperymentu spowoduje leniwe wczytywanie wszystkich obrazów tła w części widocznej na ekranie w następujących obszarach:

• Sekcja – tło sekcji i nakładka tła sekcji
• Kolumna – tło kolumny
• Kontener – tło kontenera i nakładka tła kontenera
• Ogólne tło widżetu – dostępne z zakładki Zaawansowane.

Elementor jest teraz kompatybilny z Performance Lab dla „Przesyłania WebP”

Podczas aktywacji wtyczki Performance Lab obrazy przesłane jako pliki JPEG zostaną automatycznie przekonwertowane na format WebP. Jeśli wtyczka Performance Lab nie może pomyślnie przekonwertować formatu obrazu na WebP, witryna wyświetli domyślny format JPEG. Ponadto tylko obrazy JPEG, które zostaną przesłane po aktywacji wtyczki Performance Lab, zostaną przekonwertowane do formatu WebP, a wszystkie obrazy przesłane wcześniej zachowają swój format JPEG.

Więcej personalizacji, więcej projektów, więcej od Elementora

Elementor 3.9 ma na celu umożliwienie Ci osiągania więcej dzięki swoim witrynom internetowym w wygodniejszy sposób. Dzięki nowej możliwości zapisywania jako domyślnej możesz dostosować punkt początkowy każdego elementu do potrzeb swojej witryny i przyspieszyć proces tworzenia. Ta aktualizacja zawiera również ulepszenia Loop Builder, dzięki czemu możesz jeszcze bardziej dostosować projekt swoich witryn internetowych, a także mnóstwo funkcji poprawiających wydajność - dzięki czemu nie musisz wybierać między wyglądem swojej witryny a jej wydajność.

Wypróbuj nowe funkcje Elementora 3.9 i daj nam znać, jak będziesz ich używać w swojej witrynie w sekcji komentarzy.