Przycisk powrotu do góry dla WordPress. Opcje instalacji

Witajcie, drodzy czytelnicy strony! Przedstawiam Państwu i Waszej uwadze nowy post, w którym opowiem do czego służy przycisk „Powrót do góry” i jak go zainstalować na WordPressie. Cóż, na początku, jak zawsze, wyjaśnię, dlaczego ten przycisk jest w ogóle potrzebny i czy warto go instalować. Zacznijmy!

Do czego służy przycisk Powrót na górę?

Na przykład napisałeś długi artykuł, użytkownik przeczytał go do końca i teraz chce wrócić do początku. Myślę, że to znana sytuacja. Czy to nie prawda? Jednak kręcenie kółkiem myszy i „ciągnięcie” suwaka nie jest zbyt wygodne i zajmuje dużo czasu.

Dlatego powstał tę funkcję— podniesienie strony do góry. A także, jeśli pięknie zaprojektujesz przycisk, jest to plus dla projektu! A jeśli go zmodyfikujesz, to po naciśnięciu możesz zwolnić stronę w dół, tj. odwrotnie. Właśnie tak.

Podniesienie strony można wykonać zarówno za pomocą wtyczki, jak i bez niej. Wyjaśnię teraz oba. Więc bądź ostrożny.

Instalacja przycisku z wtyczką

Pierwszą rzeczą, którą musisz zrobić, to go aktywować. Po czym przycisk zacznie działać. Ale obraz przycisku będzie standardowy. Radzę Ci to zmienić na własne. W tym celu:

1. Przejdź do zakładki „Opcje”.
2. -> Przewiń do góry
3. I wybierz wygląd przycisku spośród proponowanych lub prześlij własny
4. Kliknij przycisk „Opcje aktualizacji”.
5. Gotowy! Przycisk powrotu do góry w WordPressie ma nowy wygląd.

Tak. Możesz go również skonfigurować, a mianowicie:

• Lokalizacja
• Wcięcia
• Prędkość
• i więcej

Przycisk „Powrót do góry” bez wtyczki

Teraz przyjrzymy się, jak to zrobić przycisk powrotu do góry dla wordpress bez korzystania z wtyczek stron trzecich. Dlaczego nie ma wtyczki? Ale ponieważ wtyczki spowalniają witrynę. Mówiłem to już nie raz (w artykule - Dodawanie wideo do WordPressa) i będę to powtarzał wielokrotnie.

Aby utworzyć przycisk, postępuj zgodnie z poniższymi instrukcjami:

1. Otwórz plik stopka.php, który znajduje się w folderze szablonów i wklej wcześniej kod:

Wystarczy wprowadzić pewne zmiany, a mianowicie:

• gdzie jest napisane twoja_strona.ru - wpisz adres swojej witryny

• gdzie jest ścieżka do obrazka - wpisz ścieżkę do obrazka, który będzie przyciskiem

• gdzie obraz jest tytułem obrazu. Jeśli nie jest to .jpg, zmień go na format ustawiony na obrazku.

2. Otwórz plik styl.css, który również znajduje się w folderze z szablonem i na samym końcu wklej następujący kod:

#toTop ( szerokość: 100 pikseli; wyrównanie tekstu: środek; dopełnienie: 5 pikseli; pozycja: stała; dół: 10 pikseli; prawo: 10 pikseli; kursor: wskaźnik; kolor: #666666; dekoracja tekstu: brak;)

3. Pobierz i rozpakuj. Zawiera plik verx.js, który musisz dodać do katalogu głównego swojej witryny.

4. Otwórz plik funkcje.php, znajdujący się w folderze z szablonem i wpisz tam kod:

// inteligentne włączenie jquery if (!is_admin()) ( wp_deregister_script("jquery"); wp_register_script("jquery", ("//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" ), fałsz); wp_enqueue_script("jquery");

5. Cóż, to wszystko! Mogę ci pogratulować, teraz Twoja witryna ma przycisk powrotu do góry dla WordPress.

