Похожие статьи из этой рубрики. Плагины для отображения похожих записей WordPress

Здравствуйте, друзья! Сегодня я покажу, как вывести похожие записи с картинками на Вордпресс после статей и в сайдбаре с помощью плагина Related Posts Thumbnails . Конечно, для решения подобной задачи существует множество способов. Например, вывод блока без плагина с помощью кода или использование сервиса 2leep. Но я расскажу о том, чем пользовался сам. И еще поговорим о том, стоит ли вообще использовать вывод похожих постов с миниатюрами. И в частности, с помощью указанного выше плагина.

Для начала стоит понять, зачем нам вообще нужен блок “Похожие посты “, неважно с картинками или без:

• Во-первых, это делает внутреннюю перелинковку на сайте, что хорошо для SEO.
• Во-вторых, привлекает внимание читателей и способствует увеличению просмотра страниц, что улучшает поведенческие факторы.

Если уже установлен плагин для вывода похожих записей в текстовом виде, стоит ли еще устанавливать Related Posts Thumbnails? Здесь, конечно, однозначно ответить трудно.

Преимущество блока с миниатюрами в том, что красивые картинки привлекают больше внимания. Значит, есть вероятность, что их кликабельность будет выше, чем у текстового аналога. Однако все надо тестировать. Например, Александр Бобрин (asbseo.ru ) считает, что даже текстовый блок в таком виде не нужен.

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

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

Теперь поделюсь своим опытом. Долгое время у меня выводились похожие записи с картинками на этом блоге, но потом я оставил только текстовый вывод. Для этого я использую Yet Another Related Posts Plugin. Думаю, он все же приносит пользу. Тем более что в названиях у меня всегда есть ключевики.

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

Есть еще две причины моего отказа от плагина Related Posts Thumbnails:

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

Стоит заметить, что существенное улучшение поведенческих факторов на сайте может перевесить эти минусы. Поэтому еще раз повторяю: надо тестировать. Перейдем от теории к практике.

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

Идем в админку блога “Настройки ” – “Related Posts Thumbnails “. Откроется страница с настройками. В принципе, тут все понятно, но кое-что объясню.

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

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

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

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

После всех изменений нажмите кнопку “Сохранить изменения “.

По умолчанию миниатюры выравниваются по левому краю, что не всегда красиво выглядит. Это можно исправить, прописав отступ в файле related-posts-thumbnails.php в редакторе плагинов. А лучше заключить код вывода в блок div, как советует автор плагина:

1 2 3

Чтобы вывести картинки с похожими записями в сайдбаре , надо перейти в админке по адресу “Внешний вид ” – “Виджеты “. Найти слева виджет с названием плагина и перетащить в сайдбар.

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

Как я уже упоминал в начале статьи, похожие записи Вордпресс с картинками можно вывести с помощью сервиса 2leep. Кстати, этот сервис еще можно использовать для получения бесплатного трафика на сайт. В этом случае в виджетах с миниатюрами, установленными на других сайтах, будут стоять ссылки на Ваш блог. То есть, посетители других блогов, кликнув на картинку под статьей, перейдут на Вашу страничку. Подробнее об этом можно почитать на блоге jonyit.ru . Там описана установка и настройка таких виджетов.

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

Добрый день, постоянные читатели блога!

Вот появилось свободное время, и я решил написать еще одну статью.

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

Речь пойдет о выводе похожих записей на блоге с после каждой статьи.

Итак, похожие записи WordPress.

Что такое похожие записи? Для чего на блоге нужно выводить похожие записи?

На моем блоге можно их увидеть после каждой. Только называется список: «Другие интересные статьи».

Вывод таких записей необходим Вам для улучшения поведенческих факторов — увеличения времени нахождения посетителей на Вашем ресурсе.

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

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

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

Нагружают сервер и тормозят загрузку блога по сравнению с кодом. Замена плагина кодом это своего рода оптимизация блога.

На тему увеличения скорости загрузки сайта советую Вам прочитать мою предыдущую статью – . Ну а теперь от теории к практике.

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

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

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

Ну а теперь предоставляю Вам сам код для вывода похожих записей на WordPress, который заменит плагин:

Скопируйте его через проводник в буфер обмена и зайдите в админку блога. Затем зайдите во Внешний вид—> Редактор и выберите файл для редактирования single.php. Вставьте код в этот файл после строк:

Не забудьте нажимать «Обновить файл».

Найдите в этом коде строчку:

