Відповідаю всім своїм читачам і відвідувачам: знайшов цей скрипт на просторах інтернету. Він мені моторошно сподобався і я встановив його собі на блог. Про те, як це зробити я вам сьогодні розповім. В принципі - нічого складного ...
Багато блогерів і веб-майстра ігнорують ці кнопки в сенсі їх установки, мотивуючи це тим, що і мишкою непогано справляються і навіщо зайвий раз код блогу захаращувати. Але я все-таки схиляюся до установки цих прикольних, зручних кнопок.
Довгий час у мене не було їх, так як кнопка Вгору була реалізована (вбудована) в самому шаблоні. Вона і до цього дня там. Навіщо її прибирати то? Але вона була статичною. Вона перебувала в футере блогу і не з'являлася, коли відвідувач починає "скролить" сторінку вниз, а це може напружити примхливого відвідувача або вашого читача.
Тому, після прочитання сьогоднішнього поста ви з легкістю (я сподіваюся) зможете встановити скрипт кнопок вгору-вниз-читати-пауза.
План установки скрипта вгору-пауза-читати-вниз
- Підключимо бібліотеку jQuery до сайту, якщо вона ще не підключена
- Створимо новий файл з розширенням .js (якщо його немає в шаблоні) і вставимо в нього спеціальний код
- Підключимо цей файл до нашого шаблоном
- Отпозіціоніруем кнопки в стилях - щоб виглядало красиво!
Отже, ви готові? Тоді поїхали!
- Як підключити бібліотеку jQuery до вашого сайту і навіщо?
AJAX - це набір способів розробки веб-додатків. AJAX дозволяє відправляти динамічні запити серверу без видимої для користувача перезавантаження веб-сторінки.
Складно, правда? Так, для новачків блогинга - це темний ліс. Та й для мене поки це далеко не світла галявина ... Але справа не в цьому друзі. Ця бібліотека дозволить нашому скрипту працювати, тому вам необхідно перевірити - чи ваш блог вже до цієї всесвітньовідомої гугловський бібліотеці роботи скриптів.
що потрібно для цього зробити? Потрібно перевірити файл шаблону header.php на наявність ось цього рядка:
Як швидко знайти цей рядок в файлі шаблону? Відповідь: - Комбінацією клавіш CTRL / F
І коли у верхньому правому кутку з'явитися пошукове віконце - вставляйте туди цю шукану рядок. Якщо вона там не з`явилася, то ваш блог не підключений до бібліотеки jQuery. Сміливо підключаємо!
Вставляємо цю потрібну строчку в файл шаблону header.php до закриває тега
Ось, як ця строчка вигладить у мене в header.php Отже, бібліотеку ми підключили. Що далі за планом?
- Створимо новий файл з розширенням .js і вставимо в нього спеціальний код - для цього, заходимо за допомогою filezilla на хостинг і шукаємо в кореневому каталозі, в папці з вашою темою папку під назвою js
Ось як вона вигладить у мене на хостингу. І все файли, з розширенням .js знаходяться в ній. Якщо такий директорії у вас на хостингу немає (у чому я сильно сумніваюся), то потрібно створити таку папочку. Для цього, натискаємо на папці з темою правою кнопкою миші і тиснемо на "Створити каталог". Замість "Новий каталог" пишемо js і ОК. Папка з потрібним нам розширенням благополучно створилася. Тепер створимо новий файл в цій папці. Зайдіть в неї і за допомогою правою кнопкою миші виберіть "Створити новий файл". Дайте свою назву цього файлу. Я наприклад обізвав vverx-vniz. Логічно адже? 🙂 А тепер скопіюйте ось цей довжелезний код.
- Підключаємо наш чарівний файл до шаблону
Все робиться теж - дуже просто. Потрібно прописати спеціальний код у файлі вашої теми footer.php (щоб не сповільнювати завантаження сторінки) після закриває тега