Właśnie przeczytałeś artykuł „Przycisk powrotu do góry dla WordPress” i zainstalowałeś go dla siebie. Jakie są Twoje wrażenia? Napisz w komentarzach! To wszystko na teraz, wszyscy.

Pozdrawiam, Konstantin Belan.

Przycisk „powrót do góry” w witrynie internetowej od dawna jest obowiązkowym atrybutem.

Oceń sam, czytasz dość długi artykuł. Skończyliśmy czytać, teraz pozostaje nam udać się na górę strony. Możesz to zrobić za pomocą suwaka w przeglądarce, ale jak widzisz, znacznie wygodniej jest kliknąć myszką i znaleźć się na górze z płynnym, schludnym efektem. To oczywiście drobiazg, ale to właśnie te małe rzeczy kształtują stosunek do Twojej witryny. I przyjemniej jest, gdy sprawdzasz artykuł, tak, lub po prostu podziwiasz swoją witrynę. Jeśli oczywiście robi się to z duszą.

Wiele nowoczesnych motywów ma już wbudowaną funkcję przycisku Powrót do góry. Mogą to być strzałki lub napisy z wybranym przez Ciebie tekstem. Przede wszystkim oczywiście różnorodność strzałek. Schludne, eleganckie, są zawsze pod ręką, w każdej chwili możesz przenieść się na górę.

Istnieje jednak opinia, że ​​dla nowoczesne przeglądarki Istnieją już rozszerzenia, w których można zainstalować taki przycisk dla dowolnej witryny. Tak, te rozszerzenia istnieją zarówno dla przeglądarki Chrome, jak i Fox. Pamiętaj jednak, że na Twoją witrynę przychodzą różni ludzie. Jest wielu fanów IE; niektórzy po prostu nie chcą instalować dodatkowych rozszerzeń w swoich przeglądarkach, inni po prostu nie wiedzą o takich możliwościach. Krótko mówiąc, nie zaszkodzi; warto poświęcić trochę czasu na poprawę wydajności swojej witryny.

Opcje instalowania przycisku Powrót do góry dla witryny obsługiwanej przez WordPress

Ustawianie przycisku Powrót na górę za pomocą kodu.

Tutaj mam swoje własne zdanie, którym chętnie się z Tobą podzielę.

Istnieje wiele różnych opcji samodzielnego instalowania przycisku górnego i wiele więcej. W zasadzie nie jest trudno napisać w nim kilka linijek kodu niezbędne pliki. Pytanie tylko brzmi – DLACZEGO?

Istnieje opinia, że ​​niepotrzebne wtyczki utrudniają i spowalniają działanie witryny. Naturalnie, to się zdarza. Ale jeśli już zdecydowałeś się na dokonanie niezbędnego dodatku, to jaka różnica, czy napiszesz kod sam, czy zostanie on dodany po zainstalowaniu niezbędnej wtyczki? Liczba poleceń i tak wzrośnie; kod skryptu i tak będzie wymagał pewnych zasobów do jego przetworzenia. Tylko w jednym przypadku dodajesz kod ręcznie, w drugim dodanie to odbywa się za pomocą wtyczki.

I nie zapomnij o tej chwili. Możesz zainstalować kod, będzie działać. Ale przede wszystkim, jak poprawnie będzie to kontynuowane po aktualizacji silnika? Po drugie, kody wtyczek są stale ulepszane. Trwa dyskusja, szukanie błędów i usterek. Programiści regularnie aktualizują swoje wtyczki, więc istnieje znacznie większe prawdopodobieństwo, że otrzymasz bardziej zoptymalizowany kod od profesjonalnego programisty, niż dodasz go samodzielnie.

Cóż, podstawowa wygoda. Znudziła Ci się ta wersja przycisku Powrót do góry, dezaktywowałeś wtyczkę i zainstalowałeś inną. Podobało mi się, było świetnie, nie, szybko aktywowali zweryfikowany. Nie ma sensu robić zamieszania z powodu takiej drobnostki; teraz za sześć miesięcy musisz pamiętać, co napisałeś w funkcji.

