Как самому сделать кнопку наверх?


С сегодняшнем wordpress уроке я расскажу вам о том, как можно легко и быстро сделать кнопку " Наверх " у себя на сайте. вверх Все делается довольно примитивно! И так, начинаем.. Хочу сразу сказать, что для оптимизации и ускорения работы сайта мы обойдемся без использования плагинов! Первым делом скачиваем Этот архив - в нем находятся три файла: Первый файл - это картинка наверх (top.gif); Второй и третий файл - это два бонуса (зеленая и синяя кнопка). Разархивируем Zip архив и зальем один из файлов (картинку) в корень сайта. (хотя можно и в любое другое место) У меня она располагаются по следующему адресу: https://sergey-oganesyan.ru/top.gif Теперь заходим в админку блога :: Дизайн :: Редактор , выбираем footer.php (нижняя часть сайта) и помещаем вот этот код между тегами

(для поиска по странице нажмите Ctrl + F);

Внимание: http://ваш сайт.ru/ - замените на адрес вашего сайта; После этого обновляем шаблон и переходим к файлу шаблона под названием style.css (Список стилей) и в самый низ добавляем этот код:
#toTop { width: 100px; background: #ededed; border: 0px solid #cccccc; text-align: center; padding: 5px; position: fixed; bottom: 10px; right: 10px; }
Обновляем шаблон. При желании, вы можете изменит стиль вашей кнопки: width: - ширина кнопка в пикселях; background: - цвет фона; border: толщина и цвет рамки; text-align: выравнивание текста (стандартно - по центру); padding: отступ (в пикселях) position: - позиция (стандартно - фиксированная); bottom: 10px; right: - отступ от правого края; Все, кнопка должна появиться, но может быть так, что сразу она не будет отображаться, поэтому я рекомендую закрыть ваш браузер, почистить кэш и потом снова запустить. На этом все, подписывайтесь на обновления, с вами был Сергей Оганесян. До новых встреч!


Раздел: Разработка сайтов

Дата последнего изменения: 2019-02-16 14:23:02

Просмотров: 11550

Можете оставить комментарий, можете не оставлять, в общем развлекайтесь как хотите

* Комментарий: (отменить ответ)

* Ваше имя:

Ваш e-mail:

*