Przedstawiamy Flip Box i 3 inne nowe funkcje Pro

Interaktywne projektowanie jest teraz modne. Tutaj w Elementorze zawsze staraliśmy się oferować szeroką gamę funkcji, które dodają interaktywności do Twojej witryny. Animacje najechania kursorem i wejścia, karuzele, slajdy i przełączniki to tylko kilka przykładów widżetów, które angażują odwiedzających. Teraz pojawia się nowy widżet, który dodaje kolejny poziom interaktywności – widżet Flip Box.

Zapomnij o wszystkim, co myślałeś, że wiesz o flipboxach. Flipbox Elementor Pro daje więcej możliwości projektowania, jak widać na poniższych przykładach.

Pudełko z klapką to pudełko, które odwraca się, gdy nad nim najedziesz. Możesz wybierać spośród różnych animacji i dostosowywać wygląd i zachowanie każdego pudełka z klapką. Pudełka z klapką mogą sprawić, że Twoje treści będą bardziej interesujące, poprawią wrażenia użytkownika, a także pozwolą zaakcentować funkcje biznesowe, produkty i usługi.

Dzięki nowemu widżetowi Flip Box w Elementorze otrzymujesz wszystkie podstawowe efekty odwracania, w tym odwracanie, przesuwanie, przesuwanie, zanikanie, powiększanie i pomniejszanie. Efekty animacji odwracania działają płynnie, bez czkawek i przeciągnięć.

Możesz dodać urzekający efekt 3D do swoich skrzynek z treścią i uczynić je naprawdę wyjątkowymi. Opcja 3D jest dostępna dla wszystkich kierunków przerzucania i może być wykorzystana do jeszcze większego wyróżnienia pudełek.

Zawartość można oddzielnie wyrównać do środka, do prawej lub do lewej zarówno z przodu, jak i z tyłu pudełka. Powyższe banery zostały utworzone w całości za pomocą widżetu Flip Box i stanowią przykład wyrównania zawartości do lewej strony.

Dostosuj swoje pudełka do klapek za pomocą różnych opcji obramowania: owalne, zaokrąglone krawędzie, prostokąty, kropkowana krawędź lub podwójna krawędź. Możesz użyć obramowań, aby uzyskać unikalne projekty pudeł, takie jak te na powyższym obrazku.

Dodaj jednolite, gradientowe lub graficzne tło do swoich pudełek z klapką. Po każdej stronie odwracanego pudełka można dodać oddzielne tła, co daje możliwość całkowitego rozróżnienia obu stron.

Wzbogać pole przerzucania, umieszczając w nim obraz lub ikonę. Można to wykorzystać do tworzenia wizualnych i interaktywnych skrzynek z linkami do Twoich postów lub interesujących skrzynek członków zespołu. Możliwości są Twoje do zbadania.

Eksperymentuj z przerzucanymi pudełkami, aby tworzyć jeszcze bardziej pomysłowe projekty. Staraliśmy się, aby ten widżet był prosty, a jednocześnie bardziej elastyczny i solidny, aby umożliwić tworzenie wyrafinowanych pudełek z klapką.

Jak długo zajmuje Ci zaprojektowanie strony bloga, od góry do dołu?

Dzisiaj z przyjemnością przedstawiamy ulepszenie widżetu, które pozwala uzyskać te same wyniki w ciągu kilku minut, a nie godzin. Dzięki temu ulepszeniu projekt bloga można wykonać w zabawny, żywy i wizualny sposób.

Jedną z najbardziej niesamowitych funkcji zawartych w Elementor Pro jest widżet Posts. Możliwość wizualnego zaprojektowania strony bloga, bez żadnego kodowania, to prawdziwa zmiana. Problem z tym widżetem polegał na tym, że nadal nie można było tworzyć masonerii bloga, a posty nie zawierały stronicowania.

Teraz wprowadzamy zarówno układy Masonry, jak i paginację, dzięki czemu widżet Posts jest najlepszym wizualnym narzędziem do tworzenia blogów dla WordPress.

Możesz teraz wyświetlać swoje posty w siatce murowanej, korzystając z widżetu Posty. Oznacza to, że możesz prezentować swoje posty w siatce podobnej do Pinteresta. W następnej wersji dodamy funkcję Masonry do widżetu Portfolio.

Opcja Pagination sprawia, że ​​zabawa z projektem bloga jest naprawdę łatwa. Masz teraz kontrolę nad całym projektem bloga, w tym nad elementami paginacji, takimi jak styl poprzedni/następny.

Zadbaliśmy również o to, aby nasza paginacja była przyjazna SEO. Paginacja Elementora działa tak samo jak zwykła paginacja WordPress pod względem adresów URL, więc nadal otrzymujesz te same przyjazne dla SEO linki dla każdego utworzonego linku do paginacji.

Slajdy to kolejna bardzo przydatna funkcja Pro. W tym tygodniu dodajemy do tego widżetu dwie poprawki, które pochodzą bezpośrednio z próśb naszych użytkowników.

Do tej pory dostępne były dwie opcje wyświetlania obrazów w naszym widżecie Prezentacje:

1. Okładka – ta opcja sprawia, że ​​obraz „zakrywa” cały suwak. Jeśli na przykład załadujesz pionowy obraz, góra i dół obrazu zostaną przycięte, a obraz zostanie wyświetlony w powiększeniu.
2. Auto — ta opcja pokazuje rzeczywisty rozmiar obrazu.

Teraz dodajemy kolejny tryb wyświetlania: Zawieraj . Ta opcja wyświetla obraz zawarty w granicach slajdu. Załóżmy, że używasz wąskiego obrazka na szerokim suwaku, wąski obrazek wypełni 100% wysokości suwaka, a lewa i prawa strona suwaka pokażą kolor tła.

Jeśli z drugiej strony używasz szerokiego obrazu na wąskim suwaku, szeroki obraz wypełni 100% szerokości suwaka, a górna i dolna część suwaka pokaże kolor tła.

Efekt Kena Burnsa, nazwany na cześć amerykańskiego dokumentalisty, umożliwia dodanie efektu panoramowania i powiększania do nieruchomych obrazów wyświetlanych na suwaku.

Efekt Kena Burnsa jest dostępny tylko z widżetem Pro Slides. Musisz dodać obraz do konkretnego slajdu, aby pojawiła się opcja.

Upewnij się, że aktualizujesz wtyczki Elementor i Elementor Pro , aby upewnić się, że wszystkie nowe funkcje działają poprawnie.

Dodane dzisiaj funkcje, Flip box, Masonry, Pagination i efekt Kena Burnsa, dodają do naszego już bogatego wizualnie kreatora stron. Zapraszam do wypróbowania każdego z nich i podzielenia się z nami swoimi nowymi kreacjami stron.

Jeśli nadal nie zaktualizowałeś do Elementor Pro, jest to świetna okazja, aby to zrobić i poznać nowe funkcje, które właśnie dodaliśmy do wtyczki.