Nie będę tutaj opisywał metody instalacji za pomocą kodu, jeśli to konieczne, opcje te można łatwo znaleźć w Internecie.

Przewiń do wtyczki Top Button

Jest to prawdopodobnie najpopularniejsza obecnie wtyczka umożliwiająca dodanie przycisku Powrót do góry do witryny internetowej. Coś w rodzaju klasyki gatunku. Instaluje się i konfiguruje łatwo i prosto.

Chodźmy do Wtyczki – Dodaj nowe, wklej w polu wyszukiwania Przewiń do górnego przycisku. Znajdujemy, instalujemy, aktywujemy.

W zakładce Wygląd pojawi się element Przewiń do górnego przycisku, kliknij i zobacz ustawienia tej wtyczki:

Jest ich tylko dwóch. Schemat kolorów– ciemne lub jasne. Rozmiar– duży lub mały.

Wybieramy niezbędne parametry i podziwiamy, jak w prawym dolnym rogu, po pewnym ruchu w dół, pojawia się strzałka w górę. Zgrabne, płynne przejście w zasadzie nic więcej nie jest potrzebne. Wtyczka jest regularnie aktualizowana, więc kod będzie zawsze świeży i sądząc po recenzjach, nie będzie miał żadnego wpływu na szybkość działania witryny.

Nie poprzestawajmy na jednej wtyczce, zobaczmy co jeszcze możemy znaleźć dla naszego przycisku Top.

Wtyczka JCWP Przewiń do góry

Tutaj obserwujemy zupełnie inny obraz. Wtyczka ta pozwala na zmianę wyglądu naszego przycisku według własnego gustu, koloru i rozmiaru. Cóż, najpierw najważniejsze rzeczy.

Przejdźmy do wtyczek - Dodaj nowe, wpisz w wyszukiwarce JCWP Przewiń do góry, znajdź, zainstaluj, aktywuj.

Ustawienia wtyczki znajdziesz już w innej zakładce - Opcje — JCWP Przewiń do góry:

Nie umieściłem na obrazku wszystkich regulowanych parametrów; zajęłoby to zbyt dużo czasu.

Prawie wszystko można dostosować.

• Czas trwania animacji;
• Po jakiej liczbie pikseli pojawia się przewijanie;
• Możesz stworzyć własny identyfikator przycisku;
• Efekt wyglądu przycisku;
• Pozycja przycisku;
• Tekst na przycisku;
• Ustawianie koloru tła, czcionki, wielkości liter, koloru ramki, zaokrąglenia narożników;
• Wyłącz dla urządzeń mobilnych;

To są ustawienia. Jak widać, nie będziemy mieli gotowego obrazu przycisku; zostanie on utworzony według określonych przez nas stylów. Wygodne rozwiązanie, pasujące do niemal każdego projektu, ciekawe efekty wizualne.

Wtyczka WPFront Scroll Top

Standardowa instalacja Wtyczki – Dodaj nowe —WPFront Przewiń w górę . Pobierz, zainstaluj, aktywuj.

Ustawienia wtyczki znajdziesz w zakładce WPFront – Przewiń w górę:

Tutaj mamy prawdziwy Klondike dla fanów graficznych przycisków. Wybór jest naprawdę przyzwoity, na każdy gust. Są proste strzałki, z napisami, przezroczyste, ciemne i jasne. Wybierz, co chcesz.

• Możesz dostosować liczbę pikseli, w jakich ma się pojawiać przycisk;
• Możesz stworzyć własny rozmiar przycisku;
• Możesz dodać przezroczystość do przycisku;
• Ustawienia gładkości wyglądu przycisków i przesuwania się na górę;
• Możesz dostosować wygląd przycisku do urządzeń mobilnych;
• Ustawianie lokalizacji i dopełnienia przycisku;
• Możesz ustawić adres, pod który użytkownik przejdzie po kliknięciu przycisku. Dziwna opcja, choć kto wie, może komuś się przyda;

