Jak dodawać przyciski w WordPress: Ulepsz swoje przyciski WordPress za pomocą PostX

Opublikowany: 2023-05-17

Blok przycisków WordPress to potężny blok dla WordPress, który przenosi dostosowywanie przycisków na zupełnie nowy poziom. Dzięki szerokiej gamie opcji i funkcji pozwala tworzyć przyciągające wzrok i interaktywne przyciski, które angażują odwiedzających witrynę. Jak więc dodać przyciski w WordPressie?

Wykonaj poniższe czynności, aby używać przycisków w WordPress

  • Zainstaluj PostX
  • Dodaj blok przycisków PostX
  • Dodaj linki w przycisku WordPress
  • Dostosuj blok przycisków

Dzisiaj przyjrzymy się najważniejszym blokom przycisków PostX, jak dodawać przyciski w WordPress za pomocą PostX. Bez zbędnych ceregieli, zaczynajmy.

Zobacz wersję demonstracyjną teraz!
Zawartość ukryj
1 Jak dodać przyciski w WordPress
2 samouczek wideo
2.1 Krok 1: Zainstaluj PostX
2.2 Krok 2: Dodaj blok przycisków PostX
2.3 Krok 3: Dodaj linki w przyciskach WordPress
2.4 Krok 4: Dostosuj blok przycisków
2.4.1 Ustawienia dostosowywania dla pojedynczego przycisku
2.4.2 Styl
2.4.3 Rozmiar guzika
2.4.4 Tekst
2.4.5 Tło
2.4.6 Ikona
2.4.7 Ustawienia dostosowywania dla grupy przycisków (wiele przycisków)
2.4.8 Odstęp między przyciskami
2.4.9 Wyrównanie w poziomie i pionie
2.4.10 Depozyt zabezpieczający
2.4.11 Animacja przycisku
3 Wniosek

Jak dodać przyciski w wordpress

Teraz wyjaśnimy, jak dodawać przyciski do witryn WordPress. Postępuj zgodnie z tym przewodnikiem krok po kroku, aby dodać idealny przycisk WordPress na swojej stronie internetowej.

Film instruktażowy

Oto samouczek wideo, jak dodać WordPress Button do swojej witryny.

Krok 1: Zainstaluj PostX

Aby odblokować potężne funkcje PostX i skorzystać z jego funkcji, musisz zainstalować wtyczkę.

Aby zainstalować i aktywować wtyczkę PostX Gutenberg Blocks:

Installing PostX
Instalowanie PostX
  1. Przejdź do Wtyczki → Dodaj nowy.
  2. Wyszukaj „PostX”.
  3. Kliknij Instaluj, a następnie Aktywuj.

Pobierz PostX Pro aby odblokować wszystkie ekscytujące funkcje i tworzyć niesamowite strony internetowe !

Teraz możesz ulepszyć swoją witrynę za pomocą przycisków WordPress.

Krok 2: Dodaj blok przycisków PostX

Zakończyliśmy instalację PostX. Przyciski są teraz dostępne do użytku wraz z rozszerzoną personalizacją. Więc bez zbędnych ceregieli pokażmy, jak dodawać przyciski w WordPress.

Adding Button Block
Dodawanie bloku przycisków

Najpierw musisz przejść do strony. Możesz przejść do opcji strony WordPress i kliknąć Dodaj nową, aby utworzyć nową stronę. Następnie wyszukaj „Grupa przycisków”, aby wybrać ten blok. Spowoduje to dodanie przycisku WordPress do strony.

Krok 3: Dodaj linki w przyciskach WordPress

Hiperłącze do przycisku lub, mówiąc prościej, dodawanie linków w przyciskach WordPress jest łatwe.

Adding Links to Buttons
Dodawanie linków do przycisków

Najpierw musisz wybrać przycisk, a następnie wybrać teksty, do których chcesz utworzyć hiperłącze. Teraz zobaczysz domyślną podpowiedź WordPress. W podpowiedzi zobaczysz opcję „Połącz” z ikoną hiperłącza. Po prostu kliknij go, aby otworzyć pole adresu URL, a tam dodaj żądany link, aby dodać linki w przycisku.

