Подобную кнопку лучше всего размещать таким образом, чтобы она всегда была видна на странице. Это можно реализовать например вот так:
В какой бы месте на странице не находился пользователь кнопка всегда будет привязана к левой части экрана. И кликнув по ней, браузер предложит ему сохранить главную страницу блога в закладках.
Как осуществить на WordPress:
- Первое что нужно сделать – это загрузить картинку на хостинг. Осуществить это можно через Панель управления хостингом, либо через FTP. Все что нам надо – это адрес картинки. У меня он выглядит вот так:
- Теперь нам нужно вставить картинку в нужное место. Для этого нужно отредактировать файл header.php. Открываем на редактирование этот файл и сразу после открывающегося тега вставляем этот код (в котором заменяем фразы «Ссылка на главную страницу» и «Название блога», а так же «Адрес до картинки»):
- Внимательные читатели наверняка заметили что саму кнопку мы облачили в div контейнер под названием book, теперь нам необходимо прописать для него стили. Для этого открываем файл style.css и в самом конце добавляем следующие строки:
1
|
.book { height: 151px; width: 22px; padding-left: 0px; position: fixed; top: 45%; left: 0; z-index: 5;
|
На установка кнопки добавить в избранное закончена! Давайте теперь рассмотрим другой вариант. Если у Вас вознкили вопросы со стилями или CSS, то можете спросить на сайте разработчиков https://dropcode.ru/forum/html-css.
Кнопка «Добавить в закладки» определенную запись WordPress
Посетителям может быть не интересен блог в целом, но наверняка они захотят добавить в закладки некоторые статьи, которые им очень понравились. Поэтому на блоге можно реализовать кнопку, которая бы добавляла в избранное ту страницу, на которой сейчас находится посетитель. В данном случае принцип работы будет такой же, как и у кнопок социальных сетей под каждой записью.
Результат:
Можно добавить кнопку прямо в блок соц-кнопок, а можно вынести ее отдельно. Например вот так:
Кликнув по звездочке пользователю предложат сохранить данную страницу со статьей в закладки. Конечно картинку можно заменить на свою, так же можно реализовать данный функционал при помощи текстовой ссылки, а не картинки.
