Плагины для отображения похожих записей WordPress. Плагин Related Posts Thumbnails: вывод похожих записей с картинками для WordPress
Друзья, всем привет. Сегодня поговорим о том, как создать список похожих статей в 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(); ?>
- " rel="bookmark" title="Перейти к статье "> "; } } $post = $backup; wp_reset_query(); ?>
- управлять заголовком блока и количеством похожих постов;
- выбирать процент схожести материалов (в других плагинах этого нет, надо заметить);
- выключать и включать показ миниатюры в блоке, а также выбирать её размер;
- управлять количеством символов в выдержке;
- дизайнерские опции;
- и другие традиционные для плагинов этого типа опции.
- возможность выбора типов записей, которые будет обрабатывать плагин;
- выбор вида иконок, которые будут показывать процент похожести (у плагина есть функция вывода степени похожести постов с текущей записью);
- выбор макета блока.
- количество выводимых записей;
- заголовок блока;
- размер и цвет шрифта.
- изменение заголовка блока;
- управление количеством записей;
- можно определить, насколько старые записи не будут выводиться в блоке похожих;
- замечательная возможность изменения макета блока, есть семь готовых вариантов, которые можно по-своему кастомизировать, в том числе и с помощью
- и другие функции.
- вывод блока автоматически под записью или с помощью PHP кода в любом месте, а также есть виджет для сайдбара;
- фильтры по типам записей и рубрикам;
- определение заголовка блока и количества постов в нём;
- настройки миниатюр;
- тонкая настройка внешнего вида в части размеров, цветов, шрифтов;
- настройка метода определения похожести.
- 9 строка - отвечает за режим отображения постов. Сейчас там стоит отображения похожих записей из одной категории. То есть если запись находится в какой-то категории, то в блоке ей будут показываться только посты из этой же категории. Таким образом создается перелинковка внутри каждой категории;
- 11 строка - количество отображаемых постов в блоке. Как я уже говорил в предыдущей статье про плагин похожих записей, то оптимальным количеством постов с точки зрения полезности для перелинковки является до 5 записей. Я оставил по прежнему 4 поста для вывода;
- 12 строка - случайный вывод записей, то есть каждый раз при обновлении страницы в определенной статье будет генерироваться новый список похожих записей. В данном коде я предпочел оставить данный параметр и, если вы сейчас попробуете обновить страницу, то увидите, что покажется совершенно другой список постов. и так будет при каждом обновлении. Такая рандомная (случайная перелинковка) очень круто помогает .
- " rel="bookmark" title=""> "; } wp_reset_query(); } ?>
Теперь после каждой статьи будет выводиться список похожих статей, релевантность которых определяется по тегам.
Внешний вид списка будет соответствовать дизайну вашего сайта, так как стили, определённые в шаблоне, распространяются и на этот список.
Но, если вы захотите внести изменения в стили, то вы всегда можете использовать класс relatedPosts и задать свои стили. Этот класс я уже добавил в основу списка.
Также вы можете изменить в коде элементы, отмеченные оранжевым цветом.
К примеру, вы захотите вывести похожие статьи не по тегам, а по категории. Предложив посетителю, ознакомится с похожими материалами из этой категории.
Тогда, действуя по описанному выше алгоритму, вы вставляете вот этот код:
Похожие статьи из категории:
- ";
while ($my_query->have_posts()) {
$my_query->the_post();
?>
Этот код сортирует статьи только по категории. Теги уже не играют никакой роли.
Похожие посты – это блок со ссылками на материалы, которые, так или иначе, будут интересны читателю текущей записи. Вывод такого блока положительно сказывается на поведенческих факторах, степени и скорости индексированной страниц и, в общем, трасте сайта.
В этой статье я приведу обзор нескольких плагинов, которые выводят похожие статьи в WordPress. Выберите среди них лучший вариант, который удовлетворяет именно вашим потребностям.
Начну с условно бесплатного плагина. CP Related Posts в бесплатной версии имеет следующие возможности:
В платной версии добавляется:
Платная версия стоит 29$. За эти деньги приобретаются три вышеописанные возможности, а также услуги поддержки на два месяца. Однако большинству сайтов хватит и бесплатных функций.
К особенностям плагина относится то, что похожие посты, кроме традиционного места (под записью), можно вывести с помощью виджета в сайдабре. Кроме того, как я указал выше, есть возможность определения степени похожести, и вывода индикатора похожести.
Related Post
Простой плагин с простым названием, который выводит похожие посты. Полностью бесплатный, и со всеми необходимыми настройками. Все опции собраны в одноименном пункте консоли, который образуется после активации дополнения. Среди них имеются следующие:
Блок похожих записей выводится с миниатюрами, но настраивать сами миниатюры нельзя.
Особенности у плагина такие – в отличие от других аналогов, это дополнение не выводит блок похожих записей автоматически, а предоставляет PHP код и шорткод, которые можно поместить либо в файл установленной темы, либо в виджет, или даже непосредственно в текст записи или страницы.
Related Posts by Zemanta
Бесплатный и функциональный плагин, который выводит похожие посты. Отличается простотой и традиционностью в настройках, в нём нет ничего лишнего, ничего особенного, всё то, к чему мы привыкли.
Опции находятся в пункте «Настройки», подпункте «Related Posts by Zemanta»:
Плагин хороший, и в умелых руках сыграет полноценную роль.
Замечательный многофункциональный плагин, частично переведённый на русский язык. Имеется множество возможностей, которые позволяют заточить похожие посты под свои нужды. Всё это бесплатно.
Плагин отличный, стабильный и проверенный практикой.
Посетители вашего сайта уходят с него, прочитав первый же пост? Повышение посещаемости и снижение количества быстрых уходов является немалой проблемой для владельцев сайтов. Отображение для пользователей похожих постов зарекомендовало себя как эффективный способ повышения количества просмотров страниц.
Вы сможете легко отображать связанные по содержанию посты на вашем сайте WordPress с помощью плагина. В данной статье описываются некоторые плагины WordPress для отображения похожих записей.
1. Yet Another Related Posts Plugin aka YARPP
Данный плагин является одним из наиболее популярных плагинов WordPress для отображения тематически связанных постов, он имеет более 3,4 миллиона закачек, а также поддерживает отображение связанных по содержанию записей в виде миниатюр и текста.
Достоинства:
В YARPP используется встроенный алгоритм для поиска похожих записей. Он имеет великолепный набор шаблонов, позволяет отображать как миниатюры, так и текст, поддерживает пользовательские типы записей и RSS-канал отображения.
Недостатки:
Если у вас достаточно большой сайт, то YARPP может потребовать очень больших ресурсов. Профессиональная версия плагина устраняет эту проблему, перекладывая нагрузку на собственный сервер YARPP.
YARPP не совместим с WPML-плагином. Если вам нужен многоязычный сайт WordPress, выбирайте Polylang.
К тому же YARRP блокируется некоторыми хостинг-провайдерами WordPress.
2. Contextual Related Posts
Данный плагин работает на повышение релевантности похожих записей. При этом он может отображать связанные посты в виде миниатюр и текста.
Достоинства:
При работе со связанными записями, отображаемыми только в виде текста, плагин начинает работу сразу после установки и имеет более простые настройки. Он пытается задействовать изображения внутри записи как миниатюры, если нет дополнительных изображений или миниатюр.
Недостатки:
Плагин поддерживает не все шаблоны для отображения миниатюр. Иногда вместо этого он просто отображает миниатюры изображений с помощью маркированного списка. При желании пользователи могут добавлять свои собственные таблицы CSS для стиля, но начинающим пользователям это будет довольно трудно.
Как и YARPP, этот плагин также не работает на больших сайтах. Так же некоторые хостинги для WordPress, блокируют этот плагин для своих клиентов, потому что на крупных сайтах он будет тормозить работу.
3. Related Posts for WordrPress
Данный плагин – облегчённый вариант, альтернативный более популярным плагинам. Он может выполнять все ресурсоёмкие задачи в админке и использовать кэш для отображения похожих записей.
Достоинства:
Related Posts for WordrPress фокусируется на производительности. Он работает быстрее, не замедляя работу сайта, а также поддерживает отображение связанных постов в виде миниатюр и текста.
Имеет виджет и шорткод, которые можно вставлять в любом месте для отображения связанных записей.
Недостатки:
Если вы использовали другой плагин для похожих записей, то можете не наблюдать некоторые дополнительные функции.
4. Yuzo Related Posts
Это неплохой бесплатный плагин для отображения похожих постов с полным набором функций, который можно ожидать от подобного плагина. Отображение в виде миниатюр, горизонтальный ряд с миниатюрами, отображение в виде списков, встроенный кэш и др.
Достоинства:
Плагин чрезвычайно прост в использовании и настройке. Он позволяет выбрать стиль, просто кликнув на него. Кэширование работает лучше, чем в YARPP и Contextual Related Posts. Плагин имеет легко настраиваемый виджет с большим количеством опций.
Недостатки:
Когда имеется большое количество опций, это не может не сказаться на быстродействии. Yuzo Related Posts – плагин быстрый, но не облегчённый.
5. Inline Related Posts
Данный плагин имеет отличия от других плагинов из этого списка. Вместо того, чтобы добавлять связанные посты после содержимого контента, этот плагин отображает их внутри ваших статей. Такое отображение связанного контента довольно популярно на новостных и блоговых сайтах.
Достоинства:
Плагин отображает связанные записи, если пользователи долго остаются на сайте и много кликают. Inline Related Posts легко устанавливается и позволяет выбрать место в контенте, в которое вы хотите вставить ссылки на связанные посты.
Недостатки:
Если вы хотите отображать похожие посты в конце каждой записи, то вам понадобится ещё один плагин. Использование двух плагинов для похожих записей на одном сайте может потребовать очень больших ресурсов.
Небольшая подсказка
В этой статье уже не раз говорилось, что плагины для отображения связанных записей могут потребовать больших ресурсов. Не исключено, что некоторые из них не будут хорошо работать на общем хостинге WordPress.
В подобных случаях вы можете использовать плагин Manual Related Posts. Он позволяет вручную добавлять связанные посты в записи. Данная связь устанавливается в обоих направлениях таким образом, что если добавить старый пост в новую запись, то старый пост также будет отображать новую запись как похожую.
Другой вариант – вручную отображать похожие посты с миниатюрами без использования плагинов.
Эта статья должна помочь вам найти лучшие плагины для отображения похожих записей на вашем сайте WordPress. Посмотрите дополнительные советы о том, как повысить количество просмотров страниц и уменьшить количество быстрых уходов на сайте WordPress.
Добрый день, уважаемые читатели!
Сегодня мы сделаем похожие записи для сайта на WordPress без плагина. Это будет некое продолжение предыдущей статьи.
В прошлом посте я показывал, как сделать похожие записи с помощью . Он достаточно хорошо реализует этот функционал и я его рекомендую использовать. Но его можно заменить очень простым кодом, который также может неплохо выполнять свою задачу.
Данную статью я как раз пишу тогда, как проверил этот код на своем блоге. Все прекрасно работает. Блок выглядит точно таким же образом.
Как видите, все аналогично плагину. И делается все достаточно просто. Нужно лишь разместить одну часть кода в то место, где будет выводиться блок похожих записей.
Я, правда, точно не знаю, будут ли выводиться картинки, если не будут заданы миниатюры к записям. У меня все миниатюры заданы, поэтому протестировать не смог на какой-то статье. Поэтому, скорей всего, необходимо будет назначать миниатюры к каждой статье. А, если их много, то потребуется немного помучиться вам. Также нужно, чтобы ваш шаблон поддерживал миниатюры, так как если данного функционала нет, то вы их не сможете назначать к записям.
Сначала я даю видео-урок, где показал, как все сделать, а затем уже идет текстовая статья со всеми кодами и объяснениями.
Вт, собственно, сама часть кода.
< 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ю строку заменить на ‘tag__in’ => $tag_ids,.
Если же хотите, чтобы все время был фиксированный список, нужно 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 ; } |
Добрый день, постоянные читатели блога!
Вот появилось свободное время, и я решил написать еще одну статью.
На мой взгляд, это будет достаточно полезная информация, изучив которую, Вам нужно будет сразу же применить её на практике.
Речь пойдет о выводе похожих записей на блоге с после каждой статьи.
Итак, похожие записи WordPress.
Что такое похожие записи? Для чего на блоге нужно выводить похожие записи?
На моем блоге можно их увидеть после каждой. Только называется список: «Другие интересные статьи».
Вывод таких записей необходим Вам для улучшения поведенческих факторов — увеличения времени нахождения посетителей на Вашем ресурсе.
Другая важная функция заключается в том, что похожие записи улучшают внутреннюю перелинковку на блоге. О внутренней перелинковке Вы можете прочитать в моей предыдущей статье о .
Существует два способа для осуществления вывода похожих статей на сайте. Один из них с помощью плагина, другой — с использованием кода.
На моем блоге вывод похожих записей первое время осуществлялся с помощью плагина WordPress Related Posts. Но через некоторое время я удалил его и прописал код.
Нагружают сервер и тормозят загрузку блога по сравнению с кодом. Замена плагина кодом это своего рода оптимизация блога.
На тему увеличения скорости загрузки сайта советую Вам прочитать мою предыдущую статью – . Ну а теперь от теории к практике.
Принцип по которому работает код довольно прост. После его установки в конце каждой статьи будут выводиться предыдущие статьи из той же рубрики что и эта.
Предыдущие статьи будут соответствовать тематике написанной, что мне кажется, вполне логично.
Ведь если посетитель дочитал Вашу статью до конца, значит, ему интересна эта тема и вполне возможно заинтересуют и другие похожие посты.
Ну а теперь предоставляю Вам сам код для вывода похожих записей на WordPress, который заменит плагин:
Читайте также:
$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"=>5, "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();
?>
Скопируйте его через проводник в буфер обмена и зайдите в админку блога. Затем зайдите во Внешний вид—> Редактор и выберите файл для редактирования single.php. Вставьте код в этот файл после строк:
Не забудьте нажимать «Обновить файл».
Найдите в этом коде строчку:
"showposts"=>5,Нашли? Цифра 5 в этой строке как раз обозначает количество похожих записей, которые будут выводиться на Вашем ресурсе после каждой статьи.
Хочу сразу предупредить о том, что если у Вас в одной из рубрик меньше количество статей, чем указано в данной строчке кода, то в этом случае отображаться будет только доступное количество статей.
Если у Вас много статей в рубриках, тогда можете сделать вывод и 10 и 15 статей, поменяв при этом всего одну лишь цифру. Это самая основная настройка кода.
Кроме этого Вы можете в файле таблица стилей (style.css) прописать коды для изменения внешнего вида ссылок похожих записей.
Можно, например, изменить шрифт, цвет, фон или стиль текста ссылок.
Также можно сделать на заднем фоне или создать красивую рамку для списка этих записей.
К слову можно подогнать этот список под дизайн Вашего блога. Я как Вы можете заметить, не стал использовать CSS, потому что меня вполне устраивает основная настройка кода. Ссылки с похожими записями вполне вписываются в дизайн моего блога.
На этом все. Вот такая небольшая, но надеюсь полезная статья.
Примените эту информацию на практике — этот способ будет намного эффективнее, чем простая установка плагина.
Также советую вам установить . Эта фишка отлично помогает в продвижении веб-ресурса!