n-wp.ru — блог о WordPress
Как вывести похожие записи | contextual related post | n-wp.ru

Как вывести похожие записи | contextual related post

Есть множество плагинов, которые выводят в конце статьи ссылки на похожие записи. Но они выводят голые ссылки, и нужно постараться удивить людей названием, чтобы они кликали по таким ссылкам. В то же время если вывести картинки и краткое содержимое из похожих статей, то ценность такого вывода увеличится во много раз. Оказывается, таких плагинов, которые это умеют, не так уж и много. Один из них — contextual related post.

tiaurus-2010-03-18_143659

Плагин contextual related post позволяет выводить похожие записи, анализируя из заголовки. Если такого уровня “похожести” недостаточно, то можно сканировать еще и содержимое. Найдя нужное количество похожих записей (количество регулируется), плагин позволяет вывести его название, изображение, и содержимое. Название и изображение выводятся ссылкой, а содержимое — текстом. Длина анонса устанавливается в количестве слов. Размер картинки тоже регулируется.

tiaurus-2010-03-18_151257

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

tiaurus-2010-03-18_151404

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

tiaurus-2010-03-18_151335

Плагин contextual related post является одним из самых удобных из всех, которые я встречал для вывода похожих записей. Осталось только научиться называть посты правильно.

Скачать contextual related post

Скачать русский язык для contextual related post

Надоело смотреть на унылый однотонный цвет рабочего стола? Хотите поднять настроение или же настроиться на рабочий лад? Скачать обои бесплатно и без регистрации. Огромное количество, различные тематики, различные размеры.

tiaurus

Являюсь создателем n-wp.ru — блога о WordPress для новичков. Мне интересно многое, поэтому еще я сделал 123-box.ru — блог о программах для Windows, и tiaurus.info — блог о красоте.

31 комментарий

  • У меня возник целый ряд вопросов после игры данным плугином:
    1) После отключений плугина — на сайте осталось его неопрятное «охвостье» (например вот http://crea.com.ua/legko-dixati/) причем на каждой странице — охвостье разное — где-то пустые пиктограммы, где-то дублирующиеся текстовые ссылки. Как это вычистить?
    2) существуют-ли настройки позволяющие организовать вывод похожих постов с картинками в ширину, а не в высоту?
    3) Мне не удалось заставить плугин подцепить пиктограммы, задаваемые произвольным полем «Image» — однако тема моя преспокойно их подхватывает.

    • Я так же учусь работать с WordPress, как и вы, но на вопросы попробую ответить.
      1. Хвосты? Я не увидел на приведенной странице никаких хвостов. Может почистить кэш в плагине кэширования и в браузере?
      2. Этот же плагин и позволяет выводить как хотите. Не зря в его настройках есть поля для ввода разметки до и после вывода. Я когда пользовался плагином, то настроил в них разметку таким образом, как показано на самом первом скриншоте в этом посте.
      3. А вы наименование дополнительного поля в настройках плагина указали? У меня никаких проблем не возникало, одна кот дополнительных полей я отказался вовсе — неудобно. Мне достаточно, что плагин выводил первую картинку из поста.
      Ну и в завершение: я вообще встроил вывод похожих постов с картинками прямо в код темы, поэтому вовсе отказался от использования подобных плагинов.

  • 1. да, похоже действительно был кеш.
    3. Наименование поля — указал (и причем верно иначе-бы в теме у меня пиктограмы не работали)

    А есть-ли возможность выводить похожие посты,задаваемые не тегами, а например по ID темы или по адресу и с картинкой, задаваемой ссылкой?

    • Что-то не понял, кому я отвечаю. Да и вас бы попросил использовать кнопочку «ответить», чтобы было видно, что и с кем обсуждается.
      Выводить похожие посты по категриям — целая куча плагинов. Например, Related Posts by Category: http://n-wp.ru/742
      Выводить похожие посты по адресу и с картинкой, задаваемой ссылкой — не понял, как это?

      • Извините, зашел не под тем. Удалите пожалуйста коммент от Апрель 09, 2010 | 11:04

        Я имел ввиду следующее: допустим есть некая книга. Ей может быть созвучна какая-то живопись. затем какая-то музыка. Посты про эту музыку и живопись могут иметь уникальную ссылку или уникальный ID, (поскольку не по тегам, не по заголовку созвучие никак не определишь) Вам не попадался плугин или код, с помощью которого можно было-бы реализовать вставку «созвучных» блоков с картинками и текстами, при этом сам блок (текст или цитата) задавалась-бы пользователем явно (по йади или адресу ссылки) и картинку-бы можно было задать ссылкой,(или на худой конец произвольным полем)

  • Спасибо за обзор. Давно искал такой плагин. У меня картинки выводятся столбиком, а хочется в строчку. Подскажите что нужно сделать. Спасибо.

    • Нужно воспользоваться настройками плагина — в нем можно указать разметку до и после вывода. Я сделал не списком, как предлагает плагин, а таблицей.

    • установи размеры картинки (например 160х160) и пропиши в style.css следующее:
      #crp_related{overflow: auto;}
      #crp_related ul{list-style-type: none;margin: 0px;padding: 0px;display: block;clear: both;}
      #crp_related ul li{display: inline;float:left;width: 180px;font-size: 13px;text-align: center;}
      a.crp_title{display: block;width: 160px;}

  • Ой, спасибо! Получилось здорово, но не совсем…Если делать таблицей и выставлять 4 статьи, то при условии что у первой или второй статьи название длиннее, чем у второй или первой, то картинка к третьей или четвертой статье уползает куда-то вниз. Поэтому пришлось ограничится только двумя статьями.

    В общем, не подскажите ли, как выставить в строчку хотя бы 3 картинки?

    • <div><table border="0" cellpadding="2" cellspacing="2"><tbody><tr>
      в строчке “HTML to display before each list item” введите

      <td>
      в строчке “HTML to display after each list item” введите

      </td>
      в строчке “HTML to display after the list of post” введите

      </tr></tbody></table></div>
      Вот и все. Остальное настройте по всоему усмотрению.

  • А можно вывод похожих записей сделать не под статьей, а скажем в сайдбаре? Или в подвале по все длинне? Какой код нужно переместить?

    • Можно. Плагин генерирует код, отображая его в настройках, если вы выбираете не автоматический, а ручной вывод похожих постов.

  • У меня миниатюра которая соответствует посту — 360*150. Хочу чтобы она пропорционально отображалась плагином. Но это не удается, картинка остается квадратной, изменяется только сторона квадрата, а надо прямоугольник. Нужный размер 90*38. Подскажите пожалуйста как организовать желаемый результат!

    • В этом блоге для вывода похожих записей не использую плагины по указанной вами причине — ни один плагин не умеет выводить картинки из постов пропорциональными.
      Поэтому я разработал собственный метод, который описал в двух постах:
      Как без плагинов вывести похожие записи с картинками и анонсами | часть 1 — http://n-wp.ru/4488
      Как без плагинов вывести похожие записи с картинками и анонсами | часть 2 — http://n-wp.ru/4490
      Советую так же ознакомиться со всеми постами с тегом «похожие записи»: http://n-wp.ru/tag/pohozhie-zapisi

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

/* ]]> */