Obrazy są naprawdę ładne. Są surowe i wesołe, na każdy gust.

Oto wtyczki, które pomogą Ci łatwo stworzyć niezbędny i przydatny przycisk Powrót do góry na Twojej stronie internetowej. Powodzenia wszystkim!

Wtyczki górnego przycisku WordPress przedstawione w tym artykule tworzą przycisk na stronach witryny, który po kliknięciu płynnie przewinie stronę do góry. Wszystkie wtyczki mają ustawienia. W ustawieniach możesz zmienić kolor, lokalizację i styl przycisku. Wszystkie wtyczki górnego przycisku WordPress działają na witrynach połączonych z dowolnymi Skrypt Java biblioteka.

Dynamiczna wtyczka „Do góry”.

Oficjalna strona Wtyczka dynamiczna „Do góry” ( https://wordpress.org/extend/plugins/dynamic-to-top/). Wtyczka umieszcza na stronie przycisk „Powrót do góry”. Wtyczka jest zainstalowana. Językiem wtyczki jest angielski.

Dynamiczne ustawienia wtyczki „To Top” obejmują:

• 4 pozycje przycisku „Powrót na górę” na stronie;
• Ustawienia wygląd(kolor, cień, obramowanie);
• Wybór prędkości w górę;
• Możliwe jest wyłączenie wersji mobilnej;
• Możliwość dodania tekstu do przycisku.

Zrzuty ekranu wtyczki dynamicznej „To Top”.

Wtyczka Przewiń do góry

Oficjalna strona wtyczki Scroll To Top ( https://wordpress.org/extend/plugins/scrollto-top/). Wtyczka umożliwiająca umieszczenie przycisku „Powrót do góry” na stronie internetowej. standard. Język Angielski.

Z Ustawień

• 9 Pozycje przycisku „Powrót do góry” na stronie;
• 4 style przycisków;
• Możliwość ustawienia własnego obrazu dla przycisku;
• Zastąpienie przycisku linkiem tekstowym z ustawieniami kolorów.

Notatka: Siostra wtyczki Scroll To Top, nazywa się wtyczkę przycisku „W dół”. Przewiń do dołu. Oficjalna strona wtyczki: https://wordpress.org/extend/plugins/scrollto-bottom.

Wtyczka aplikacji Skysa z przewijaniem do góry

Oficjalna strona wtyczki Skysa Scroll-to-Top Add (https://wordpress.org/extend/plugins/skysa-scroll-to-top-app/). Wtyczka do instalacji panelu Skysa na dole stron serwisu. W darmowa wersja W panelu zainstalowana jest tylko strzałka „Góra” z niestandardową etykietą.

Darmowa wersja wtyczki nie posiada praktycznie żadnych ustawień. Tylko pasek ze strzałką i niestandardowym napisem. Przed zakupem wersje profesjonalne Dają 15 dni na testowanie.

Zrzuty ekranu wtyczki aplikacji Skysa Scroll-to-Top

Dodatek

Najprostsze rozwiązanie na przycisk powrotu do góry, prostszego rozwiązania nie ma

Jeśli NIE potrzebujesz pięknych i „wyrafinowanych” przycisków „Powrót do góry”, a wystarczy prosty napis, to po prostu wstaw poniższy kod w dowolnym miejscu szablonu swojej witryny (np. footer.php), gdzie chcesz wyświetlić „ Back to Top” lub dowolny wpis zrozumiały dla użytkownika:

Góra lub dowolny inny tekst

Wszystko! Nie musisz robić nic więcej.

Ten napis „Back to Top” nie koliduje z wtyczkami, jako które można go używać dodatkowy przycisk"Na piętrze."

Inne wtyczki przycisku powrotu do góry WordPress

Dla uzupełnienia informacji podam listę 5 kolejnych wtyczek umożliwiających implementację przycisku „Powrót do góry” na stronie. Wsparcie i aktualizacje wtyczek stale się zmieniają, więc możemy o nich mówić tylko w momencie ich użytkowania.

• Przewiń do górnego przycisku (https://ru.wordpress.org/plugins/scroll-to-top-button/)
• Płynne przewijanie w górę (https://ru.wordpress.org/plugins/smooth-scroll-up/)
• LB Powrót do góry (https://ru.wordpress.org/plugins/backtop/)
• WPFPrzewiń w górę (https://ru.wordpress.org/plugins/wpfront-scroll-top/)
• M7 Idź na górę (https://wordpress.org/plugins/m7-go-top/)

(Najnowsza aktualizacja: 03.05.2019)

Cześć wszystkim! Czy masz to na swojej stronie internetowej? przycisk w górę WordPress do płynnego przewijania strony? Jeszcze nie zainstalowany. Nie odkładajmy instalacji magicznego przycisku na później, ponieważ przycisk w górę na stronie jest bardzo wygodny, szczególnie dla odwiedzających. Bez tego jest w porządku, po prostu denerwuje mnie, gdy nie ma go na stronie. Aby wrócić na górę strony, musisz obrócić koło. Źle, bardzo źle bez przycisku. Webmasterzy muszą bardziej dbać o swoich gości.

Przyciski do płynnego przewijania w górę w WordPress

Szanowni Państwo, bądźcie bardziej uważni na swoich czytelników, w przeciwnym razie stracicie ich na zawsze.

Dziś Wam przedstawię najlepsze wtyczki, dzięki którym możesz zainstalować przycisk Powrót do góry (Przewiń do góry) na swojej stronie internetowej lub blogu. wybierane na podstawie największej liczby pobrań modułów przez użytkowników platformy WP. Przypomnę, że wszystkie wtyczki można zainstalować w standardowy sposób, z panelu administracyjnego, poprzez wyszukiwarkę i moduł ładujący wtyczki. Nie ma potrzeby pobierania czegokolwiek. Zainstalowałem, aktywowałem, skonfigurowałem i tyle.

Jak zrobić przycisk w górę na stronie internetowej. Wtyczki - Button Up dla WordPress

Pójdziemy pierwsi prosty wtyczka jQuery Płynne przewijanie

Wtyczka jQuery Smooth Scroll

Ta wtyczka automatycznie dodaje przycisk w górę po zainstalowaniu i aktywacji modułu. Przycisk w górę pojawi się w prawym dolnym rogu strony. Jak to mówią, ustaw i zapomnij. Wtyczka została już zainstalowana ponad 50 700 razy. A tak wygląda nasz przycisk:

Przycisk w górę na stronie WP

Lekka wtyczka Smooth Scroll Up - płynne przewijanie w górę

Lekka wtyczka Smooth Scroll Up

Smooth Scroll Up to lekka wtyczka, która tworzy konfigurowalną funkcję przewijania do góry w witrynie WordPress. Wtyczka Smooth Scroll Up ma minimalne ustawienia. Wybierz z różne typy Przewiń elementy w górę - obraz, ikona, link tekstowy itp.

Opcje konfiguracji wtyczki Smooth Scroll Up

Wtyczka jest w języku rosyjskim, więc nie będziesz mieć żadnych problemów z ustawieniami przycisku w górę.

Wtyczka WPFront Scroll Top

Dodanie przycisku przewijania w górę

Moduł WPFront Scroll Top umożliwia odwiedzającemu łatwe przewijanie z powrotem do góry strony z w pełni konfigurowalnymi opcjami i obrazem. Wtyczka ta posiada więcej ustawień i co najważniejsze bardzo duży wybór ikon (obrazów) samego przycisku. Możesz także obejść się bez obrazu:

Konfigurowanie wtyczki WPFront Scroll Top

A same obrazy przycisków mają mnóstwo do wyboru. Nawet jeśli żaden z obrazów przycisków na górze Ci nie odpowiada, możesz podać link do obrazu przycisku:

Wybór przycisku w górę

Zgadzam się, to całkiem przyzwoity zestaw obrazów dla magicznego przycisku. To prawda, wtyczka jest angielski, ale Google przetłumaczy. A oto przykład zainstalowanego przycisku na stronie:

Przycisk w górę

Przewiń do góry wtyczki - przycisk w górę

Przewiń wtyczkę Back To Top

Moduł Przewiń do góry zawiera także szereg ustawień i opcji dotyczących wyglądu przycisku prowadzącego na górę:

Przykład przycisków „w górę” na stronie internetowej

To chyba wszystko. Moim zdaniem istnieje wystarczająca liczba wtyczek, za pomocą których można zainstalować przycisk w witrynie WordPress. Wybór należy do Was, drodzy przyjaciele. Mam nadzieję, że spodoba Ci się ta recenzja. Powodzenia i do zobaczenia później.

Górny przycisk jest teraz obecny w wielu witrynach i pomaga użytkownikom szybko wrócić na samą górę strony. Jest to dość wygodne, jeśli witryna wyświetla wiele informacji. Dlatego, aby nie musieć za każdym razem przewijać strony do początku artykułu lub do menu, programiści radzą dodać przycisk w górę. Zwykle znajduje się w prawym dolnym rogu i pojawia się, gdy zbliżasz się do końca strony. Opcja jest dość interesująca i nie tak trudna do wdrożenia.

Zasadniczo możesz utworzyć przycisk na górę za pomocą określonych skryptów i edytując szablon WordPress, ale istnieje łatwiejsza opcja - wtyczki. Jest idealny dla tych, którzy są zbyt leniwi, aby zrozumieć kod, lub dla tych, którzy są słabo zaznajomieni z kwestiami tworzenia stron internetowych. Ponadto moduły mają różne ustawienia umożliwiające wdrożenie pewnych interesujących funkcji. A to, jak widać, jest również bardzo przydatne. Spośród 10 znalezionych wtyczek dla funkcji Powrót na górę rozważę tylko 4, które mają wystarczającą liczbę pobrań i odpowiem aktualne wersje Systemy WordPress.

Płynne przewijanie w górę

Lekka i konfigurowalna wtyczka Smooth Scroll Up umożliwia dodanie górnego przycisku do dowolnego postu/strony w WordPress. Moduł został pobrany ponad 40 tysięcy razy; obsługiwane są wersje WP od 3.2 do 4.1. Ostatnia aktualizacja była niedawno. Dostępne tłumaczenia dla różne języki(Rosyjski i ukraiński nie są jeszcze dostępne).

Kluczowe cechy płynnego przewijania w górę:

• Wybieranie różnych elementów przycisku w górę: tekst, obraz, przycisk.
• Wybór pozycji elementu Back to top: lewy, prawy, środkowy.
• Możliwość określenia dowolnego tekstu dla górnego przycisku.
• Określa odległość od góry strony, po przekroczeniu której pojawi się przycisk.
• Animacja podczas przewijania (przewijanie, przyciemnianie).
• Pokaż/ukryj strona główna i urządzenia mobilne.
• Dodanie zdarzenia kliknięcia.

Oto parametry przycisku powrotu na górę (kolor, obramowanie, tło, przezroczystość) i ustawienia lokalizacji elementu Wróć na górę oraz użycie w nim obrazów lub tekstu, a także opcje animacji podczas przewijania itp. Obsługiwane wersje WordPressa to od 3.0 do 3.9.2, moduł został pobrany ponad 18 tysięcy razy.

Radziłbym wybrać spośród tych czterech wtyczek do przycisku powrotu na górę. Ich kolejność w recenzji nie jest oceną, to znaczy nie oznacza, że ​​uznałem ją za najlepszą na początku lub na końcu artykułu, idą w miarę zapoznania się. Wszystko w zasadzie zależy od Twoich potrzeb. Jeśli daleko Ci do rozwoju i WordPressa, to najłatwiej jest zainstalować Smooth Scroll Up i zapomnieć o tym. Dla tych, którzy chcą majstrować przy ustawieniach, odpowiednie są dwie ostatnie wtyczki. Pierwszy z nich jest najnowszy w tej chwili. Generalnie jest w czym wybierać.