[NOWOŚĆ] Interaktywny krąg w projektach stron internetowych: jak stworzyć je w Elementorze bez kodowania

Witryna z dużą ilością tekstu może być nieprzyjemna dla oka. Jeśli Twoja witryna zawiera zbyt wiele tekstów i mniej elementów wizualnych, możesz użyć interaktywnego koła Essential Addons i wyświetlić zawartość w atrakcyjnym, okrągłym wzorze. Zanurzmy się, aby dowiedzieć się, jak prezentować dużo treści na minimalnej przestrzeni za pomocą tego niesamowitego widżetu.

Dlaczego potrzebujesz interaktywnego widżetu kręgu na swojej stronie internetowej?

Dla projektantów stron internetowych wyzwaniem staje się uczynienie strony bardziej interaktywną, a jednocześnie wygodną z punktu widzenia użytkownika. Jeśli serwis zawiera dużo treści tekstowych, trudniej jest ją odpowiednio przedstawić.

Badania pokazują, że prawie 38% osób przestaje angażować się w jakąkolwiek stronę internetową, która ma nieatrakcyjny wygląd. W takim przypadku ruch w Twojej witrynie zależy również od projektu witryny. Przyjrzyjmy się wszystkim korzyściom, jakie uzyskasz, aby skutecznie projektować treści tekstowe za pomocą interaktywnego widżetu okręgu firmy Essential Addons w witrynie WordPress.

Animowana prezentacja treści Twojej witryny

Mimo że Twoja witryna zawiera dużo treści tekstowych, możesz zaprezentować ją w atrakcyjny sposób, aby przyciągnąć odwiedzających i ułatwić im sprawdzenie. W prezentowaniu materiałów na Twojej stronie często występują różne wzory, więc odrobina ruchu może pomóc Ci przyciągnąć zainteresowanie odwiedzających. Korzystając z widżetu Interactive Circle firmy Essential Addons, możesz zaprezentować zawartość tekstową za pomocą animowanego wzoru i uatrakcyjnić wygląd sekcji.

Interaktywny i responsywny projekt Twojej witryny

Użytkownicy mogą mieć trudności ze znalezieniem Twojej witryny w wyszukiwarkach, czytaniem treści lub poruszaniem się po niej, jeśli brakuje jej responsywnego projektu. Może to być spowodowane wadami układu, słabymi obrazami, zbyt małym tekstem lub zbyt dużą liczbą infografik, które sprawiają, że Twoja witryna wygląda na zagraconą. Jeśli używasz komputera stacjonarnego lub laptopa, możesz zmienić rozmiar tego okna, klikając i przeciągając róg.

Tworzenie dynamicznego projektu dla Twojej witryny może być łatwiejsze dzięki interaktywnemu widżetowi okręgu z dodatkami Essential. Bez względu na to, jakiego rodzaju urządzenia mogą używać odwiedzający Twoją witrynę, aby uzyskać dostęp do Twojej witryny, Twój projekt nie ulegnie zniszczeniu, jeśli użyjesz tego widżetu do prezentacji treści tekstowych.

Interaktywny widżet koła do tworzenia pięknej strony internetowej

Za pomocą tego widżetu możesz wyświetlać treści tekstowe w atrakcyjnym ruchu kołowym, przyciągając uwagę użytkowników witryny. Jeśli chcesz na przykład udostępnić swoje menu treści, możesz użyć interaktywnego koła, aby zaprezentować treść, jednocześnie oszczędzając miejsce. Prosta treść tekstowa będzie w ten sposób bardziej fascynująca i kusząca. Zobaczmy, jak łatwo możesz zacząć korzystać z widżetu Interactive Circle za pomocą wtyczki Essential Addons.

Rzeczy, których potrzebujesz do korzystania z interaktywnego kręgu według niezbędnych dodatków

Elementor : Aby korzystać z Interactive Circle Widget, musisz najpierw zainstalować i aktywować Elementor, po czym możesz zacząć.

Niezbędne dodatki do Elementora : Aby korzystać z widżetu „Interaktywne koło”, musisz zainstalować i aktywować niezbędne dodatki do Elementora w swojej witrynie.

Krok 1: Aktywuj interaktywny widżet kręgu Essential Addons

Spraw, aby Twoja witryna była bardziej interaktywna i atrakcyjna, korzystając z widżetu „Interactive Circle ” firmy Essential Addons. Wszystko, co musisz zrobić, to upewnić się, że korzystasz z najnowszej wersji tej wtyczki.

Widżet Interaktywny krąg musi być włączony w Elementorze. Przejdź do Essential Addons Elements na pulpicie WordPress i upewnij się, że widżet „ Interaktywny krąg ” jest włączony. Aby upewnić się, że zmiany zostaną zapisane, kliknij przycisk „ Zapisz ustawienia ”.

Poszukaj widżetu „ Interaktywny krąg ” na karcie „Elementy” w Elementorze. Przeciągnij i upuść elementy w dowolnym miejscu, w którym chcesz pokazać zawartość tekstową.

Krok 2: Rozpocznij dostosowywanie ustawień treści

Ten widżet pozwala dostosować domyślną zawartość i dodać własną zawartość. Na karcie Ogólne możesz ustawić dowolny układ z opcji. Widżet Interaktywny krąg zawiera 4 gotowe układy . Pobaw się układami i zobacz, który najlepiej pasuje do Twoich treści tekstowych.

Możesz także wybrać, czy przyciski w widżecie EA Interactive Circle mają wyświetlać ikony czy tekst. Aby ukryć lub pokazać ikony i tekst, przełącz odpowiednio opcje „ Pokaż ikonę ” i „ Pokaż tekst” w ustawieniach „Przycisk” . Ten widżet jest bardzo przydatny do wielu dostosowań. Możesz wybierać spośród opcji i tworzyć własne okrągłe menu zgodnie z własnymi preferencjami.

Najważniejszą częścią korzystania z tego widżetu jest to, że możesz podać własne treści i w razie potrzeby dodać więcej opcji kołowych. Możesz dodać liczbę elementów, które chcesz wyświetlić za pomocą widżetu EA Interactive Circle w ustawieniach „Treści” . Wystarczy kliknąć przycisk „ + Dodaj element ”, aby dodać nowy element. W ten sam sposób możesz usunąć lub skopiować element z ustawień. Jednak ze względu na projekt możesz dodać maksymalnie 8 opcji na raz; w przeciwnym razie sekwencja zostałaby zerwana.

Dostępne są trzy zakładki: „Przycisk ”, „Treść ” i „Styl ”. Możesz dodać ikonę do elementu i edytować tytuł z pola wejściowego „ Krótki tytuł ” ​​na karcie „Przycisk”. Podobnie możesz dodać zawartość do swojego przedmiotu z karty „Treść” , a kolory tła do elementu z karty „Styl” .

W opcji „ Dodatkowe ustawienia ” możesz uzyskać dodatkowe opcje ustawień , które pomogą Ci zwiększyć dynamikę widżetu EA Interactive Circle. W opcji „ Zdarzenie myszy ” można wybierać między interakcjami „Kliknięcie” i „Najechanie kursorem” . Możesz także użyć opcji „ Dodatkowe ustawienia ”, aby dodać stylowe i przyciągające wzrok animacje. Jak pokazano poniżej, do wyboru są trzy różne style animacji.

Krok 3: Nadaj styl interaktywnym treściom tekstowym

Widżet EA Interactive Circle zawiera wiele opcji stylizacji. Ta opcja może mieć duże znaczenie dla kręgu interaktywnego dowolnej osoby. Zmieniając kolor tła, wzór lub kolor tekstu, szerokość okręgu oraz dopełnienie lub scalanie, możesz zmienić wygląd.

Możesz zmienić typografię każdego przedmiotu w swoim kręgu EA Interactive Circle w ustawieniach „ Przedmiot ”. Można również dostosować szerokość i rozmiar każdego elementu. Możesz także zmienić kolor tła, kolor tekstu, kolor ikony i wiele innych rzeczy.

Jeśli jesteś zadowolony z wyglądu swojego kręgu interaktywnego, możesz teraz opublikować swoją stronę. Rzuć okiem na interaktywny krąg Elementora, który stworzyliśmy dla tego tematu.

Jak widać, Essential Addons for Elementor pozwala stworzyć wspaniały interaktywny krąg i przekształcić twoją stronę internetową w bardziej fascynujący sposób, niezwykle prosty.

Wreszcie mocno wierzymy w wartość ciągłego doskonalenia. Mając to na uwadze, ciężko pracujemy, aby zaoferować Ci fantastyczne nowe niezbędne dodatki do aktualizacji Elementora, dzięki czemu możesz mieć jeszcze lepsze wrażenia z projektowania stron internetowych z Elementorem.

Więc co masz do stracenia? Jak najszybciej zaktualizuj Essential Addons 5.0, aby korzystać ze wszystkich nowych zaawansowanych widżetów i rozszerzeń, w tym widżetu Interactive Circle.

Wypróbuj to sam, a jeśli masz jakiekolwiek pytania, skontaktuj się z naszym zespołem pomocy . Zapisz się na naszego bloga lub dołącz do naszej przyjaznej społeczności na Facebooku, aby uzyskać więcej informacji o najnowszych dodatkach do Elementora, samouczkach dotyczących projektowania stron internetowych, wskazówkach i poradach oraz nie tylko.