GutenKit Creative Button pozwala wyświetlić interaktywny i atrakcyjny przycisk na Twojej stronie internetowej Gutenberg. Możesz łatwo zastosować zabawne style najechania myszką, wstawić niestandardowe ikony i skorzystać z wielu innych funkcji, aby dostosować atrakcyjny przycisk, który poprowadzi odwiedzających.

Przejrzyjmy ten przewodnik, aby dowiedzieć się, jak używać bloku przycisków kreatywnych GutenKit na swojej stronie internetowej Gutenberg.

Jak korzystać z kreatywnego bloku przycisków GutenKit? #

Upewnij się, że masz zainstalowaną wersję bezpłatną i profesjonalną GutenKit na swojej stronie internetowej Gutenberg. Następnie wykonaj poniższe kroki:

Krok 1: Dodaj kreatywny blok przycisków GutenKit #

Zacznij od edycji strony lub postu w edytorze bloków witryny WordPress. Kliknij "+” na ekranie edytora i wyszukaj Przycisk kreatywny GutenKit blok. Gdy go zobaczysz, przeciągnij go i upuść na pulpit edytora.

Krok 2: Dodaj zawartość i efekty przycisku #

Po włożeniu bloku przycisków Creative przejdź do Zakładka Treść i skonfiguruj tekst przycisku, położenie i animację najechania.

Treść,

• Etykieta: wprowadź tekst przycisku.
• Adres URL: Wstaw link do strony, na którą chcesz przekierować odwiedzających.
• Ustawienia ikon: Wybierz ikonę z biblioteki ikon lub prześlij własną. I ustaw go przed lub po tekście.
• Wyrównanie: Ustaw poziomą pozycję przycisku.

Animacja zawisu: wybierz efekt animacji najechania spośród ponad 19 opcji. Przewiń na nie kursorem myszy, aby zobaczyć, jak się zachowują.

Krok 3: Przycisk kreatywnego stylu #

Teraz omówimy opcje stylizacji kreatywnego bloku przycisków. Idź do Karta Styl i dostosuj następujące opcje.

Przycisk: Uzyskaj dostęp do wszystkich elementów sterujących stylizacją przycisku kreatywnego, takich jak typografia, efekty cienia tekstu, kolor tekstu, kolor tła i dopełnienie.

Granica: Dostosuj zaokrąglenie obramowania i efekty cieni. Ustaw także kolor i grubość.

Ikona: W tym miejscu możesz dostosować wygląd ikony, zmieniając jej kolor, rozmiar, kolor najechania i dopełnienie.

To wszystko! W ten sposób możesz wykorzystać blok GutenKit Creative Button.