Contextual Related Posts — выводим похожие записи с картинкой
Конкурс на сайте mojWP.ru для лучших комментаторов.
Условия на странице Конкурс комментариев
Роль внутренней перелинковки переоценить нельзя. И вебмастер вправе выбирать, каким образом его страницы будут связаны между собой. Сегодня предлагаю Вам ознакомиться с плагином Contextual Related Posts, который выводит похожие записи с картинкой и без, и незаменим в SEO.
Настройки плагина не требуют больших познаний в веб строительстве. Все что нужно, это скачать плагин и активировать.
Скачиваем плагин с его домашней страницы и устанавливаем. Для тех, кто не знает как устанавливается плагин, есть специальная Инструкция по установке плагина WordPress.
Далее идем в Параметры (Настройки) и кликаем на Похожие записи (Related Posts). Здесь мы настраиваем, как будет и что будет отображать данный плагин.
На случай, если у Вас плагин на английском языке (бывает и такое))), выкладываю скриншоты с русским переводом пунктов:
Свои сайты развлекательной тематики я монетизирую этойПартнерской Программой.
Хотелось бы особо отметить, что первая галочка, в строке Добавить похожие статьи в контент — выключает работу плагина и Вам придется вписать предложенный код в нужное место отображения. Данная возможность позволит оформить стиль отображения чисто под Ваш сайт. Я считаю это полезной функцией.
В принципе, с плагином все. На последок предложу Вам немного усовершенствовать вывод похожих записей и сделать его как на следующем скрине:
Чтобы отображать похожие записи в строку, нужно добавить несколько строк в Ваш файл стилей css.
#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;}
Чтобы вывести записи в вертикальный столбец, достаточно увеличить в 2 раза значение width: 120px в третьей строке.
Рассмотренная версия плагина: 1.6.4
Скачать плагин Contextual Related Posts



















А как сделать по краям картинки рамочку белую, не подскажите, что нужно в css дописать?
.класс img {border: 2px solid #ffffff; и другие параметры картинки}
Большое спасибо, очень помогли)))