Вывод похожих записей во всплывающем блоке

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

Вывод похожих записейРешил сделать у себя на блоге всплывающий блок с похожими записями. Было найдено несколько плагинов для WordPress с такой функциональностью, но большинство из них мне не понравилось.

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

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

Называется он nrelate Flyout, достаточно часто обновляется и поддерживает на данный момент WordPress до версии 3.8.1.

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

Сегодня рассмотрим установку этого плагина и его основные настройки в WordPress 3.8.1.

УСТАНОВКА NRELATE FLYOUT

Установит плагин можно несколькими способами, остановимся на том, какой использую я.

1. Для этого переходим на сайт http://wordpress.org/plugins/nrelate-flyout/ и скачиваем самую новую версию плагина, нажав на кнопку «Download Version…»

Скачать nrelate Flyout

2. В админпанели WordPress переходим в «Плагины» и нажимаем «Добавить новый»

Плагины

3. Кликаем по ссылке «Загрузить»

Загрузить

4. Нажимаем кнопку «Обзор», выбираем скачанный архив с плагином и нажимаем кнопку «Открыть»

Обзор

5. Кликаем на кнопку «Установить сейчас»

Установить сейчас

6. Ждём окончания процесса установки плагина, после чего активируем его

Активировать плагин

7. Переходим в «Плагины», находим установленный nrelate Flyout и нажимаем на «Dashboard»

Dashboard

8. Плагину необходимо время для анализа содержимого вашего блога (оно отображается в верхней строчке)

Анали содержимого блога

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

Индексация завершена

— Categories (отмечаем категории, записи из которых не хотим выводить)
— Post Types (отмечаем где будем выводить всплывающий блок)

Категории

Сохраняем настройки, нажатием кнопки «Save Changes»

НАСТРОЙКА ВЫВОДА ПОХОЖИХ СТАТЕЙ

1. Переходим в меню «General»:

— в «Would you like to display thumbnails with text, or text only» — выбираем, как отображать записи, с картинками или только текст

— в «Please choose a thumbnail size» — указываем размер картинки

— в «Please enter a title for the flyout content box» — пишем заголовок выезжающего блока

— в «Maximum number of posts to display from this site…» — указываем количество отображаемых записей в выезжающем блоке

General

— в «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?» — указываем количество слов в текстовом анонсе записи

— в «Which side of the page should the box appear from?» — отмечаем, с какой стороны будет выезжать блок

— в «When should the Flyout appear?» — позиция, после которой будет выезжать блок

Настройки nrelate Flyout

— в «Width of Flyout box» — указываем ширину блока

Настройка nrelate Flyout

Не забываем сохранять вносимые изменения

2. Переходим в меню «Thumbnails Gallery», где выбираем желаемый шаблон из галереи

Thumbnails Gallery

3. Переходим в меню «Animation Styles», где выбираем стиль отображения

Animation Styles

Более продвинутые пользователи смогут самостоятельно настроить стили CSS для выезжающего блока

Вот так выглядит выезжающий блок на этом блоге

Вывод похожих записей на блоге

Спасибо за уделённое внимание, дорогие читатели блога LiWiHelp.ru!

Комментарии:

4 комментария

    1. Я не понял Вашего вопроса. Плагин сам выводит блок с записями. В настройках плагина Вы задаёте желаемые положение, размеры и др. Прочитайте внимательно инструкцию!

Leave a Reply

Ваш e-mail не будет опубликован.