Krok 4: Dostosuj blok przycisków

Po wybraniu bloku zobaczysz wszystkie opcje dostosowywania na prawym pasku bocznym.

Button Settings
Ustawienia przycisku

Istnieją dwa rodzaje ustawień dla tego bloku. Ponieważ możesz dodać wiele przycisków, ten blok ma osobne ustawienia dla „Przycisku” i „Grupy przycisków”.

Pokażemy Ci wszystkie opcje dostosowywania i jak z nich korzystać.

Ustawienia dostosowywania dla pojedynczego przycisku

Aby wybrać i otworzyć ustawienia przycisku, musisz kliknąć przycisk.

Styl

Najpierw kliknij przycisk, aby uzyskać opcję dostosowywania. Pierwsze ustawienie, które zobaczysz, to opcje stylu. Obecnie ma 4 opcje stylu. Możesz wybrać ten, który najlepiej pasuje do Twojego projektu witryny.

Button Style
Styl guzika

Rozmiar guzika

Następną opcją, którą otrzymasz, jest zmiana rozmiaru przycisku. Domyślnie otrzymasz mały, średni, duży, bardzo duży i niestandardowy. Predefiniowany rozmiar przycisku uzyskasz, jeśli wybierzesz opcję rozmiaru Mały, Średni, Duży lub Bardzo duży.

Button Size

Ale jeśli chcesz całkowicie dostosować rozmiar przycisku, możesz to zrobić, wybierając „Niestandardowy” i dostosowując jego górną, prawą, dolną i lewą stronę, aby ustawić wymiary poziome i pionowe.

Custom Button Size
Niestandardowy rozmiar przycisku

Oto wizualna perspektywa różnych stylów przycisków.

Style guzików

Tekst

Następnie otrzymasz ustawienia tekstu. Umożliwi to dostosowanie tekstu przycisku do własnych potrzeb. Zobaczysz ustawienia „Typografii tekstu”, „Koloru tekstu” i „Koloru tekstu po najechaniu”.

Button Text Setting
Ustawienie tekstu przycisku

Jeśli rozwiniesz ustawienie Typografia tekstu, możesz zmienić rozmiar czcionki (w pełni konfigurowalny), wybrać czcionki (w tym czcionki niestandardowe) , grubość czcionki, wysokość, odstępy, dekorację tekstu i style tekstu oraz przekształcić je na wielkie, małe i tytuł sprawy.

Button Text Typography Control
Kontrola typografii tekstu przycisku

Oto wizualna perspektywa efektu zawisu.

Wybór koloru i efekt zawisu

Tło

To ustawienie pozwoli Ci dostosować wszystkie tła tego bloku przycisków.

Button Background Settings
Ustawienia tła przycisku

Po pierwsze, możesz ustawić przycisk Margines, który można w pełni dostosować, aby uzyskać idealne położenie w poziomie i w pionie.

Button Margin Control
Kontrola marginesu przycisku

Następnie możesz zmienić kolory przycisków, zarówno jednolite, jak i gradientowe. Kliknij każdy z nich, aby otworzyć paletę kolorów.

Button Color Setting
Ustawienie koloru przycisku

Następnie możesz dostosować obramowanie tego przycisku. To ustawienie obejmuje style obramowania (3 gotowe style), szerokość obramowania i kolor.

Button Border Setting
Ustawienie obramowania przycisku

A także dostosuj promień obramowania wybranego przycisku.

Button Border Radius Adjustment
Regulacja promienia obramowania przycisku

Otrzymasz także ustawienie Box Shadow. Rozszerzenie pozwoli ci dostosować „Przesunięcie-X”, „Przesunięcie-Y”, „Rozmycie” i „Rozprzestrzenianie”.

Button Border Shadow Control
Kontrola cienia obramowania przycisku

Możesz także ustawić kolor cienia. Otrzymasz przełącznik „Wstawka”, jeśli chcesz, aby przycisk był cieniem do wewnątrz, a nie na zewnątrz.

Ikona