"showposts"=>5,

Нашли? Цифра 5 в этой строке как раз обозначает количество похожих записей, которые будут выводиться на Вашем ресурсе после каждой статьи.

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

Если у Вас много статей в рубриках, тогда можете сделать вывод и 10 и 15 статей, поменяв при этом всего одну лишь цифру. Это самая основная настройка кода.

Кроме этого Вы можете в файле таблица стилей (style.css) прописать коды для изменения внешнего вида ссылок похожих записей.

Можно, например, изменить шрифт, цвет, фон или стиль текста ссылок.

Также можно сделать на заднем фоне или создать красивую рамку для списка этих записей.

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

На этом все. Вот такая небольшая, но надеюсь полезная статья.

Примените эту информацию на практике — этот способ будет намного эффективнее, чем простая установка плагина.

Также советую вам установить . Эта фишка отлично помогает в продвижении веб-ресурса!

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

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

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

До недавнего времени у меня на блоге использовался для этого плагин WordPress Related Posts. Хороший плагин, красиво можно оформить, под любой дизайн, вывод похожих статей.

Только вот в борьбе за скорость загрузки сайт я решил заменить этот плагин на простой код. Потому что этот плагин тормозил загрузку моего блога от 0,5 до 0,9 секунды в зависимости от времени и нагрузки.

И поэтому я решил использовать код php для вывода похожих статей, который позволяет выводить статьи, сортирую их по тегам или категориям (рубрикам).

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

Предупреждение: сделайте резервную копию файла single.php перед началом работ.

Шаг 1: поиск места для вставки кода.

У всех нас разные шаблоны и структура их немного отличается друг от друга. К примеру, в моей теме, вообще, нет файла single.php. Я создал , и все доработки делаю через файл функции темы. А это на порядок сложней, чем править обычные файлы.

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

Как видно на скриншоте, подходящее место для вставки кода, находится после окончания статьи, перед навигацией.

Итак, открываете административную панель Вордпресс – «Внешний вид» — «Редактор» — «Одна запись (single. php)». И в файле ищите код, отвечающий за вывод статьи. Выглядеть он будет примерно так:

...

После этого фрагмента можно вставить код похожих статей. В моём примере дальне будет идти код навигации.

Шаг 2: вставка кода похожих статей.

После того как вы определились с местом, вставляете вот этот код:

ID); if ($tags) { $tag_ids = array(); foreach($tags as $individual_tag) $tag_ids = $individual_tag->term_id; $args=array("tag__in" => $tag_ids, "post__not_in" => array($post->ID), "posts_per_page"=>5 , // Количество вывода похожих статей. "ignore_sticky_posts"=>1); $my_query = new wp_query($args); if($my_query->have_posts()) { echo "

"; while ($my_query->have_posts()) { $my_query->the_post(); ?>
• " rel="bookmark" title="Перейти к статье ">
"; } } $post = $backup; wp_reset_query(); ?>

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



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

Но, если вы захотите внести изменения в стили, то вы всегда можете использовать класс relatedPosts и задать свои стили. Этот класс я уже добавил в основу списка.

Также вы можете изменить в коде элементы, отмеченные оранжевым цветом.

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

Тогда, действуя по описанному выше алгоритму, вы вставляете вот этот код:

Похожие статьи из категории:

ID); if ($categories) { $categories_ids = array(); foreach($categories as $individual_category) $category_ids = $individual_category->term_id; $args=array("category__in" => $category_ids, "post__not_in" => array($post->ID), "posts_per_page"=>5 , // Количество похожих статей. "ignore_sticky_posts"=>1); $my_query = new wp_query($args); if($my_query->have_posts()) { echo "
"; while ($my_query->have_posts()) { $my_query->the_post(); ?>
• " rel="bookmark" title="Перейти к статье ">
"; } } $post = $backup; wp_reset_query(); ?>

Этот код сортирует статьи только по категории. Теги уже не играют никакой роли.



Если вы хотите чтобы пользователи оставались и больше времени проводили на вашем сайте, помочь в этом может список связных (похожих) постов после статьи. Как правило, они отбираются смежных тематик, поэтому с определенной долей вероятности тот или иной пользователь может пройтись по другим статьям блога (справедливо это, конечно, только для СДЛ проектов). В последних нескольких статьях я уже рассмотрел парочку полезных плагинов для создания подобных списков — и . Первый весьма прост и функционален, но второй предоставляет сразу «из коробки» возможность добавления миниатюр (thumbnails) для этих самых похожих постов. Картинки все же лучше привлекают внимание пользователей чем обычные ссылки, поэтому сегодня предлагаю рассмотреть еще пять отличных плагинов, которые помогут реализовать такую функциональность.

Думаю, все сейчас используют для отображения картинок в wordpress блоге — это действительно очень удобно. Разработчикам вообще открываются дополнительные возможности для маневра — сможете легко выводить их на сайте через файлы шаблона или с помощью специальных модулей. Это гораздо проще чем я когда-то мучился реализовывая функцию , который никогда их не поддерживал. Кстати, после этих «улучшений» список связных постов в одном из блогов приятно преобразился:



Согласитесь, смотрится получше обычных ссылок. Именно поэтому следующие плагины вам должны понравится! За исследования и находку спасибо автору статьи Get Sticky with Thumbnails . В ней приводится не только короткое описание модулей, но и указание их плюсов и недостатков. В конце поста найдете сравнительную таблицу по разным критериям. Итак, поехали…

1. IGIT Related Posts With Thumb Image After Post

Только я начал рассматривать первый плагин как появились «небольшие проблемы». Модуль был актуален около года назад, но по непонятным мне причинам на wordpress.org его больше нет. Основная моя версия — там имелись определенные проблемы с безопасностью, но многие утверждают, что это «заслуга» не модуля а известной WP уязвимости с файлом timthumb.php. Видимо, из-за этого модуль GIT Related Posts больше недоступен, тем не менее, в интернете в блогах я нашел 2-3 источника (в рунете бесплатно, в англоязычном сегменте за $15), где ошибки исправлены и можно плагин скачать.

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



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

Данный плагин тоже имеет большое число хороших опций — отображение миниатюр не только в постах, но и на страницах + пользовательских типах записей, возможность разных настроек оформления (цвета фона, рамки, длина текстов описания и т.п.). Также в модуле есть возможность выбрать критерий, по которому будет определять схожесть материалов — по тегам и/или категориям, случайным образом или задаваться вручную. Можно указать источник миниатюр. Скачиваем плагин Related Posts Thumbnails .



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

В данном wordpress модуле опций по настройке меньше чем в предыдущих, но это не вызывает никаких проблем. Здесь вы сможете выбрать разные размеры миниатюр, а также их количество для отображения. Отличной функцией есть специальный эффект с отображением анонса поста при наведении на картинки. Кроме того, похоже, что плагин может выбирать изображения из картинок, которые имеются в посте, а не только брать их из «featured image». Да и автоматический ресайз картинок работает хорошо. Скачиваем отсюда .



Плюсы: Отлично справляется с ресайзом (изменением размера) картинок и хороший эффект при наведении.
Недостатки: Не очень много опций по оформлению.

Плагин WP-Thumbie позволяет контролировать число миниатюр, их размер, длину текста анонса (или отключать его), а также исключать страницы из списка или категории. Скачать модуль можно .



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

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



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

Итого

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



Есть ли здесь победитель? Автор статьи решил выбрать в качестве него модуль Wp-Thumbie. Во-первых, он хорошо ресайзит миниатюры — сразу понятно что за картинка перед вами, во-вторых, имеет базовый набор необходимых опций. С другой стороны, здесь нет горизонтального стиля отображения и анонсов, поэтому я бы, наверное, все же рекомендовал выбрать модуль исходя из ваших задач . Кроме того, я также настоятельно советую глянуть один из прошлых постов про , который имеет множество настроек и достаточно функциональный, если говорить о миниатюрах. В целом все модули достаточно неплохие более-менее одинаковые.

P.S. Интернет продажи могут стать очень выгодным, чтобы создать интернет магазин лучше обратиться в профессиональную веб-студию вашего города.
Хотите сэкономить при покупке или заказе услуг? — используйте купоны на скидки, с помощью которых можно очень выгодно и отдыхать.

Добрый день, уважаемые читатели!

Сегодня мы сделаем похожие записи для сайта на WordPress без плагина. Это будет некое продолжение предыдущей статьи.

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

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

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

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

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

Вт, собственно, сама часть кода.

Обязательно ознакомьтесь с похожими записями
ID); if ($categories) { $category_ids = array(); foreach($categories as $individual_category) $category_ids = $individual_category->term_id; $args=array("category__in" => $category_ids, "post__not_in" => array($post->ID), "showposts"=>4, "orderby"=>rand, "caller_get_posts"=>1); $my_query = new wp_query($args); if($my_query->have_posts()) { echo "
"; while ($my_query->have_posts()) { $my_query->the_post(); ?>
" title="">
"; } wp_reset_query(); } ?>
< div class = "related_posts" > < div class = "related-zagolovok" > Обязательноознакомьтесьспохожимизаписями< / div > $categories = get_the_category ($post -> ID ) ; if ($categories ) { $category_ids = array () ; foreach ($categories as $individual_category ) $category_ids = $individual_category -> term_id ; $args = array ( "category__in" = > $category_ids , "post__not_in" = > array ($post -> ID ) , "showposts" = > 4 , "orderby" = > rand , "caller_get_posts" = > 1 ) ; $my_query = new wp_query ($args ) ; if ($my_query -> have_posts () ) { echo " " ; while ($my_query -> have_posts () ) { $my_query -> the_post () ; < div class = "obz" > < a href = " " title = " " > < div id = "related_posts_box" > < / div > < / a > < / div > echo " " ; wp_reset_query () ; < / div >
Для настройки похожих записей нас интересуют 3 строчки в данном коде:
• 9 строка - отвечает за режим отображения постов. Сейчас там стоит отображения похожих записей из одной категории. То есть если запись находится в какой-то категории, то в блоке ей будут показываться только посты из этой же категории. Таким образом создается перелинковка внутри каждой категории;
Если же мы хотим изменить данный параметр, то можем сделать вывод постов по меткам. Если вы их задаете к статьям, то код будет выводить записи похожие по меткам. Для этого необходимо всю 9ю строку заменить на ‘tag__in’ => $tag_ids,.
• 11 строка - количество отображаемых постов в блоке. Как я уже говорил в предыдущей статье про плагин похожих записей, то оптимальным количеством постов с точки зрения полезности для перелинковки является до 5 записей. Я оставил по прежнему 4 поста для вывода;
• 12 строка - случайный вывод записей, то есть каждый раз при обновлении страницы в определенной статье будет генерироваться новый список похожих записей. В данном коде я предпочел оставить данный параметр и, если вы сейчас попробуете обновить страницу, то увидите, что покажется совершенно другой список постов. и так будет при каждом обновлении. Такая рандомная (случайная перелинковка) очень круто помогает .
Если же хотите, чтобы все время был фиксированный список, нужно 12ю строку удалить полностью. Но мне данный вариант не понравился, так как все время будет отображаться список из 4х последних постов в категории и изменяться он не будет, в какой бы записи не находились. Меня это не очень устроило. Может у вас будет и по другому. Вы попробуйте.
Чтобы вывести похожие записи без плагина, нужно вставить этот код в файл single.php вашей темы в то место, где заканчивается вывод контента. Как определить это место, у меня есть статья . Там все подробно расписал и видео-урок дал. Он вам поможет узнать то место, где нужно размещать подобные коды.
Окончательный вариант в моем файле имеет вид.


После этого похожие записи уже должны отображаться. Но для завершения процедуры нужно их качественно оформить. Я не стал обводить каждый пост в этом блоке каким-то рамками. Стремимся к простоте. Даю вам свои стили, которые необходимо разместить в файле стилей вашего шаблона style.css.
Related_posts { float: left; margin: 15px 0; width: 100%; } #related_posts_box { min-height: 205px; float: left; margin: 2px; padding: 6px 3px 0px 0px; width: 166px; color: #004A95; } #related_posts_box:hover { text-decoration: underline !important} .related-zagolovok { margin-top: 5px; margin-bottom: 9px; padding: 15px 0 0 0; color: #34495e; font-family: arial; font-size: 24px; line-height: 130%; font-weight: bold; font-style: italic; text-align: center; border-top: 1px solid #ddd;} .obz {padding: 0 12px 0 6px; width: 152px; float: left; }
Related_posts { float : left ; margin : 15px 0 ; width : 100% ; } #related_posts_box { min-height : 205px ; float : left ; margin : 2px ; padding : 6px 3px 0px 0px ; width : 166px ; color : #004A95 ; } #related_posts_box:hover { text-decoration : underline !important } Related-zagolovok { margin-top : 5px ; margin-bottom : 9px ; padding : 15px 0 0 0 ; color : #34495e ; font-family : arial ; font-size : 24px ; line-height : 130% ; font-weight : bold ; font-style : italic ; text-align : center ; border-top : 1px solid #ddd ; }