Вывожу подобные материалы с картинкой

Добрый день, уважаемые читатели! Я создавая свои блог и сайт особое внимание уделяю внутренней перелинковке. Это не только положительно влияет на ранжирование страниц поисковыми системами, но и позволяет удержать посетителя на сайте и как бы приглашает пройди еще на другие страницы. На данном блоге это воплащено несколькими способоми — это плагин Хлебные крошки, а так же с помощью плагина Related Post. Но создавая очередной проект на wordpress, для женской аудитории, мне хотелось не только создать внутреннею оптимитизацию блога, но и привлечь внимание с помощью картинок. И вот здесь я нашла идеальное решение в виде плагина  Contextual-Related-Posts.

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

Хотите себе нечто подобное на блог? Тогда скачиваем плагин Contextual-Related-Posts со страницы http://wordpress.org/extend/plugins/contextual-related-posts/changelog/  Вы получаете архив, распаковываете его и полученную папку отправляете с помощью ftp — клиента в директорию /wp-content/plugins/ Теперь заходите в админку блога и открываете вкладку «Плагины», где активируете  contextual-related-posts.

Хочу заметить, данный плагин не руссифицирован и поэтому необходимо еще скачать файл languages. Вы получаете архив, распаковав который увидете два файла. Вот эти файлы необходимо разместить в директория /wp-content/plugins/contextual-related-posts/languages.

После этого можно перейти непосредственно к настройке вывода подобных материалов с картинкой , для этого заходим в «Параметры» — «Инструменты» — «Похожие записи». Данный пункт появится после активации плагина Contextual-Related-Posts

Нажав на этот пункт у Вас откроется страница с настройками плагина:

— в окне Количество выводимых похожих записей  указываете количество выводимых картинок. Здесь следует учитывать возможности шаблона и размер миниатюр (у меня получилось 5 изображений).

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

— галочка в строке Добавить похожие статьи в контент… — «отключает» работу плагина и Вам для отражения картинок необходимо будет в файле single.php прописать указанный код.

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

— галочка в строке Добавить похожие записи в rss ленту — позволяет транслировать материалы в ленте.

— галочка Искать похожие записи учитывая… — если снять данную галочку то вместо картинок будет выводиться заголовок поста, где она размещена. Если же галочку ставим, то наличие кэширующего плагина ( например, hyper-cache) обязательно.

— галочка Исключить страницы с похожих… — говорит сама за себя

— галочка Добавить вывод ссылки на сайт автора плагина — выведет в футоре ссылку на сайт разработчика данного плагина. Я не стала ставить.

Потом присываем в поле Заголовок похожих записей — заголовок блока картинок. Это может быть любой вариант(Рекомендуем, Это интересно и так далее), а при желании можно оставить поле пустым.

— Затем необходимо решить, что будет выводиться, если не будет похожих материалов. Предлагается два варианта.

— Выводить цитаты — галочка в данной строке выведет цитаты из статьи.

— Длина цитаты — если Вы постали предыдущую галочку, то здесь предлагается указать количество слов в цитате

Параметры в разделе Настроить вывод я оставила по умолчанию, смысла нет их изменять.

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

Наименование дополнительного поля — этот параметр оставляем по умолчанию.

Так же оставляем по умолчанию и галочку в поле, При включеной опции , если дополнительное поле для миниатюр…..

Затем указываем высоту и ширину выводимых изображений, оптимальный вариант 100 х100 рх

Чтобы сохранить настройки нажимаем кнопку Save Options.

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

#crp_related{overflow: auto;padding-top:20px;}
 
#crp_related ul{list-style-type: none;margin: 10px;padding: 0px;display: block;clear: both;}
 
#crp_related ul li{display: inline;float:left;width: 120px;font-size: 13px;text-align: center;}
 
a.crp_title{display: block;width: 210px;}

Хочу обратить внимание, что с помощью строки

#crp_related ul li{display: inline;float:left;width: 120px;font-size: 13px;text-align: center;}

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

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

И еще плагин Contextual-Related-Posts отлично соседствует с плагином Related Post  и на мой взгляд с помощью этого плагина на блоге создается некое подобие карты по сайту в картинках, что позволит удержать читателя.

На этом все, всем удачи и до новых встреч на блоге «Seo записки отчаянной«

Вам понравилась статья? Расскажите о ней друзьям!