Widżet Flip Box pomaga tworzyć animowane pudełka, które odwracają się na drugą stronę, gdy użytkownik podejmie działanie. Możesz utworzyć odwracane pudełko Elementor po kliknięciu i najechaniu myszką na oba. Za pomocą tego widżetu możesz dostosować obie strony flipboxa.

Jak dodać flip box do witryny WordPress za pomocą ElementsKit #

Wykonaj kroki opisane poniżej, aby z łatwością dodać flip box do swojej witryny WordPress za pomocą ElementsKit i Elementora:

Krok 1: Włącz widżet flip box #

Nawigować do ElementsKit ⇒ widżety ⇒ widżet flip box, Włącz widżet, I kliknij Zapisz zmiany.

Krok 2: Przeciągnij i upuść widżet  #

Edytuj stronę za pomocą opcji Edytuj za pomocą Elementora. Następnie szukaj dla widżetu flip box z ikoną Ekit i po prostu przeciągnij i upuść widżet na stronie.

Krok 3. Dostosuj ustawienia  #

Rozwiń menu Odwróć pole, aby zmienić następujące ustawienia:

• Trzepnięcie: Dostępne są cztery opcje odwracania: Odwróć, Powiększ, Wsuń i 3D.
• Odwróć kierunek: Dostępnych jest wiele opcji odwracania kierunku. Opcja ta będzie jednak wyświetlana w zależności od wartości wybranej dla opcji Odwróć.
• Odwróć wyzwalacz: Tutaj możesz wybrać opcję, która uruchomi flip. Dostępne są trzy opcje: Najechanie kursorem, kliknięcie pola i kliknięcie przycisku.
• Wysokość odwracanego pudełka: Za pomocą tej opcji możesz dostosować wysokość flipboxa.

W obszarze Wysokość flip boxa znajdziesz dwie zakładki PRZÓD i TYŁ. Wybierz dowolną opcję, aby dostosować elementy flipboxa dla każdej strony. Znajdziesz tę samą opcję dla obu stron. 

Opcje, które możesz dostosować dla każdej strony flipboxa, obejmują: 

• Typ mediów: Możesz wybrać ikonę lub obraz. Możesz także wybrać opcję brak, jeśli nie chcesz dodawać żadnych plików multimedialnych.
• Ikona/ Wybierz plik: W zależności od wybranej opcji Typ nośnika możesz tutaj wybrać ikonę/obraz. 
• Tytuł: Podaj tytuł.
• Podtytuł: Tutaj możesz dodać podtytuł.
• Opis klapki: Korzystając z tej opcji, napisz odpowiedni opis.
• Wyrównanie: Można ustawić wyrównanie do lewej, do środka lub do prawej.

Po przygotowaniu treści na obie strony flip-boxa nadszedł czas na zmianę stylu. 

Krok 4: Stylizuj swoje flip box #

Teraz przejdź do karty Styl i rozwiń każdą sekcję, aby zmienić powiązane opcje stylu:

Obwoluta: Pod opakowaniem możesz dostosować typ tła, kolor, lokalizację, drugi kolor, lokalizację, typ, kąt i tak dalej. Możesz dostosować opcje zarówno dla przedniej, jak i tylnej strony flipboxa.

Ikona: Jeśli rozwiniesz tę opcję, możesz zmienić kolor, typ tła, cień ramki, typ obramowania itd. zarówno w widoku normalnym, jak i po najechaniu myszką. Możesz dostosować styl ikon zarówno z przodu, jak i z tyłu flipboxa.

Tytuł: Tutaj możesz dostosować typografię, kolor tytułu i margines tytułu dla obu stron flip-boxa.

Podtytuł: Rozwiń tę opcję, aby dostosować typografię, kolor tytułu i margines napisów po obu stronach odwracanego pudełka.

Opis: Tutaj możesz dostosować typografię, kolor opisu i margines opisu dla obu stron flip-boxa.

Przycisk: Rozwiń sekcję przycisków, aby dostosować kolor tekstu, kolor tła, typ obramowania, promień obramowania, obramowanie i wiele innych opcji. Możesz stylizować przycisk zarówno w widoku normalnym, jak i po najechaniu myszką.

Na koniec kliknij publikuj/aktualizuj, aby zapisać zmiany i wyświetlić podgląd swojego flipboxa Elementor: