Blok Flip Box umożliwia tworzenie interaktywnych kartek flip na Twojej stronie internetowej. Dzięki blokowi GutenKit Flip Box możesz to zrobić łatwo i w krótszym czasie.
Sprawdź dokumentację i naucz się korzystać z bloku GutenKit Flip Box.
Jak wykorzystać blok Flip Box? #
Dostęp do panelu WordPress –
- Znajdować Strony/posty > Dodaj nową stronę/post lub rozpocznij edycję istniejącej strony za pomocą edytora bloków.
- Spójrz na "+” po prawej stronie lub u góry ekranu edytora. Kliknij to.
- Pojawi się menu bloku, wyszukaj „Odwróć pudełko”.
- Kiedy go zobaczysz, kliknij go lub przeciągnij i upuść na ekranie edytora bloków.

Edycja części treści #
W sekcji Odwróć pole zobaczysz następujące opcje:
- Wybierz styl: Stąd możesz wybrać dowolny styl flip-boxa. Dostępne opcje to: Styl odwracania, Styl boczny, Styl powiększenia, Styl 3D, Styl przesuwania, Styl przekształcania i Styl zanikania.
- Kierunek: Kierunek pudełka może być w górę, w dół, w prawo lub w lewo.

- Wydarzenie myszy: Możesz ustawić mysz dla Najedź kursorem, kliknij pole lub kliknij przycisk.
- Typ mediów: Jeśli chcesz wyświetlić dowolne multimedia, możesz wybrać dowolne Obraz lub ikona. W przeciwnym razie możesz pozostawić to pole puste, wybierając Nic.
- Wybierz ikonę/obraz: W zależności od rodzaju nośnika dostępna będzie opcja wyboru żądanego nośnika.
- Tytuł: Wpisz tutaj tytuł swojego flip-boxa.
- Znacznik HTML: Opcje tagów HTML to H1, H2, Span, P itp.
- Podtytuł: W tym polu należy wpisać podtytuł.
- Opis: Tutaj możesz wpisać treść opisu.
- Czas trwania: Ustaw czas trwania przewrotu (w sekundach) za pomocą paska. Dłuższy czas spowolni czas przerzucania, a krótszy czas zwiększy prędkość.

Przycisk: Jeśli ustawisz przycisk dla flipboxa, możesz ustawić dla niego ikonę, dostosować położenie ikony, napisać etykietę i wstawić link URL.

Styl #
- Obwoluta: Korzystając z tej opcji, możesz dostosować wysokość, wyrównanie, tło, cień pudełka, obramowanie, promień obramowania, dopełnienie itp.
- Ikona z przodu: Umożliwi to dostosowanie rozmiaru ikony, koloru, tła, obramowania i tak dalej.
- Ikona powrotu: W przypadku ikony tylnej można również dostosować rozmiar ikony, kolor, tło, obramowanie itp.
- Tytuł: Tutaj możesz stylizować treść tytułu, zmieniając typografię, kolor i margines.
- Podtytuł: Podobnie jak w przypadku tytułu, możesz także stylizować treść podtytułu, zmieniając typografię, kolor i margines.
- Opis: Aby inaczej przedstawić treść opisu, możesz w tym miejscu zmienić typografię, kolor i margines.
- Przycisk powrotu: Aby zaprojektować przycisk, możesz dostosować rozmiar ikony, odstępy, kolor, kolor najechania, tło, obramowanie itp.

Teraz wypróbuj siebie i pozwól odwiedzającym witrynę cieszyć się interaktywnymi treściami i odkrywać więcej informacji.