Sprawienie, by odwiedzający Twoją witrynę zauważyli ważne wiadomości, może być trudne.
Chcesz udostępniać cenne oferty, ale znalezienie odpowiedniej równowagi między widocznością a doświadczeniem użytkownika nie zawsze jest łatwe. Zbyt subtelne, a ludzie tego nie zauważą. Zbyt agresywne, a będzie to irytujące.
Pływające paski stopki oferują idealny kompromis.
Pozostają widoczne, gdy ludzie przewijają Twoje treści, zapewniając spójny, ale subtelny sposób na przekazanie Twojej wiadomości.
Okazały się dla nas niezwykle skuteczne w promowaniu zniżek i prezentowaniu biuletynów na naszych stronach internetowych – przyciągają uwagę, nie przerywając doświadczenia przeglądania.
W tym przewodniku przeprowadzimy Cię przez cały proces, od wyboru odpowiedniej metody po dostosowanie pływającego paska stopki w celu uzyskania maksymalnego efektu.
Czym jest pływający pasek stopki w WordPressie?
Przyklejony, pływający pasek stopki pozwala na wyraźne wyświetlanie ważnych treści i wiadomości użytkownikom.
Ten pasek pozostaje widoczny dla odwiedzających przez cały czas, więc jest bardziej prawdopodobne, że klikną na niego i odkryją więcej przydatnych treści.
Możesz użyć pływającego paska stopki do:
- Generuj więcej kliknięć do innych wpisów na blogu.
- Generuj leady i zbuduj swoją listę e-mail.
- Zwróć uwagę na specjalne kupony lub oferty rabatowe/wyprzedaże.
- Promuj swoje konta w mediach społecznościowych.
- Zbuduj rozpoznawalność marki.
- Zapewnij dostęp do ważnych zasobów na swojej stronie WordPress.
Mając to na uwadze, zobaczmy, jak łatwo utworzyć stały, pływający pasek stopki w WordPress. W tym tutorialu pokażemy dwie metody, a poniższe linki pozwolą Ci przejść do wybranej metody:
Metoda 1: Utwórz przyklejony pływający pasek stopki za pomocą OptinMonster (zalecane)
Możesz łatwo stworzyć przyklejony, pływający pasek stopki za pomocą OptinMonster. Jest to najlepsze narzędzie do generowania leadów i optymalizacji konwersji na rynku, a dzięki niemu bardzo łatwo przekształcić odwiedzających Twoją stronę w subskrybentów.
W WPBeginner używaliśmy go do tworzenia banerów i wyskakujących okienek promujących nasze usługi pro lub biuletyn. Jeśli chcesz dowiedzieć się więcej o naszym doświadczeniu z tym narzędziem, możesz przeczytać naszą pełną recenzję OptinMonster.
Wtyczka jest wyposażona w kreator metodą przeciągnij i upuść oraz gotowe szablony, które pozwalają tworzyć pływające paski stopki, wyskakujące okienka typu slide-in i banery bez użycia kodu.
Polecamy tę metodę, ponieważ OptinMonster jest bardzo łatwy w użyciu i oferuje więcej opcji dostosowywania niż metoda darmowego wtyczki.
Krok 1: Zainstaluj OptinMonster na swojej stronie internetowej
Najpierw musisz zarejestrować się na stronie OptinMonster, klikając przycisk „Get OptinMonster Now”.
Następnie musisz zainstalować i aktywować darmową wtyczkę łączącą OptinMonster na swojej stronie internetowej. Więcej instrukcji znajdziesz w naszym przewodniku dla początkujących na temat jak zainstalować wtyczkę WordPress.
Po aktywacji kreator konfiguracji OptinMonster otworzy się na ekranie, gdzie musisz kliknąć przycisk „Połącz istniejące konto”. Spowoduje to połączenie Twojej witryny WordPress z Twoim kontem OptinMonster.
Po wykonaniu tej czynności na ekranie otworzy się nowe okno.
Tutaj kliknij przycisk „Połącz z WordPress”, aby przejść dalej.
Krok 2: Utwórz i dostosuj pływający, przyklejony pasek stopki
Teraz, gdy połączyłeś OptinMonster ze swoją stroną internetową, czas utworzyć lepki pływający pasek stopki.
Aby to zrobić, musisz odwiedzić stronę OptinMonster » Szablony z paska bocznego administracji WordPress i wybrać „Pływający pasek” jako typ kampanii.
Po wykonaniu tej czynności wszystkie gotowe szablony paska pływającego zostaną załadowane na ekran. Stąd możesz kliknąć przycisk „Użyj szablonu” na tym, który chcesz użyć.
Spowoduje to otwarcie na ekranie okna dialogowego „Utwórz kampanię”, gdzie możesz dodać nazwę dla pływającego paska stopki, który zamierzasz utworzyć. Może to być cokolwiek chcesz, ponieważ nazwa nie będzie wyświetlana Twoim odwiedzającym.
Następnie po prostu kliknij przycisk „Rozpocznij tworzenie”.
Kreator przeciągnij i upuść OptinMonster zostanie teraz uruchomiony na Twoim ekranie, gdzie możesz zacząć dostosowywać swój pływający pasek stopki. Zobaczysz tutaj podgląd pływającego paska po prawej stronie, z blokami w lewej kolumnie.
Na przykład możesz użyć bloku odliczania, jeśli Twój pływający pasek stopki promuje ofertę rabatową. Pomoże to stworzyć poczucie pilności wśród użytkowników i zachęcić ich do działania.
Możesz również dodać do paska stopki blok CTA, wideo lub mediów społecznościowych. Szczegółowe instrukcje znajdziesz w naszym tutorialu na temat jak utworzyć pasek powiadomień w WordPress.
Możesz również edytować tekst na pasku stopki, klikając na niego. Spowoduje to otwarcie ustawień bloku w lewej kolumnie, gdzie możesz je dostosować do swoich potrzeb.
Na przykład, jeśli chcesz zmienić ofertę rabatową w szablonie, możesz zmienić tekst przycisku. Następnie możesz wybrać opcję „Przekieruj do adresu URL” i dodać link do strony, na którą chcesz, aby użytkownicy zostali przekierowani po kliknięciu przycisku.
Krok 3: Skonfiguruj zasady wyświetlania dla swojego pływającego paska stopki
Gdy będziesz zadowolony z dostosowania paska stopki, po prostu przełącz się na zakładkę „Zasady wyświetlania” na górze.
Tutaj możesz skonfigurować, kiedy pasek ma być wyświetlany na Twojej stronie. Jeśli chcesz, aby pływający pasek na dole był wyświetlany przez cały czas, musisz wybrać opcję „czas na stronie” z menu rozwijanego po lewej stronie.
Następnie wybierz opcję „jest natychmiastowy” z menu rozwijanego po prawej stronie.
Jednak, aby wyświetlić pływający pasek stopki na konkretnej stronie, musisz wybrać opcję „Targetowanie strony” z prawego menu rozwijanego.
Następnie wybierz opcję „dokładnie pasuje” z menu rozwijanego pośrodku, a następnie dodaj adres URL strony. Po wykonaniu tej czynności pływający pasek stopki będzie wyświetlany tylko na wybranej przez Ciebie stronie.
Dodatkowo możesz wybrać opcję „Intencja wyjścia”, aby wyświetlić przypięty pływający pasek stopki, gdy użytkownik zamierza opuścić Twoją witrynę. Następnie możesz skonfigurować czułość intencji wyjścia i wybrać urządzenia, na których pasek stopki będzie wyświetlany. Może to być przydatne, jeśli chcesz zmniejszyć współczynnik odrzuceń.
Możesz nawet wybrać opcję „Urządzenie odwiedzającego”, jeśli chcesz wyświetlać pływający pasek stopki tylko odwiedzającym komputerowym.
Możesz również skonfigurować zasady wyświetlania według daty, godziny lub odległości przewijania, wybierając opcję „Kiedy” z lewej kolumny.
Aby uzyskać wyjaśnienie więcej opcji reguł wyświetlania, możesz zapoznać się z naszą pełną recenzją OptinMonster.
Krok 4: Opublikuj swój pływający pasek stopki
Po zdefiniowaniu warunków wyświetlania paska stopki przejdź do zakładki „Opublikuj” u góry.
Tutaj po prostu kliknij przycisk „Opublikuj”.
Po tym nie zapomnij kliknąć „Zapisz”, aby wprowadzić zmiany na żywo.
Teraz możesz odwiedzić swojego bloga WordPress, aby zobaczyć pływający pasek stopki w akcji.
Alternatywa: Możesz również użyć Thrive Ultimatum, aby wyświetlić pasek stopki z odliczaniem na swojej stronie internetowej. Więcej szczegółów znajdziesz w naszej pełnej recenzji Thrive Themes Suite.
Metoda 2: Utwórz przyklejony pływający pasek stopki za pomocą darmowej wtyczki
Jeśli szukasz darmowego sposobu na stworzenie przyklejonego, pływającego paska stopki, ta metoda jest dla Ciebie. Pamiętaj jednak, że będziesz mieć ograniczone opcje dostosowywania w porównaniu do korzystania z OptinMonster.
Najpierw musisz zainstalować i aktywować wtyczkę Firebox Popup Builder. Szczegółowe instrukcje znajdziesz w naszym poradniku jak zainstalować wtyczkę WordPress.
Po aktywacji odwiedź stronę Firebox » Kampanie z pulpitu WordPress i kliknij przycisk „+ Nowa Kampania”.
Spowoduje to otwarcie biblioteki kampanii Firebox, gdzie możesz wyszukać gotowe szablony przyklejonych pływających pasków.
Następnie po prostu kliknij link „Wstaw” pod paskiem stopki, który Ci się podoba. Pamiętaj, że jeśli wybierzesz pasek nagłówka, nie będziesz mógł zmienić jego pozycji. Musisz upewnić się, że wybrany szablon jest przeznaczony dla paska stopki.
Edytor bloków otworzy się teraz na Twoim ekranie, gdzie możesz zacząć od dodania nazwy dla swojego pływającego paska.
Następnie możesz edytować tekst w stopce, klikając na niego, i dodawać nowe bloki, klikając przycisk „+”. Otworzy się menu bloków, gdzie możesz dodawać obrazy, nagłówki, akapity, filmy, cytaty lub bloki listy.
Na przykład, jeśli chcesz dodać ikony mediów społecznościowych, możesz wybrać blok Ikony Społecznościowe. Następnie możesz dodać konta i linki do mediów społecznościowych za pomocą panelu bloku.
Aby uzyskać więcej szczegółów, możesz zapoznać się z naszym tutorialem jak dodać ikony mediów społecznościowych do menu WordPress (łatwy sposób).
Możesz również zmienić tekst w bloku przycisku i dodać link do strony, na którą chcesz przekierować użytkowników, klikając ikonę linku na pasku narzędzi bloku.
Następnie wpisz adres URL, który chcesz wybrać, i naciśnij „Enter”.
Następnie możesz przewinąć w dół do sekcji „Ustawienia Firebox”.
Tutaj możesz zmienić kolor tła, kolor tekstu, wyrównanie, rozmiar, wypełnienie i margines dla pływającego paska stopki.
Następnie przełącz się na zakładkę „Zachowanie” z lewej kolumny i wybierz „Ładowanie strony” jako punkt wyzwalania paska pływającego.
Następnie użyj suwaka „Opóźnienie”, aby wybrać czas opóźnienia dla pływającego paska. Na przykład, jeśli przesuniesz suwak do 15 sekund, pływający pasek stopki zostanie wyświetlony po tym, jak użytkownik spędzi 15 sekund na Twojej stronie.
Jeśli chcesz, aby przyklejony pływający pasek stopki był wyświetlany natychmiast, możesz pozostawić suwak na 0.
Następnie możesz pozostawić inne ustawienia bez zmian lub skonfigurować je według własnych upodobań.
Po zakończeniu nie zapomnij kliknąć przycisku „Opublikuj” na górze.
Odwiedź teraz swoją witrynę WordPress, aby zobaczyć w akcji przyklejony pływający pasek stopki.
Tak to wyglądało na naszej stronie demonstracyjnej.
Bonus: Utwórz przyklejone pływające menu nawigacyjne w WordPress
Oprócz dodania stałego paska stopki, możesz również chcieć utworzyć stałe, pływające menu nawigacyjne na swojej stronie WordPress.
Menu nawigacyjne zawiera linki do najważniejszych stron w Twoim blogu WordPress i działa jako struktura organizacyjna dla Twojej witryny.
Jeśli sprawisz, że to menu będzie lepkie, pozostanie ono widoczne na Twojej stronie przez cały czas, nawet gdy użytkownik przewija ekran w dół. Może to zwiększyć zaangażowanie i ułatwić nawigację po Twojej witrynie.
Aby utworzyć przyklejone, pływające menu nawigacyjne, po prostu zainstaluj i aktywuj wtyczkę Sticky Menu & Sticky Header. Szczegółowe informacje znajdziesz w naszym tutorialu na temat jak zainstalować wtyczkę WordPress.
Po aktywacji przejdź do strony Ustawienia » Menu stałe z panelu WordPress i wpisz #main-navigation obok opcji „Element stały (wymagany)”.
Następnie kliknij przycisk „Zapisz zmiany”, aby zapisać swoje ustawienia. Pomyślnie utworzyłeś teraz przyklejone pływające menu nawigacyjne.
Szczegółowe instrukcje znajdziesz w naszym tutorialu na temat jak stworzyć przyklejone, pływające menu nawigacyjne w WordPress.
Często zadawane pytania dotyczące pływających pasków stopki
Oto kilka pytań często zadawanych przez naszych czytelników na temat pływających pasków stopki:
Czy pływający pasek stopki będzie działał również na urządzeniach mobilnych?
Tak, większość pływających pasków stopki działa dobrze na urządzeniach mobilnych. Ale warto przetestować je na różnych rozmiarach ekranu, aby upewnić się, że wszystko wygląda dobrze i pasuje poprawnie.
Niektóre wtyczki pozwalają nawet na wyświetlanie paska tylko na urządzeniach mobilnych lub stacjonarnych, w zależności od potrzeb. W ten sposób możesz dostosować wrażenia dla każdego użytkownika.
Czy mogę kontrolować, kiedy pokazuje się pływający pasek stopki?
Tak! Wiele wtyczek, takich jak OptinMonster, pozwala ustawić zasady dotyczące tego, kiedy pasek się pojawia. Na przykład:
- Pokaż po kilku sekundach na stronie
- Pokaż, gdy użytkownik przewija w dół
- Pokazuj tylko na określonych stronach
Pomaga to zwrócić uwagę użytkownika we właściwym czasie, nie będąc zbyt nachalnym.
Czego powinienem unikać podczas używania przyklejonego paska stopki?
Oto kilka wskazówek:
- Nie rób paska zbyt wysokiego – powinien być pomocny, a nie rozpraszający.
- Upewnij się, że nie zasłania innych ważnych treści.
- Utrzymaj wiadomość krótką i jasną.
Ponadto, nie używaj zbyt wielu animacji ani krzykliwych kolorów. Czysty, prosty design zazwyczaj działa najlepiej.
Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak łatwo stworzyć pływający, przypięty pasek stopki w WordPress. Możesz również zapoznać się z naszym przewodnikiem dla początkujących na temat jak dodać kod nagłówka i stopki w WordPress oraz naszą listą kontrolną rzeczy do dodania do stopki na swojej stronie WordPress.
Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.
Greg
Jak mogę umieścić ten przypięty pasek na górze strony? Używając CSS czy jakiegoś ustawienia, które przeoczyłem? Przepraszam, jeśli zostało to już gdzieś odpowiedziane. Dzięki!!
Wsparcie WPBeginner
For that you would want to use the header option instead of footer for most of these and that would place it at the top of the page
Admin
Moinuddin Waheed
Posiadanie pływającego paska stopki jest bardzo skuteczne w marketingu i generowaniu leadów.
Daje stałą pokusę w umyśle użytkownika dotyczącą bieżących promocji i ofert.
Dokonałem zakupu w przeszłości z powodu tego stałego przypomnienia i obawy przed utratą okazji (fomo), że ta oferta wkrótce się zakończy.
Dziękuję za szczegółowy opis krok po kroku, jak możemy stworzyć taki dla naszych stron internetowych.
Wsparcie WPBeginner
Proszę bardzo, cieszę się, że nasz poradnik był pomocny!
Admin
Hajjalah
Używam wtyczki OptinMonster do dodania pływającego paska stopki z moimi linkami do mediów społecznościowych, co drastycznie zwiększyło moją publiczność w mediach społecznościowych, dzięki temu szczegółowemu artykułowi krok po kroku.
Ale jeśli mogę zapytać. Czy jest możliwe dodanie jakiegoś kodu, aby pasek stopki wtyczki OptinMonster nie pojawiał się lub pojawiał się po tym, jak dostępna jest reklama w stopce, taka jak reklamy w stopce Google AdSense?
Wsparcie WPBeginner
You would want to reach out to OptinMonster’s support and they can help you look into and/or set up something like that
Admin
Ahmed Omar
Doskonały tutorial na temat tworzenia "przyklejonego" pływającego paska stopki w WordPress
Twój przewodnik krok po kroku, zwłaszcza pierwsza metoda, jest jasny i skuteczny.
Używam pierwszej metody dla tej pływającej stopki
Dzięki za to praktyczne rozwiązanie
Wsparcie WPBeginner
Proszę bardzo!
Admin
Steve Alvi
Proszę, chcę przycisk zamknięcia z tym pływającym paskiem stopki.
Wsparcie WPBeginner
OptinMonster byłby metodą, która najłatwiej pozwala na dodanie przycisku zamknięcia.
Admin
Jiří Vaněk
Używam Optin Monster, gdzie mogę skonfigurować zamykanie, a nawet mierzyć zamykanie. W ten sposób wiem, ile osób skorzystało z pływającego paska, a ile go zamknęło, ponieważ nie były zainteresowane.
Trendy Avinash
Działało jak marzenie, bez żadnych wtyczek.
Dzięki
Wsparcie WPBeginner
Glad our guide was helpful
Admin
Alejandro Ferguson
Kod pływającej stopki naprawdę działa. Dziękuję
Wsparcie WPBeginner
Glad our guide could help set it up
Admin
John SMith
Jak dodać przycisk udostępniania na FB w pływającym pasku tylko na urządzeniach mobilnych, nie na komputerach.
Wsparcie WPBeginner
Warto przyjrzeć się opcji 2 w naszych wtyczkach mediów społecznościowych tutaj: https://www.wpbeginner.com/plugins/best-social-media-plugins-for-wordpress/
Admin
wlepcha
Jak dodać menu do przypiętej stopki zamiast losowych reklam.
Wsparcie WPBeginner
Warto zapoznać się z naszym artykułem tutaj: https://www.wpbeginner.com/wp-themes/how-to-create-a-sticky-floating-navigation-menu-in-wordpress/
Admin
Marius
Bardzo fajny tutorial. Zaimplementowałem ręczny kod i działał jak marzenie. Potrzebuję tylko jeszcze jednej funkcji… czy możemy też mieć przycisk X lub zamknięcia, aby zamknąć pływający pasek i pozostać w tym stanie przez resztę wizyty? Wiem, że są w to zaangażowane pliki cookie, ale może podasz nam proste rozwiązanie. Dziękuję!
Greg Guz
Bardzo jasny i łatwy do śledzenia samouczek.
Pływający pasek wydaje się działać absolutnie dobrze, ale otrzymuję następujący błąd w konsoli Chrome:
Nie udało się załadować zasobu: serwer odpowiedział statusem 404 ()
Jakieś pomysły?
Ankush jain
Bardzo pomocna Państwa strona
dziękuję bardzo
Mark Rowles
Tylko szybka uwaga: CSS nie zadziała w tym przypadku.
Masz fixedBar w html jako nazwę klasy (z dużej litery B), a w css masz fixedbar (z małej litery b), więc css nie działa.
Czy ktoś może poprawić kod, aby pomóc innym, którzy odkryją ten post?
Wsparcie WPBeginner
Cześć Marku,
Dziękujemy za zwrócenie na to uwagi. Zaktualizowaliśmy kod.
Admin
Robi
Drogi WPBeginner i Przyjaciele
Jeśli mam konkretną sekcję, którą stworzyłem za pomocą Elementor Page Builder, jak mogę jej użyć jako niestandardowej, przyklejonej stopki? (Zawiera więcej niż jedną kolumnę, kilka przycisków i tekst). Chcę tego typu przyklejonej stopki, zamiast prostego tekstu, jak wyjaśniono w tym tutorialu.
Dzięki..
Daniel
1) Dodałem kod tuż przed tagiem w footer.php z mojego katalogu motywu /wp-content/themes/mytheme/
2) Dodałem kod do mojego katalogu motywu /wp-content/themes//mytheme/style.css, ale nie działa. Usunąłem go, a następnie spróbowałem dodać z opcji motywu do menu niestandardowego CSS, ale ten sam problem, nie działa.
3) Dodano floatingbar.js z kodem w środku w /wp-content/themes/mytheme/js
4) Najpierw dodałem kod do functions.php, nie działało.. próbowałem też z wtyczką specyficzną dla witryny, to samo
Próbowałem na obu stronach internetowych, z różnymi motywami, ten sam problem, nie działa, po prostu tam siedzi, nie pływa
Pomoc będzie mile widziana… Naprawdę tego potrzebuję
Wsparcie WPBeginner
Hej Daniel, spróbuj użyć narzędzia Inspect tool, aby rozwiązać wszelkie problemy z CSS.
Admin
Daniel
Dzięki za odpowiedź, ale dla mnie zabawa z CSS i JS to jak budowanie statku kosmicznego... spróbuję dowiedzieć się, co jest nie tak
Pozdrawiam
Daniel
Daniel
Użyłem narzędzi inspektora i nie widzę tam żadnych czerwonych linii….
Dueadla Framin
Mam ten sam problem! Kod, który opublikowałeś, nie działa nawet w domyślnym motywie twenty sixteen. Nie pływa, po prostu utknął na dole strony po przewinięciu do samego końca.
Igor
W kodzie CSS występuje błąd w odniesieniu do fixedBar (odwołuje się jako „.fixedbar”, podczas gdy powinno być „.fixedBar”. Zmień to i zobacz, czy zadziała.
henrykene
WpBeginner, proszę, chciałbym go użyć do wyświetlania moich reklam Adsense na widokach mobilnych. Jak mam to zrobić i jaki kod jest potrzebny, aby wyświetlać przypiętą stopkę Adsense dla widzów mobilnych?
Nawaf
Super.
Ale jest błąd. Kiedy otworzysz to na telefonie. Wstążka jest ucięta. I widać tylko połowę.
Wskazówka
W moim nowym motywie mam opcję korzystania z funkcji nieskończonego przewijania. Jest to świetne, z wyjątkiem tego, że czytelnik musiałby przewijać długo, aby dotrzeć do mojej starej stopki, gdzie umieszczam ujawnienia prawne itp.
Dzięki temu pływającemu paskowi stopki udało mi się ładnie umieścić tam linki i teraz mogę korzystać z funkcji nieskończonego przewijania bez konieczności przesuwania wielu wymaganych linków.
Dzięki za ten tutorial. Nauczyłem się też trochę więcej PHP i CSS!
Sarah Noah
Mam klienta, który chce mieć link do ZAPYTAJ O WYCENĘ na każdej stronie, więc kiedy zobaczyłem ten lepki stopkę, wydawało się to idealne, dopóki nie przeczytałem, że niektórzy użytkownicy są tym zirytowani. Czy uważacie, że ZAPYTAJ O WYCENĘ przyklejone na dole każdej strony jest irytujące? Oczywiście jest to najważniejsza rzecz, którą firma chce, aby użytkownik zrobił.
Roy E
Pasek stopki wyświetla się dobrze w FireFox, ale nie jest przyklejony w IE11, gdzie musiałem przewijać w dół, aby zobaczyć „O WPBeginner”, „Linki do strony” i „Strony, które lubimy”??
Roy E
Oczywiście, kiedy nacisnąłem Enter w poprzednim komentarzu (problem z IE), pojawił się przypięty pasek stopki. Nie wiem, co się stało, ale problem zniknął. Proszę zignorować ten komentarz i poprzedni.
yugishtha
czy mamy również wtyczkę do pływającego paska menu na górze strony dla WP?
Hutzel
Próbowałem wszystkiego, ale nie pokazuje mi się stały stopka. Czy ktoś może mi pomóc lub asystować? dzięki
Devendra Meena
Czy istnieje jakaś wtyczka, która może umieścić skrypty w pływającym polu i mieć przycisk x do jego zamknięcia?
Khushal Rao
można tego również używać do wyświetlania reklam.
Dick Sijtsma
Zmniejszenie przezroczystości do, na przykład, 0,60 daje odwiedzającemu wgląd w leżącą pod spodem treść. Myślę, że byłby to miły efekt. Ale zmiana przezroczystości paska zmienia również przezroczystość tekstu. I to „rozcieńcza” przekaz. Jakiś trik, aby temu zapobiec?
Dzięki.
Jan dB
Jak wspomniano wcześniej, jest to bardzo łatwy samouczek i działa doskonale na większości komputerów.
Jednak mam również problemy z przeglądarkami mobilnymi.
Czy już wymyśliłeś jakieś rozwiązanie na to?
Dzięki i tak trzymaj!
Personel redakcyjny
W przypadku przeglądarek mobilnych, jeśli masz responsywny projekt, możesz po prostu użyć zapytań o media i wyświetlić: none cały pasek stopki.
Admin
Theresa @DearCreatives
Nice. I am actually looking for a tutorial for adding script to top of post that is there every time I post for disclosure purposes. If you have one like that or know of a plugin can you send me an @DearCreatives on twitter or email me
thanks!!
Dick Sijtsma
Cześć, wygląda dobrze, ale bardzo dobrze rozumiem powody, dla których niektórzy ludzie nie lubią tego typu stopek. Niemniej jednak też próbuję osiągnąć ten efekt.
W kodzie źródłowym tej strony widziałem, że wyodrębniłeś javascript. Umieściłeś go w pliku javascript main.js i połączyłeś ten główny plik ze stroną w nagłówku.
Jak dotąd wszystko w porządku, dam radę. Ale nie mogę znaleźć miejsca, w którym wywoływana jest funkcja 'randomtip'.
Krótko mówiąc, moje pytanie brzmi: jak wyeksportować javascript? Mam nadzieję, że otrzymam odpowiedź.
Matthew
Świetny tutorial. Jeden problem, na który inni też mogą natknąć się – mam tylko jedno łącze stopki (w przeciwieństwie do kilku rotujących), a ten pasek stopki pojawia się nawet na stronie, do której linkuję w stopce. Czy wiesz, jak szybko nie wyświetlać tej stopki na konkretnych stronach? Albo, być może, wyświetlać ją tylko na stronie głównej?
Personel redakcyjny
Jasne, po prostu otocz tekst instrukcją warunkową is_front_page().
Admin
Antonio
Here a true beginner. How do I actually do that? I totally new to WP and PHP. As far as I understand I have to put somewhere in the footer.php but I really have no idea where. Great article though. It managed to add it to my blog as well
Caio
Podoba mi się, ale jest trochę zbyt rozpraszający. Może spraw, by był ładny i lekki, zmniejszając przezroczystość, a następnie dodając styl przy najechaniu myszką, aby przywrócić przezroczystość do .9
Sopheak
Wow! To był świetny tutorial.
Pawan
Świetnie, szukałem tego samego.
Sai Kumar
Cześć, ten przyklejony pływający pasek stopki jest naprawdę niesamowity! Na pewno dodam go do mojego bloga. Wielkie dzięki za udostępnienie!!
Max Manroe
Wow, świetny tutorial i myślę, że to jest wspaniałe, wypróbuję to na moim blogu. Dzięki
Zseller Istvan
Panowie, to jest jedyna rzecz, której naprawdę nienawidzę w WpBeginner. Kiedy czytam Wasze artykuły na moim tablecie, z Operą ten pasek stopki pozostaje na środku strony przez sekundy podczas przewijania. To nowy tablet i jest wystarczająco mocny. Pasek stopki zakrywa treść, co jest naprawdę irytujące. Po jakimś czasie przesuwa się na miejsce.
Personel redakcyjny
Pracujemy nad wersją mobilną/tabletową. Wkrótce nie będzie to problem.
Admin
Salman Ahmad
Wow! To jest niesamowite, dzięki za udostępnienie
Peter
Dziękuję bardzo za udostępnienie tego wspaniałego tutorialu. Z pewnością będzie mi pomocny.
Amitabha Chakraborty
Cześć
Dobry tutorial. Myślałem, że przycisk „X” do zamknięcia, jeśli kogoś irytuje, byłby świetny.
Pozdrawiam
Amitabha
David
Lubię pasek stopki. Myślę, że to świetne miejsce na umieszczenie przycisków udostępniania w mediach społecznościowych. Zrobiłem własny na stronie klienta, ale ma on opcję zamykania. Zawiera również przycisk „przejdź na górę”. Całkiem sprytne. Jednak, podobnie jak pasek stopki, który zrobiłem, na moim HTC EVO 4G Twój pasek stopki nie przykleja się do dołu, jak powinien. Jest faktycznie przyklejony na środku artykułu i jest naprawdę irytujący, ponieważ zasłania część tekstu. Pasek, który zrobiłem, można zamknąć, więc jest to tylko chwilowa niedogodność. Twojego paska nie można zamknąć, więc nigdy nie mogę przeczytać tego tekstu. Ponownie, to jest na moim telefonie. Jeśli uda Ci się znaleźć obejście, daj mi znać.
Trafiłem do tego artykułu dzięki Państwa newsletterowi, który jest świetny. Dziękuję za to.
Michael
Niezależnie od tego, czy lubisz, czy nienawidzisz tego typu pasków, jest duża wartość w zobaczeniu, jak napisany jest kod do ich implementacji, przynajmniej. Używam Hello Bar i Wibya bar na kilku moich stronach i chociaż myślę, że niektórzy ludzie stali się na nie ślepi, w tym ja, a niektórzy ich nienawidzą, nadal działają, pomagając w konwersji i udostępnianiu treści przez większość czasu.
Doceniam to, co uważam za pomocną małą lekcję kodu. Świetna strona!
Taryn Fox
Osobiście uważam, że pływający pasek stopki jest niezwykle nieprzyjazną dla użytkownika funkcją, zwłaszcza taka jak Twoja, która jest a) nie do ukrycia i b) rozszerza się dwukrotnie (lub więcej) w stosunku do zamierzonego rozmiaru po powiększeniu czcionki.
Mówiąc o tym, nawet z powiększeniem nosquint reszty tekstu na tej stronie, tekst w polu komentarzy jest maleńki i trudny do odczytania, jeśli masz problemy z dostępnością wizualną.
Mówiąc o innych kwestiach dostępności, proszenie o „Prawdziwe imię” jest wrogie wobec każdego, kto używa pseudonimu. Dotyczy to kobiet transpłciowych, osób, które są śledzone, osób, które ukrywają swoją aktywność online przed innymi, którzy mogą im zaszkodzić, oraz osób, które po prostu wolą i są lepiej znane pod swoimi pseudonimami niż pod swoimi prawnymi lub urodzeniowymi imionami (oba są bardziej inkluzywnymi i dokładnymi terminami na to, co nazywasz „prawdziwym imieniem”).
Ponadto, źle napisałeś „meaningful” w powiadomieniu „Dodaj komentarz”.
Nie zamierzałem zostawiać długiego, rozwlekłego komentarza krytyki, ale czuję, że większość ludzi ma ślepotę banerową na paski stopki i jest wobec nich co najwyżej obojętna, a w najlepszym razie zirytowana. Większość ludzi, którzy nie są projektantami stron internetowych, tak czy inaczej. Pomyślałem, że może ktoś powinien przemówić w imieniu ludzi, których to faktycznie dotyczy. Potem natknąłem się na inne problemy, gdy wszedłem na twoją stronę z Google Reader i próbowałem zostawić komentarz.
Dziękuję za Twoje tutoriale i mam nadzieję, że wszystko pójdzie dobrze.
Personel redakcyjny
Cześć Taryn,
Naprawdę doceniamy Twoje nieocenione opinie. Z pewnością są plusy i minusy posiadania pływającego paska stopki, takiego jak ten. Wady już wskazałeś. Myśleliśmy o opcji śledzenia plików cookie, dzięki której zwykli użytkownicy mogliby zamknąć pasek i nigdy więcej go nie widzieć. Ale nawet zwykli użytkownicy czasami przegapiają świetne okazje z tego powodu. Ponadto, jeśli wyczyszczą pamięć podręczną przeglądarki lub użyją innego komputera, pasek pojawia się ponownie. Kolejna wada śledzenia plików cookie. Poświęciliśmy wiele przemyśleń na temat rejestracji użytkowników i personalizacji oferty na stronie.
Jeśli chodzi o komentarze, tekst „prawdziwe imię” w polu służy jednemu celowi: powstrzymaniu spamerów. Jeśli przeczytasz politykę komentarzy, jest tam napisane: „Nie zezwalamy na upychanie słów kluczowych w polu imienia. Musisz użyć swojego imienia lub pseudonimu do komentowania.” Często ludzie używają swoich pseudonimów i jesteśmy z tym całkowicie w porządku. Ale jeśli twój pseudonim to „najlepsza firma ubezpieczeniowa” lub coś w tym stylu… wtedy oznaczamy to jako spam.
Dziękujemy za wskazanie literówki. Naprawiliśmy to.
Admin
Partha Bhattacharya
Odnosi się to do komentarza Taryn powyżej:
„...Czuję, że większość ludzi ma banerową ślepotę na paski stopki i jest wobec nich co najwyżej obojętna, a w najgorszym wypadku zirytowana.”
Ponieważ nadal z nich korzystasz, nie ma wątpliwości, że czerpiesz z nich korzyści, a ludzie klikają w nie, aby pozostać na bieżąco, tak jak ja właśnie zrobiłem… przychodząc tutaj z innej strony.
Czy mógłbyś podzielić się statystykami / spostrzeżeniami na temat tego, jak skuteczny jest dla Ciebie pasek stopki, a także jak skuteczny jest w porównaniu do używania paska nagłówka!
staion
Dzięki za te łatwe i niesamowite małe tutoriale! Już je zaimplementowałem na swojej stronie, ale bez tego elementu jquery, używając ich po prostu jako ogłoszeń.
FreedomJackson
Super, dzięki za udostępnienie, kolego. Robię pewne aktualizacje i szukałem dobrego sposobu na dodanie tego paska stopki.
mucho grande gracias senior