Jak dodać lepkie przyciski na stronie WordPress?

Ostatnia aktualizacja paź 18, 2021

Zadowolony

Dodaj lepkie przyciski do swojej witryny WordPress

Czy chcesz dodać lepkie przyciski do swojej witryny WordPress? Korzystając z lepkich przycisków akcji, użytkownik może łatwo uzyskać informacje związane ze stroną. Tymi informacjami mogą być Twój adres e-mail, numer telefonu, lokalizacja na mapie Google, linki do sieci społecznościowych itp. W tym artykule pokażę, jak dodać lepkie przyciski do swojej witryny WordPress.

Przyklejone przyciski akcji będą działać jak pływający widżet. Przyciski te zostaną zablokowane, nawet jeśli użytkownik przewinie w górę lub w dół. Będzie świetnie wyglądać na stronie i sprawi, że będzie bardziej przyjazna dla użytkownika. Dodanie lepkich przycisków pomaga poprawić konwersje i zaangażowanie odwiedzających.

Początek

Istnieją 2 sposoby dodawania lepkich przycisków w WordPressie. Jednym ze sposobów jest zbudowanie kodu od podstaw, a drugim użycie wtyczki. W tym samouczku użyję wtyczki. Powód jest oczywisty, skoro możemy zdobyć dobrą wtyczkę, która wykona nasze małe zadanie, to po co marnować czas na budowanie jej od podstaw.

Kodowanie ma sens, jeśli chcesz tworzyć dużą i złożoną funkcjonalność. W takich przypadkach wtyczki mogą nie być odpowiednie dla Twojego celu i najlepiej nie polegać na nich, ponieważ ich aktualizacje mogą zakłócić funkcjonalność. Ale w przypadku mniejszych zadań, takich jak to (lepkie przyciski), możesz polegać na wtyczkach.

WP Sticky to jedna z najskuteczniejszych wtyczek do dodawania lepkich elementów do Twojej witryny. To zgrabna mała wtyczka, która pozwala dodać nieograniczoną liczbę przyklejonych elementów, kompatybilna ze wszystkimi motywami, wtyczkami i kreatorami stron, a całą procedurę można wykonać w ciągu zaledwie kilku minut. Podkreśla prostotę procesu, dlatego cała procedura składa się z:

Nazwij swój żywioł
Przenieś i kliknij przycisk Wybierz element
Wybór żądanego elementu, który chcesz przykleić
Kliknięcie „Zapisz zmiany"

I to prawie wszystko — wybrany element jest teraz dołączony do Twojej witryny. Dostępnych jest sporo ustawień, dzięki czemu możesz bawić się kryciem lepkiego elementu, wybrać efekt zanikania lub przesuwania w dół, ustawić zakres przewijania i nie tylko. Dodatkowo możesz idealnie ustawić różne preferencje zgodnie z wymaganiami Twojej witryny – możesz dodać ograniczenie oparte na konkretnym kryterium, co oznacza, że element nie będzie wyświetlany jako przyklejony na wybranym:

Strony
Posty
Kategorie
Tagi
Lub typy wiadomości

Oczywiście możesz to zmienić w dowolnym miejscu lub uniemożliwić to na jednym z wymienionych, aby uzyskać pełną kontrolę nad wtyczką. Martwisz się, jak będą wyświetlać się na różnych urządzeniach? Można to również skonfigurować na karcie Urządzenia, gdzie możesz wybrać dokładny rozmiar ekranu, na którym Twoje elementy będą wyświetlane jako przyklejone. Możesz wybrać prawie każdy element, który Ci się podoba, czy to przyklejony nagłówek, przyklejone menu, widżet, nawigacja, wideo … wszystko można skonfigurować w kilka minut i możesz utworzyć tyle, ile chcesz. Skuteczny, elegancki i tak prosty, jak to tylko możliwe.

Ponadto istnieją inne narzędzia, które pomogą Ci tworzyć przyklejone elementy w Twojej witrynie. W tym samym czasie zainstaluj i aktywuj wtyczkę Smart Floating Action Buttons – Buttonizer. W następnej sekcji zobaczymy, jak korzystać z tej wtyczki.

Dodaj lepkie przyciski do swojej witryny WordPress

Po zainstalowaniu wtyczki przejdź do menu „Przyciski” w panelu sterowania. Ta wtyczka nie ma strony ustawień zaplecza. Zamiast tego zapewnia interfejs, dzięki któremu możesz natychmiast zobaczyć wpływ zmian.

Wtyczka zapewnia ponad 25 akcji po kliknięciu. Załóżmy, że z listy chcesz dodać e-mail, telefon i Mapę Google do swoich przyklejonych przycisków w witrynie.

Kliknij przycisk Dodaj i nazwij przycisk. Nadaję przyciskowi nazwę "Telefon". Następnie zobaczysz przycisk w interfejsie użytkownika, jak pokazano poniżej.

Ponieważ ten przycisk dotyczy „numeru telefonu”, musimy go skonfigurować. Kliknij ikonę Ustawienia obok TELEFON. Otworzy się panel opcji do dostosowywania przycisku.

Z listy rozwijanej Akcja przycisku wybierz opcję Akcja połączenia (numer telefonu). Dodaj swój numer telefonu w polu tekstowym.

Następnie chcę ustawić ikonę telefonu dla tego przycisku. Można to zrobić w sekcjach STYL >> IKONA. Pod ikoną IKONA, kliknij WYBIERZ IKONĘ, otworzy się wyskakujące okienko, w którym możesz wybrać ikonę z biblioteki Font Awesome.

Postępując zgodnie z tym samym procesem, możemy dodać dowolną liczbę przycisków do witryny. Dla każdego przycisku wybierz odpowiednią akcję przycisku, a otrzymasz różne opcje dla przycisku.

Na koniec chcemy ustawić pozycję lepkich przycisków. Aby to zrobić, kliknij ikonę "Ustawienia" obok "NOWA GRUPA".

W sekcji Pozycja możesz uzyskać parametry do ustawienia pozycji przycisków. Chcę, żeby to było właściwe i wyśrodkowane. Ustawiłem więc „0%” pod „POZIOMY”, a środkową część pod „PIONOWO”.

Wtyczki Buttonizer zapewniają o wiele więcej funkcji, z którymi powinieneś się pobawić i zapoznać. Wtyczka udostępnia opcje koloru przycisków, animacji przycisków, tła, niestandardowych klas, widoczności urządzenia i nie tylko.

Po zastosowaniu powyższych ustawień lepkie przyciski pojawią się na stronie internetowej, jak pokazano na poniższym zrzucie ekranu.

Mam nadzieję, że dowiedziałeś się o dodawaniu lepkich przycisków do swojej witryny WordPress. Podziel się swoimi przemyśleniami i sugestiami w sekcji komentarzy poniżej.

Powiązane artykuły

Źródło nagrania: artisansweb.net

Źródło nagrywania: artisansweb.net