Как сделать похожие записи вордпресс

Обновлено: 04.07.2024

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

Зачем нужны похожие записи с картинками в конце статьи

Для начинающих блоггеров я поясню, зачем нужно после статьи выводить ссылки на посты по теме. Наличие блока с анонсами других статей положительно сказывается на таких поведенческих факторах, как глубина просмотра и время нахождения на сайте. Все происходит примерно так: посетитель прочел Вашу статью, на которую он попал из поисковой системы, в которой он искал ответ на свой вопрос. Далее он увидел в конце статьи блок с анонсами других статей. Заголовок или картинка-миниатюра поста его заинтересовала и он перешел на другую страничку Вашего сайта. В статистике Вы увидите, что пользователь, пришедший на сайт по определенному ключевому слову, провел на сайте сколько-то времени и сделал столько-то переходов. Таким образом, похожие записи с миниатюрами в wordpress помогают пользователям просматривать тематические материалы, находить в них ответы на другие вопросы и улучшать поведенческие факторы сайта.

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

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

В Вашем шаблоне должны быть включены миниатюры. Ну и соответственно картинки миниатюр должны быть загружены ко всем записям на сайте. Если картинок не будет, то будут отображаться пустые квадратики. Я на своем блоге для каждого поста загружаю картинку-миниатюру размером 200*200. Стараюсь загружать квадратные изображения по размеру варьирующиеся в пределах 20 пикселей от значения 200*200. В противном случае, большая картинка будет не красиво обрезаться.

На странице добавления записи в правой колонке должен быть вот такой блок:

Еще один важный момент. Отключите обрезание картинок-миниатюр до указанного в настройках движка размеров. Посмотрите на следующей картинке, куда зайти в админке, чтобы сделать это:

Как сделать похожие записи с миниатюрами без плагина

Теперь приступим непосредственно к добавлению кодов вывода похожих записей в файлы. Первый код вывода похожих записей мы добавим в файл single.php. Если Вы ранее не производили никаких манипуляций с этим файлом (не добавляли кнопок соцсетей, рекламных кодов), в этом случае найдите в файле single.php код . Именно он отвечает за вывод текста поста. Смотрите на картинке, где он находится в моем шаблоне.

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

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

Следующий код стилей добавьте в файл style.css, можно в самый конец.

Цвета рамки и тени ячеек, а также текста ссылок, можете менять по своему усмотрению.

Вывод похожих записей с картинками плагином Related Posts Thumbnails

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

Вот ссылка на скачивание плагина Related Posts Thumbnails, который поможет вывести похожие записи с миниатюрами. Или же можете найти плагин по названию и установить непосредственно с админ панели.

В админке, в разделе Параметры, выберите из выпадающего списка Related Posts Thumb и попадете на страницу настройки плагина:

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

Еще можно задать вывод похожих записей с картинками по категориям, меткам или произвольно:

На этом у меня все. Надеюсь, Вы без проблем сможете вывести похожие записи с картинками после постов с помощью плагина Related Posts Thumbnails.

Вывод списка тематических публикаций плагином WordPress Related Posts

Плагин WordPress Related Posts позволит вывести под статьей блок "Похожие записи".

Установка плагина Related Posts очень простая:

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

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

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

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

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

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

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

Настройка General

Настройка List tuning

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

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

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

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

Настройка Output

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

Настройка Thumbnail

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

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

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

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

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

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

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

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

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

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

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

Начинающие авторы обычно ставят плагины. Плюс данного способа: установить, настроить плагин просто.

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

Перечень записей формируется в виде списка простого или с миниатюрами. Размер картинок можно настроить.

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

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

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

Без плагина

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

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

Вывод по меткам

Исправления будем вносить в файл single.php (одна запись).

Выше строчки вставляем код

'showposts'=>5 это количество ссылок, которое вы выводите.

Чтобы связанные посты соответствовали стилю вашего блога, в файл style.css (вниз) вставьте код

Ну, вот и получились (смотрите в конце страницы) похожие записи без плагина.

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

Вывод похожих записей без плагина с миниатюрами

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

В то место файла single.php, где надо отобразить связанные посты вставьте этот код.

'showposts'=>4 количество ячеек в ряду

В файле style.css пропишите стили для идентификаторов (вид блока) и (вид ячеек).

Миниатюры будут ссылками, статья, соответствующая картинке,
откроется в новом окне.

Вывод похожих записей с миниатюрами из пропорционально уменьшенных картинок поста плюс анонсы

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

1 ЭТАП. Дополнительно изображения загружать не надо. В файл functions.php добавьте следующий код.

В строке $first_img = "http://ваш_сайт//files/default.jpg"; // Ссылка на заглушку укажите адрес картинки на вашем сайте, которая будет выводиться при отсутствии похожих записей.

2 ЭТАП. В файл single.php перед внесите код

КОЛИЧЕСТВО выводимых записей 'showposts'=> 3

МАКСИМАЛЬНАЯ ширина картинок " width="250", минимальная 110 мм

РАССТОЯНИЕ между ячейками (cellspacing="10") 10 мм (можно уменьшить если картинок больше и они более мелкие)

- это ФУНКЦИЯ вывода изображения из записи, которую мы вставили на 1 этапе в functions.php.

- ВЫВОД названия записи

- АНОНС записи без форматирования. 24 - количество отображаемых слов.

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

Заключение

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

Читайте также: