Czy chcesz doda\u0107 lepkie przyciski do swojej witryny WordPress? Korzystaj\u0105c z lepkich przycisk\u00f3w akcji, u\u017cytkownik mo\u017ce \u0142atwo uzyska\u0107 informacje zwi\u0105zane ze stron\u0105. Tymi informacjami mog\u0105 by\u0107 Tw\u00f3j adres e-mail, numer telefonu, lokalizacja na mapie Google, linki do sieci spo\u0142eczno\u015bciowych itp. W tym artykule poka\u017c\u0119, jak doda\u0107 lepkie przyciski do swojej witryny WordPress.<\/p>\n
Przyklejone przyciski akcji b\u0119d\u0105 dzia\u0142a\u0107 jak p\u0142ywaj\u0105cy wid\u017cet. Przyciski te zostan\u0105 zablokowane, nawet je\u015bli u\u017cytkownik przewinie w g\u00f3r\u0119 lub w d\u00f3\u0142. B\u0119dzie \u015bwietnie wygl\u0105da\u0107 na stronie i sprawi, \u017ce b\u0119dzie bardziej przyjazna dla u\u017cytkownika. Dodanie lepkich przycisk\u00f3w pomaga poprawi\u0107 konwersje i zaanga\u017cowanie odwiedzaj\u0105cych.<\/p>\n
Istniej\u0105 2 sposoby dodawania lepkich przycisk\u00f3w w WordPressie. Jednym ze sposob\u00f3w jest zbudowanie kodu od podstaw, a drugim u\u017cycie wtyczki. W tym samouczku u\u017cyj\u0119 wtyczki. Pow\u00f3d jest oczywisty, skoro mo\u017cemy zdoby\u0107 dobr\u0105 wtyczk\u0119, kt\u00f3ra wykona nasze ma\u0142e zadanie, to po co marnowa\u0107 czas na budowanie jej od podstaw.<\/p>\n
Kodowanie ma sens, je\u015bli chcesz tworzy\u0107 du\u017c\u0105 i z\u0142o\u017con\u0105 funkcjonalno\u015b\u0107. W takich przypadkach wtyczki mog\u0105 nie by\u0107 odpowiednie dla Twojego celu i najlepiej nie polega\u0107 na nich, poniewa\u017c ich aktualizacje mog\u0105 zak\u0142\u00f3ci\u0107 funkcjonalno\u015b\u0107. Ale w przypadku mniejszych zada\u0144, takich jak to (lepkie przyciski), mo\u017cesz polega\u0107 na wtyczkach.<\/p>\n
WP Sticky<\/strong> to jedna z najskuteczniejszych wtyczek do dodawania lepkich element\u00f3w do Twojej witryny. To zgrabna ma\u0142a wtyczka, kt\u00f3ra pozwala doda\u0107 nieograniczon\u0105 liczb\u0119 przyklejonych element\u00f3w<\/strong>, kompatybilna ze wszystkimi motywami, wtyczkami i kreatorami stron, a ca\u0142\u0105 procedur\u0119 mo\u017cna wykona\u0107 w ci\u0105gu zaledwie kilku minut. Podkre\u015bla prostot\u0119 procesu, dlatego ca\u0142a procedura sk\u0142ada si\u0119 z:<\/p>\n I to prawie wszystko \u2014 wybrany element jest teraz do\u0142\u0105czony do Twojej witryny. Dost\u0119pnych jest sporo ustawie\u0144<\/strong>, dzi\u0119ki czemu mo\u017cesz bawi\u0107 si\u0119 kryciem lepkiego elementu, wybra\u0107 efekt zanikania lub przesuwania w d\u00f3\u0142, ustawi\u0107 zakres przewijania i nie tylko. Dodatkowo mo\u017cesz idealnie ustawi\u0107 r\u00f3\u017cne preferencje zgodnie z wymaganiami Twojej witryny – mo\u017cesz doda\u0107 ograniczenie oparte na konkretnym kryterium, co oznacza, \u017ce \u200b\u200belement nie b\u0119dzie wy\u015bwietlany jako przyklejony na wybranym:<\/p>\n Oczywi\u015bcie mo\u017cesz to zmieni\u0107 w dowolnym miejscu lub uniemo\u017cliwi\u0107 to na jednym z wymienionych, aby uzyska\u0107 pe\u0142n\u0105 kontrol\u0119 nad wtyczk\u0105. Martwisz si\u0119, jak b\u0119d\u0105 wy\u015bwietla\u0107 si\u0119 na r\u00f3\u017cnych urz\u0105dzeniach? Mo\u017cna to r\u00f3wnie\u017c skonfigurowa\u0107 na karcie Urz\u0105dzenia, gdzie mo\u017cesz wybra\u0107 dok\u0142adny rozmiar ekranu, na kt\u00f3rym Twoje elementy b\u0119d\u0105 wy\u015bwietlane jako przyklejone. Mo\u017cesz wybra\u0107 prawie ka\u017cdy element, kt\u00f3ry Ci si\u0119 podoba, czy to przyklejony nag\u0142\u00f3wek<\/a>, przyklejone menu, wid\u017cet, nawigacja, wideo … wszystko mo\u017cna skonfigurowa\u0107 w kilka minut i mo\u017cesz utworzy\u0107 tyle, ile chcesz. Skuteczny, elegancki i tak prosty, jak to tylko mo\u017cliwe.<\/p>\n Ponadto istniej\u0105 inne narz\u0119dzia, kt\u00f3re pomog\u0105 Ci tworzy\u0107 przyklejone elementy w Twojej witrynie. W tym samym czasie zainstaluj i aktywuj wtyczk\u0119 Smart Floating Action Buttons – Buttonizer<\/a>. W nast\u0119pnej sekcji zobaczymy, jak korzysta\u0107 z tej wtyczki.<\/p>\n Po zainstalowaniu wtyczki przejd\u017a do menu \u201ePrzyciski” w panelu sterowania. Ta wtyczka nie ma strony ustawie\u0144 zaplecza. Zamiast tego zapewnia interfejs, dzi\u0119ki kt\u00f3remu mo\u017cesz natychmiast zobaczy\u0107 wp\u0142yw zmian.<\/p>\n Wtyczka zapewnia ponad 25 akcji po klikni\u0119ciu. Za\u0142\u00f3\u017cmy, \u017ce z listy chcesz doda\u0107 e-mail, telefon i Map\u0119 Google do swoich przyklejonych przycisk\u00f3w w witrynie.<\/p>\n Kliknij przycisk Dodaj i nazwij przycisk. Nadaj\u0119 przyciskowi nazw\u0119 "Telefon". Nast\u0119pnie zobaczysz przycisk w interfejsie u\u017cytkownika, jak pokazano poni\u017cej.<\/p>\n Poniewa\u017c ten przycisk dotyczy \u201enumeru telefonu”, musimy go skonfigurowa\u0107. Kliknij ikon\u0119 Ustawienia obok TELEFON. Otworzy si\u0119 panel opcji do dostosowywania przycisku.<\/p>\n Z listy rozwijanej Akcja przycisku wybierz opcj\u0119 Akcja po\u0142\u0105czenia (numer telefonu). Dodaj sw\u00f3j numer telefonu w polu tekstowym.<\/p>\n Nast\u0119pnie chc\u0119 ustawi\u0107 ikon\u0119 telefonu dla tego przycisku. Mo\u017cna to zrobi\u0107 w sekcjach STYL >> IKONA<\/strong>. Pod ikon\u0105 IKONA, kliknij WYBIERZ IKON\u0118, otworzy si\u0119 wyskakuj\u0105ce okienko, w kt\u00f3rym mo\u017cesz wybra\u0107 ikon\u0119 z biblioteki Font Awesome.<\/p>\n Post\u0119puj\u0105c zgodnie z tym samym procesem, mo\u017cemy doda\u0107 dowoln\u0105 liczb\u0119 przycisk\u00f3w do witryny. Dla ka\u017cdego przycisku wybierz odpowiedni\u0105 akcj\u0119 przycisku, a otrzymasz r\u00f3\u017cne opcje dla przycisku.<\/p>\n Na koniec chcemy ustawi\u0107 pozycj\u0119 lepkich przycisk\u00f3w. Aby to zrobi\u0107, kliknij ikon\u0119 "Ustawienia" obok "NOWA GRUPA".<\/p>\n W sekcji Pozycja mo\u017cesz uzyska\u0107 parametry do ustawienia pozycji przycisk\u00f3w. Chc\u0119, \u017ceby to by\u0142o w\u0142a\u015bciwe i wy\u015brodkowane. Ustawi\u0142em wi\u0119c \u201e0%” pod \u201ePOZIOMY”, a \u015brodkow\u0105 cz\u0119\u015b\u0107 pod \u201ePIONOWO”.<\/p>\n Wtyczki Buttonizer zapewniaj\u0105 o wiele wi\u0119cej funkcji, z kt\u00f3rymi powiniene\u015b si\u0119 pobawi\u0107 i zapozna\u0107. Wtyczka udost\u0119pnia opcje koloru przycisk\u00f3w, animacji przycisk\u00f3w, t\u0142a, niestandardowych klas, widoczno\u015bci urz\u0105dzenia i nie tylko.<\/p>\n Po zastosowaniu powy\u017cszych ustawie\u0144 lepkie przyciski pojawi\u0105 si\u0119 na stronie internetowej, jak pokazano na poni\u017cszym zrzucie ekranu.<\/p>\n Mam nadziej\u0119, \u017ce dowiedzia\u0142e\u015b si\u0119 o dodawaniu lepkich przycisk\u00f3w do swojej witryny WordPress. Podziel si\u0119 swoimi przemy\u015bleniami i sugestiami w sekcji komentarzy poni\u017cej.<\/p>\n \u0179r\u00f3d\u0142o nagrania: artisansweb.net<\/a><\/p>\n\n
\n
Dodaj lepkie przyciski do swojej witryny WordPress<\/h3>\n
Powi\u0105zane artyku\u0142y<\/h4>\n
\n