Как сделать на блоге(WP) выезжающий с боку анонс похожих записей.

WordPress 14

Отвечу на вопрос, который у меня уже несколько раз спрашивали читатели, и просто посетители блога.

Обещал пост о том как реализовать то, что вы видите ниже:

Прокрутив статью до конца, сами увидите как сбоку выезжает окошко с анонсом похожей записи. Сомневаюсь, так ли я сформулировал заголовок статьи, немного криво звучит 🙂 Такую фишку я заметил на западных блогах, там это применяется довольно часто. Как можно догадаться, таким образом можно увеличить количество просмотров, а вместе с тем время проводимое пользователями на сайте.

Сейчас поисковые системы все больше отдают предпочтение поведенческим факторам ранжирования, поэтому понижение показателя отказов задача, про которую забывать не следует. Приводить конкретно статистику этого блога не буду, смысла в этом нет, все равно у каждого свой результат или же его отсутствие будет. Скажу примерно, до установки время проводимое на блоге было чуть меньше 1 минуты , теперь чуть больше, также возросло количество просмотров  на посетителя с 1.2  до 1.5-1.8 😉

Ближе к делу. Понадобиться плагин nrelate-Flyout, но не спешите пока скачивать,  наши кириллические символы он не выводит, то есть с английским без проблем, а если сайт на русском то он выводит только картинку, и никакого текста. Хотя можете еще раз проверить, во всяком случаи у меня такая проблема была с ним. С этим я обратился к знакомому верстальщику, он немного запилил его, и проблема эта исчезла. И специально для вас я выложил свою версию плагина с доработкой — СКАЧАТЬ.

После установки минут 5-10 сайт будет индексироваться плагином, затем уже начнет выводиться анонс. В боковой панели админки появиться пункт «nrelate», переходим на него. Там видим следующие настройки:

Далее переходим в раздел «Flyout», там настройки важнее:

Тут поясню важные пункты:

Would you like to display thumbnails with text, or text only  — чтобы выводить анонсы без картинки-миниатюры а только текстом выберете «Text», если хотите как в этом блоге с картинкой вывод то оставляете второй вариант.

Please choose a thumbnail size — Выбираем размер выводимой картинки в анонсе от 80 до 150px, я поставил 120px.

Please provide a link to your default image: там указан путь к стандартной заглушке, на тот случай если у поста нет картинки. вы можете указать  путь другой картинке в качестве заглушки.

Please enter a title for the flyout content box  — туда пишите заголовок выезжающего блока, у меня он например «Еще интересное:».

Maximum number of posts to display from this site — Количество выводимых анонсов, у мня как видите 1 запись похожая выводиться, а максимально можно 10 штук выводить.

How deep into your archive would you like to go for flyout posts? — выводить записи не старше 10 часов/дней/недель.

Show Post Title? — показывать заголовок выводимых записей.

Maximum number of characters for title?— максимальное кол-во знаков в заголовке.

Show Post Excerpt? — выводить текстовый анонс записи(первые предложения).

Maximum number of words for post excerpt? — максимальное количество слов выводимое в текстовом анонсе.

И последнее, что нужно настроить. это внешний вид. Для этого открываем вкладку настроек «Animation Styles».

Выбирайте стиль. который вам по вкусу. Но отображение может быть не идеальным. часто бывает проблема с размером шрифтов и т.п., для этого придется самому покопаться в CSS стилях и подправить.

Ну, собственно, все. Теперь вы знайте как сделать такую штуку на своем блоге. В благодарность прошу поделиться этой записью, нажав на социальные кнопочки ниже, а также подписаться на обновления, если еще этого не сделали 🙂

14 комментариев

сначала новые
по рейтингу сначала новые по хронологии

У меня почему-то не выводятся=( Все сделал правильно. Сайт проиндексировал.

Не получается у меня даже уставить архив. Пишет:Размер загруженного файла превышает значение upload_max_filesize, установленное в файле php.ini.

Автор

Елена, данная ошибка думаю на стороне хостинга, нехватка памяти. попробуйте написать в техническую поддержку вашего хостера. Также попробуйте скачать новую версию плагина с его официальной страницы, если что-то не так с моей версией.

Давно хотела такой плагин установить у себя на сайте. Прямо сейчас иду устанавливать.

А у меня появилась запись, что до 120 минут будет индексировать. А плагин будет со временем индексировать сайт или потребуется его переодически выключать и снова активировать, что бы сайт проиндексировался?

Автор

Плагин сам будет индексировать, если возникнут проблемы то на странице настроек справа есть кнопка реиндексации.

Спасибо за долгожданный плагин. Но появилась небольшая проблема с выводом картинок. После установки он заработал и картинки выводились из постов ( настройки были по умолчанию ), после внесения изменений следуя вашим советам вместо картинок постов стали выводиться другие ( чветочки и другая лабуда). Подскажите пожалуйста почему так произошло и как это исправить.

Автор

Даже не могу сказать чем вызвано, попробуйте удалить плагин и поставить заново, еще при проверке отображения после каждой настройки очищайте кэш браузера чтобы увидеть изменения сразу.

Очень интересный плагин. Функций по настройке достаточно много. Возьму на заметку. 😉

Да, запись о том, что нужно подождать 10 минут, исчезла. Появилось такое сообщение: Indexing complete: nRelate plugin is ready to go and should now be appearing on your site. Questions? Visit our forum.

А у меня почему-то не выводится такая панелька, вроде все по инструкции делала :-(((

Автор

А в админке плагина показывается что он уже проиндексировал сайт?, после активации как правило до 15 минут может индексировать, еще попробуйте очистить кэш браузера.

Спасибо! плюсанул ваши кнопочки:)

Спасибо! Я уже заждалась, мне этот плагин сразу приглянулся. Сейчас попробую установить, потом покажу, что у меня получилось.

Добавить комментарий

Такой e-mail уже зарегистрирован. Воспользуйтесь формой входа или введите другой.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам:

Более 6 лет опыта работы

Отвечу в течении 24 часов

Минимальная сумма заказа 1000Р

Ваше сообщения отправлено
Ваше сообщения отправлено успешно