Новости
- Кнопка "Додати сайт у Вибране"
- Кнопка "Додати в закладки" певну запис WordPress
- Сумісність з браузерами
- Схожі статті:
Привіт всім відвідувачам блогу history-of-blog.ru . Дана стаття буде присвячена одній незвичайній кнопці, кнопці завдяки якій будь-який відвідувач сайту зможе додати Ваш сайт в обране браузера. Так само тут буде розглянуто більш ускладнений варіант, завдяки якому відвідувач зможе додати конкретну сторінку зі статтею в закладки браузера.
Кнопка "Додати сайт у Вибране"
результат:
Подібну кнопку найкраще розміщувати таким чином, щоб вона завжди була видна на сторінці. Це можна реалізувати наприклад ось так:
Якою б місці на сторінці не перебував користувач кнопка завжди буде прив'язана до лівій частині екрана. І клікнувши по ній, браузер запропонує йому зберегти головну сторінку блогу в закладках.
Як здійснити на WordPress:
- 1. Перше, що потрібно зробити - це завантажити картинку на хостинг. Здійснити це можна через Панель управління хостингом, або через FTP. Все що нам треба - це адреса картинки. У мене він виглядає ось так: http://history-of-blog.ru/img/bookmark.png - можете завантажити за цим посиланням картинку з написом "Додати в закладки".
- 2. Тепер нам потрібно вставити картинку в потрібне місце. Для цього потрібно відредагувати файл header.php. Відкриваємо на редагування цей файл і відразу після відкривається тега <body> вставляємо цей код (в якому замінюємо фрази "Посилання на головну сторінку" і "Назва блогу", а так само "Адреса до картинки"):
- 3. Уважні читачі напевно помітили що саму кнопку ми одягнули в div контейнер під назвою book, тепер нам необхідно прописати для нього стилі. Для цього відкриваємо файл style.css і в самому кінці додаємо наступні рядки:
На установка кнопки Додати в обране закінчена! Давайте тепер розглянемо інший варіант.
Кнопка "Додати в закладки" певну запис WordPress
Відвідувачам може бути не цікавий блог в цілому, але напевно вони захочуть додати в закладки деякі статті, які їм дуже сподобалися. Тому на блозі можна реалізувати кнопку, яка б додавала в обране ту сторінку, на якій зараз знаходиться відвідувач. В даному випадку принцип роботи буде такою ж, як і у кнопок соціальних мереж під кожним записом.
результат:
Можна додати кнопку прямо в блок соц-кнопок, а можна винести її окремо. Наприклад ось так:
Клікнувши по зірочці користувачеві запропонують зберегти дану сторінку зі статтею в закладки. Звичайно картинку можна замінити на свою, так само можна реалізувати даний функціонал за допомогою текстового посилання, а не картинки.
Як реалізувати:
- 1. Перший пункт абсолютно такий же. Нам потрібна адреса картинки, наприклад: http://history-of-blog.ru/img/dobait.png . Можете скористатися цим, а можете закачати картинку до себе на хостинг і використовувати свій шлях до картинки.
- 2. Тепер вставляємо напис "Сподобалася стаття? Додай в закладки браузера "і зірочку в потрібне місце в шаблоні. Для цього редагуємо файл single.php. У потрібне місце потрібно вставити наступний код (якщо використовуєте свою картинку - не забудьте поміняти адресу):
- 3. Відкриваємо файл style.css і в самому кінці прописуємо стилі:
Тепер при кліці на зірочку користувачеві буде запропоновано додати сторінку зі статтею в обране.
Перший і другий варіант відрізняються адресами сторінок. Якщо в першому випадку ми конкретно вказуємо сторінку, то в другому ми вказуємо стандартні змінні WordPress, які відповідають за посилання сторінки записи і її title (назва). Точно такий же прийом я використав при вставці кнопки Твитнуть в анонси статей .Сумісність з браузерами
Ми використовуємо атрибут rel = sidebar, який на жаль підтримують не всі браузери. Дана кнопка Додати в обране відмінно працює в Опері і Мазілу, але не працює в Google Chrome (в ньому при натисканні на кнопку нас лише перенаправляють на зазначену посилання, а не пропонують зберегти її в закладках).
Схожі статті:
Коментувати через ВКонтакте:
2. Тепер вставляємо напис "Сподобалася стаття?Додай в закладки браузера: <a title="<?
Php the_title(); ?
AddFavorite ( '<? Php the_permalink ();?
Gt;', '<?
Php the_title ();?
Gt; '); return false; " href = "<?
Php the_permalink ();?