Как вывести похожие посты

Как вывести похожие записи без использования плагинов

Один из практических примеров вывода похожих записей при помощи WP_Query вы можете найти в этом видеоуроке.

Тема сама по себе не новая и в инете навалом всяких реализаций. Я вообще не хотел об этом писать — согласился лишь по просьбе одного из читателей моего блога.

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

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

Вывод похожих постов из тех же категорий и/или меток, что и текущий пост

Этот код поможет вам:

• Вывести посты, которые находятся в тех же рубриках, что и текущий пост.
• Вывести посты, которые отмечены теми же метками, что и текущий пост.
• Всё вместе и сразу.

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

Вручную устанавливаем в админке посты, которые хотим вывести

На мой взгляд это самый оптимальный способ вывода именно релевантных постов.

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

Выводить похожие записи мы будем в два шага.

Шаг 1. Произвольные поля

Как я уже сказал, нам нужно зайти на страницу редактирования поста и указать там посты, которые мы добавим в «Похожие записи».

Как это делается, показано на скриншоте:

А теперь подробнее:

• В качестве названия произвольного поля можете использовать любое, которое ещё не было задействовано на вашем сайте (какие были задействованы, можно узнать, нажав на выпадающий список —Выбрать—). Как видно по скриншоту, я использовал my_related_posts .
• Значением произвольного поля будет перечисление ID-ов похожих постов через запятую (без пробелов). Чтобы узнать ID поста, просто перейдите на его страницу редактирования и посмотрите на URL.
• Если у вас нет такого блока с произвольными полями, в правом верхнем углу откройте вкладку «Настройки экрана» и напротив «Произвольные поля» поставьте галочку.

Шаг 2. Вывод релевантных постов

Итак, сразу код, вставляем туда, где хотим вывести похожие посты:

Выводим похожие посты с изображениями-миниатюрами

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

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

Сразу покажу,что у нас в итоге должно получиться (я использовал стандартную тему WP Twenty Tvelve):

Как это реализовать, по порядку:

1. Используйте один из рассмотренных выше способов для вывода похожих постов.
2. Для того, чтобы вывести изображение-превьюшку к посту, вы можете воспользоваться функцией the_post_thumbnail().
3. Для того, чтобы записи шли красиво друг за другом в ряд, используйте стили CSS:

Если у вас возникнут какие-либо вопрсосы или появятся трудности, пожалуйста, оставьте комментарий. Буду рад вам помочь.

Статьи, которые могут помочь вам с выводом блока похожих постов

Впервые познакомился с WordPress в 2009 году. Организатор и спикер на конференциях WordCamp. Преподаватель в школе Нетология.

Если вам нужна помощь с сайтом или разработка с нуля на WordPress / WooCommerce — пишите. Я и моя команда будем рады вам помочь!

Источник

5 лучших плагинов для похожих записей в WordPress

Опубликовано: ADv Дата 30.01.2016 в рубрике Плагины WP 1 комментарий

Ваши посетители покидают сайт после прочтения одной статьи? Увеличение количества просмотра страниц и уменьшение показателя отказов — основная задача для владельцев сайтов. Предоставление пользователю смежного контента — доказанный эффективный способ увеличения количества просмотров страниц. Вы легко можете вывести похожие записи на своем WordPress сайте с помощью плагинов. В сегодняшней статье мы покажем вам несколько самых лучших плагинов для похожих записей под WordPress.

1. Yet Another Related Posts Plugin

Yet Another Related Posts Plugin, он же YARPP, является одним из самых популярных плагинов для вывода похожих статьей с более чем 3,4 миллиннов скачиваний. Он поддерживает как вывод статей в текстовом, так и в графическом виде.

Преимущества:

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

Недостатки:

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

YARPP не совместим с плагином WPML. Если вы хотите создать мультиязычный сайт, то следует воспользоваться Polylang.

2. Contextual Related Posts

Contextual Related Posts — еще один WordPress плагин для вывода похожих записей. Он пытается улучшить релевантность, сравнивания записи по контексту. Плагин умеет выводить похожие записи и в виде миниатюр, и в виде текста.

Преимущества:

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

Недостатки:

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

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

3. Related Posts for WordrPress

Related Posts for WordPress plugin — легкая альтернатива большинству плагинов похожих записей. Все ресурсоемкие операции он выполняет в админке, а дальше использует кеш для отображения записей.

Преимущества:

Related Posts for WordPress сосредоточен на производительности. Он быстрый и не замедляет ваш сайт. Умеет выводить записи как картинками, и так и текстом.

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

Недостатки:

Если вы уже пользовались подобного рода плагинами, то вам может не хватать некоторых функций.

4. Yuzo Related Posts

Еще один хороший и бесплатный плагин похожих записей — Yuzo Related Posts. В нем представлен исчерпывающий набор функций, которые вообще можно ожидать от плагина похожих записей. Вид с картинками, горизонтальный вид с картинками, в виде списка, встроенный кеш и т.п.

Преимущества:

Плагин очень легко настраивать и использовать. Пользователь может выбрать стиль внешнего вида, просто кликнув по нему. Кеширование значительно ускоряет производительность, даже лучше чем это делают YARPP и Contextual Related Posts. В наличии отлично настраиваемый виджет с «вагоном» опций.