Ostatnim ustawieniem, które otrzymasz w ustawieniach przycisków, jest ustawienie ikony. Aby z niego korzystać, musisz włączyć pasek przełączania. Po rozwinięciu ustawienia zobaczysz menu „Sklep z ikonami”, w którym możesz wybierać ikony z obszernej biblioteki.

Button Icon Settings
Ustawienia ikony przycisku

Istnieje przycisk do zamiany ikony przed tekstem na tekst.

Możesz zmienić rozmiar ikony i dostosować odstęp między ikoną a tekstem.

Icon Size and Space Control
Rozmiar ikony i kontrola przestrzeni

Możesz także zmienić kolor ikony zarówno w trybie normalnym, jak i po najechaniu. Musisz kliknąć dostosowanie koloru ikony, aby otworzyć paletę kolorów.

Button Icon Color Control
Kontrola koloru ikony przycisku

Ustawienia dostosowywania dla grupy przycisków (wiele przycisków)

Aby wybrać grupę przycisków, zobaczysz ikonę „Wybierz grupę przycisków” w domyślnej etykiecie WordPress.

Button Group Selection
Wybór grupy przycisków

Luka w przycisku

Po wybraniu grupy przycisków znajdziesz ustawienie odstępu między przyciskami. To ustawienie pomaga ustawić odstęp między 2 i więcej przyciskami.

Button Gap Management
Zarządzanie przerwami w przyciskach

Wyrównanie w poziomie i pionie

Tutaj możesz dostosować poziome i pionowe wyrównanie wielu przycisków.

Horizontal and Vertical Adjustment
Regulacja pozioma i pionowa

Możesz także przełączać wyrównanie w pionie, aby ustawić przyciski w pionie.

Vertical Alignment Toggler
Przełącznik wyrównania w pionie

Margines

W tym ustawieniu można również dostosować margines całej grupy przycisków.

Animacja przycisku

Jest to jedno z najciekawszych ustawień w bloku przycisków. Obecnie otrzymasz 4 animacje ustawione w bloku przycisków WordPress. A każdy z nich zapewnia inne podejście po najechaniu kursorem na przycisk. Możesz także dostosować położenie animacji za pomocą suwaka Transformacja przycisku.

Button Animation Selector
Selektor animacji przycisków

Oto wizualizacja animacji przycisków.

Animacja przycisku

I to wszystko, co otrzymasz dzięki blokowi przycisków WordPress. Teraz wiesz, jak dodawać przyciski WordPress za pomocą PostX.

Pobierz PostX Pro aby odblokować wszystkie ekscytujące funkcje i tworzyć niesamowite strony internetowe !

Wniosek

Teraz, gdy wiesz, jak dodawać przyciski w WordPress, blok przycisków oferuje zaawansowane opcje dostosowywania, w tym style przycisków, integrację ikon, tła gradientowe, efekty najechania kursorem, zaawansowaną typografię, funkcjonalność grup przycisków i animacje. Możesz stworzyć niesamowite przyciski udostępniania społecznościowego, a nawet zaimplementować całkowicie niestandardowy przycisk ładowania więcej w swojej witrynie.

Za pomocą tego potężnego narzędzia możesz tworzyć atrakcyjne wizualnie i wciągające przyciski, które poprawią komfort korzystania z Twojej witryny. Skorzystaj z bloku przycisków WordPress firmy PostX, aby uwolnić moc konfigurowalnych przycisków w WordPress.

Możesz obejrzeć samouczki wideo WordPress na naszym kanale YouTube. Znajdź nas również na Facebooku i Twitterze, aby otrzymywać regularne aktualizacje!

Podoba Ci się ten artykuł? Rozgłosić
  • PostX User-Friendly Interface Update

    Przedstawiamy aktualizację przyjaznego dla użytkownika interfejsu PostX

  • Gutenberg Post Blocks - #1 Best Post Blocks Plugin 1

    Bloki postów Gutenberga – najlepsza wtyczka bloków postów nr 1

  • How to Create WordPress Page Template in Twenty Twenty-two Theme

    Jak stworzyć szablon strony WordPress w motywie Twenty Twenty-Two

  • Security Update: WPXPO Products

    Ważna aktualizacja zabezpieczeń dla PostX i ProductX