Вывожу подобные материалы с картинкой
Добрый день, уважаемые читатели! Я создавая свои блог и сайт особое внимание уделяю внутренней перелинковке. Это не только положительно влияет на ранжирование страниц поисковыми системами, но и позволяет удержать посетителя на сайте и как бы приглашает пройди еще на другие страницы. На данном блоге это воплащено несколькими способоми — это плагин Хлебные крошки, а так же с помощью плагина 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 записки отчаянной«
Возможно Вам это будет интересно:
Вам понравилась статья? Расскажите о ней друзьям!