Недостатки:

Приходится жертвовать скоростью при наличии такого количества функций. Плагин быстрый, но не «лёгкий».

5. Inline Related Posts

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

Преимущества:

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

Недостатки:

Если вы захотите вывести похожие записи в конце статьи, то вам придется устанавливать другой плагин. А два плагин похожих записей — могут существенно замедлить ваш сайт.

Интересное

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

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

Мы надеемся, что наша статья помогла вам найти для себя лучший плагин для похожих записей на свой WordPress сайт.

По всем вопросам и отзывам просьба писать в комментарии ниже.

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

Источник

Как вывести похожие записи в WordPress

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

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

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

Опишу, как добавить данный виджет при помощи плагина Contextual Related Posts, а так же как его правильно настроить, чтобы блок «Похожие записи» смотрелся красиво.

Установка плагина

Для установки такого плагина, заходим в консоль своего сайта, затем, в «Плагины», «Добавить новый». В строку поиска вводим Contextual Related Posts.

Выбираем плагин, который показан на скриншоте (80000 + установок). Нажимаем на «Установить», затем «Активировать».

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

Настройка плагина Contextual Related Posts

Итак, после установки и активации плагина, в консоли сайта заходим в Настройки, затем нажимаем Related Posts. Нас сразу перебросит на панель настроек этого плагина.

Настройка General

В пункте «General» следует поставить птичку только в подпункте Automatically add related posts to, здесь мы отмечаем птичкой только Posts.

Затем, спускаемся ниже и проставляем птички, как показано на скриншоте. Не забываем нажать на синюю клавишу «Save Changes», то есть «Сохранить изменения».

Настройка List tuning

Далее, переходим в следующий пункт меню «List tuning», здесь находятся важные настройки внешнего вида похожих постов.

В Number of posts to display, рекомендую поставить цифру четыре, либо восемь, это количество видимых похожих записей. Если оставить шесть, то посты будут смотреться не очень красиво.

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

В разделе Order posts, выбираем Randomli, это значит, что похожие записи, будут выводится в случайном порядке.

Пункт Randomize posts, можно не отмечать, а вот пункт Related posts based on title and content, лучше отметить, поставив птичку. Это связанные посты на основе заголовка и содержания.

Спускаемся ниже и продолжаем настройки List tuning. Осталось совсем немножко, а именно проставить птички в пункте Post types to include (Типы сообщений для включения) возле Post (после) и Page (страница) и сохраняем изменения.

Настройка Output

В пункте меню Heading of posts, вписываем заголовок нашего блока вывода похожих записей. Я написала «Похожее по теме», вы можете написать любой удобный для вас заголовок.

В пункте меню Show when no posts are found, это означает «Показывать, когда сообщения не найдены» отмечаем «Blank output», то есть будет показываться пустой вывод, это выглядит эстетичней, чем «Показ пользовательского текста».

Спускаемся ниже, там можно отметить Длину выдержки, я написала 11. Так же можно ограничить длину заголовка сообщения (в символах), я поставила 60.

Больше здесь настраивать ничего не надо, а следует нажать на синюю клавишу Save Changes и сохранить изменения.

Настройка Thumbnail

Переходим в следующее меню настроек Thumbnail, здесь настраивается расположение миниатюры поста, будет ли она с надписями или нет, а так же размер миниатюр.

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

В пункте «Расположение миниатюры постов» стоит отметить понравившейся вам пункт, а именно будут ли выводиться миниатюры с названием статей или нет. Я выбрала «Отображать только эскизы без текста», так блок вывода похожих записей смотрится эстетичней.

Далее нужно выбрать размер миниатюры, я отметила «crp_thumbnail (150×150)».

Спускаемся ниже. Здесь следует обозначить ширину, высоту миниатюры, твердые кадры. Так же выбрать «Атрибуты размера миниатюр».

Затем, можно оставить предложенные настройки «Названия мета-поля миниатюр». А в пункте «Получить первое изображение» обязательно поставить птичку.

Спускаемся ниже и так же следует отметить птичкой пункт » Использовать миниатюру по умолчанию».
Миниатюра по умолчанию, мною выбрана в виде рисунка листа бумаги, приколотым скрепкой.

После изменения настроек, не забываем нажать на «Сохранить изменения».

Настройка Стили

Переходим в следующий пункт меню «Стили». Здесь я выбрала «Округлые миниатюры» и сохранила изменения. Так как пункты «без стилей» и «Только текст» мне не понравились.

Настройка меню Подача

Что интересно, но в меню «Подача», ранее я устанавливала другие параметры, но внешний вид миниатюр был не очень эстетичный.

Указав параметры, как на скриншоте, получился симпатичный блок вывода похожих записей.
В пункте меню «Количество сообщений для отображения» поставила 6.

Далее в пункте меню «Расположение поста» отметила «Отобразить миниатюры со строками перед заголовком». Ширину и высоту миниатюр установила 260, сохранила изменения.

Друзья, вот и все настройки плагина Contextual Related Posts, сделав один раз внимательно все изменения в настройках, вы получите красивый виджет «Похожие записи» на своем сайте.

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

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

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

Источник