Привет! Помните, давным-давно я писал урок про то, ? С тех пор прошло очень много времени и тот плагин, который там описывался (Simple Tags), даже перестал выводить эти самые заметки. Поэтому, я решил сегодня сделать обзор другого плагина , который выводит похожие статьи с миниатюрами . Данный плагин очень прост в использовании, даже не требует вмешательства в код шаблона Вашего блога (!). Он также очень прост в настройках, в то же время очень функционален.
Похожие статьи с миниатюрами с помощью WordPress Related Posts
- Для начала нам, по традиции, нужно скачать плагин WordPress Related Posts и активировать его:
- Сразу же после активации Вы увидите “здоровую” кнопку” “Turn on Related Posts”, нажимаем на нее:
- И все! Плагин WordPress Related Posts уже работает, похожие статьи на блог выводятся как миленькие! Дальше расскажу о том, как выводить похожие статьи с миниатюрами
, то есть с картинками. Все там же в настройках (“Админка” WordPress –> Related Posts):
- И уже там в разделе Settings –> Theme Settings в Desktop/Tablet выбираете нужный вариант вывода. Обычно я вывожу похожие статьи в вертикальном виде со средними миниатюрами, то бишь проставляю пункт Vertical (Medium):
- Нажимаете на кнопку “Save changes”, (она расположена ниже) и наслаждаемся результатом:
Для тех, кто предпочитает более “тонкую” настройку плагина, сделаю небольшую шпаргалку по настройке WordPress Related Posts .
Настройка плагина WordPress Related Posts
Итак, первый блок идет Statistics (“Статистика”) :
- Столбец статистики просмотров с мобильных устройств (левая колонка) и просмотры с “декстопных” – обычных (правая колонка).
- Процент кликов от общего количества просмотров.
- Количество просмотров страницы с похожими статьями.
- Количество кликов.
Вообще, очень интересный блок, можно экспериментировать с выводом похожих статей и выявить лучшее решение, что приведет к увеличению количества переходов. А чем больше внутренних переходов, тем лучше , а значит тем ближе для нас ТОП поисковых систем.
Следующий блок – Settings (“Настройки”) :
- Базовые настройки.
- Заголовок похожих статей.
- Количество выводимых постов.
- Посты за последний [выбор] месяц
Следом идет Theme Settings (“Настройки темы”) :
- Отображение.
- Вывод в стиле “Momma” (вертикально с миниатюрами).
- Вывод в стиле “Modern” (горизонтально с миниатюрами).
- Вывод вертикально (большой).
- Вывод вертикально (средний).
- Вывод вертикально (маленький).
- В стиле сервиса Pinterest.
- В две колонны.
- Вручную.
- Образец вывода похожих статей с текущими настройками.
- Настроить.
- Отображать миниатюры для похожих статей.
- Отображать количество комментариев.
- Отображать дату публикации.
- Отображать первые [выбор] символов текста.
- Пользовательские CSS.
Следующий блок очень похож на предыдущий, отличие только в том, что настройки для мобильных устройств:
- В постах, где нет миниатюр выводить следующее изображение [выбрать файл]. По умолчанию выводятся “пустые” квадратики.
- Использовать пользовательские поля.
- Остальные настройки.
- Исключить эти категории [выбор].
- Автоматическая вставка похожих статей.
- Отображать похожие статьи в RSS рассылке.
- Вести статистику.
- Поддержать производителя (показать логотип).
- Сохранить изменения.
Наверное, разжевал, как можно, вернее перевел . Очень надеюсь, что у Вас не возникнут трудностей с данным плагином, в большинстве шаблонов похожие статьи выводятся в 2 клика. Но опять же в большинстве, а не везде, где-то придется поработать ручками.
До скорых встреч на новых уроках!
Здравствуйте, уважаемые читатели блога сайт. Сегодняшний пост будет посвящен тема, как вывести последние записи с миниатюрами
.
Хочется рассказать, как можно сделать блок с предыдущими статьями из одной рубрики.
Данный способ является еще одним видом перелинковки сайта .
Представьте, что если бы у вас на сайте размещалось множество статей, то достаточно было бы только перелинковки, чтобы вывести сайт в топ по нч запросам и даже вч. Ярким примером является Википедия, хотя и дело не обошлось только перелинковкой, но ее значение того, что статьи находятся в ТОП очень велико.
Итак, сегодня мы поговорим:
›› Как вывести похожие статьи с миниатюрой из одной рубрики
›› Как вывести похожие статьи с миниатюрой блоками
››Как вывести похожие статьи без миниатюры
В этой статье речь пойдте только о том, как выводить похожие статьи без плагинов с миниатюрой — картинкой из каджой статьи.
Как вывести предыдущие статьи с миниатюрами из одной рубрики
Разбиваю данный обзор функций для вывода похожих постов с картинкой и в одной категории следующим образом:
›› Обзор
›› Установка кода
Первая функция позволяет выводить определенное количество статей из одной рубрики. Ее использование хорошо отражено в примере:
Вывод предыдущих статей вместе с миниатюрой осуществляется только для одной рубрики.
============================================= posts wposts LEFT JOIN $wpdb->term_relationships ON (wposts.ID = $wpdb->term_relationships.object_id) LEFT JOIN $wpdb->term_taxonomy ON ($wpdb->term_relationships.term_taxonomy_id = $wpdb->term_taxonomy.term_taxonomy_id) WHERE $wpdb->term_taxonomy.taxonomy = "category" AND $wpdb->term_taxonomy.term_id = "$the_category_id" AND wposts.post_status = "publish" AND wposts.post_type = "post" AND wposts.ID < "$the_post_id" ORDER BY wposts.ID DESC LIMIT $post_num"; $result = $wpdb->get_results($sql, OBJECT); global $post; ?>- " rel="bookmark"> ID; } if ($num < $post_num || !$result) { $need_more = $post_num-$num; $save_ids = $the_post_id; $save_ids = join (",", $save_ids); $more_posts = get_posts("numberposts=$need_more&category=$the_category_id&exclude=$save_ids"); foreach ($more_posts as $post){ setup_postdata($post); ?>
- " rel="bookmark">
Предыдущие статьи из категории:
Разбор кода
return 10 — задает кол-во слов, которое будет выводиться в анонсе статьи.
($post->ID, $the_cat_id, 5) — цифра 5 означает вол-во предыдущих статей из одной категории
.
Установка кода
Устанавливать код надо в тот файл, где нужно выводить похожие статьи. Обычно это файл single.php или index.php. (Обратитесь ко мне за помощью в разделе Помощь по WordPress услуги)
Если не нужно выводить слова в похожих постах, то удалите следующие строчки:
(в двух местах)
А также в начале две строчки:
Function new_excerpt_length($length) { return 10; }
Данный способ будет хорошо смотреться на статистических страницах, либо, которые редко обновляются. Для статей подойдет следующий способ.
Вывод похожих статей из одной рубрики блоками , в данной функции происходит вывод похожих статей блоками, получается красиво и удобно.
Получилось, что похожие записи выводятся блоками и из одной категории.
Установка кода
Сам код для вывода похожих статей надо установить туда, где необходимо их выводить, обычно это single.php, в моем случае comments.php
‘category__in’ => $category_ids,
‘post__not_in’ => array($post->ID),
‘showposts’=>8,
‘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();
echo ‘
wp_reset_query();
-
border:1px solid #bbb;
list-style: none;
#podobbox:hover{
background:#e4fdd6;
border: 1px dashed #ffffff;
/*————Похожие записи с миниатюрой————*/
#postpodobn{margin-left:25px; float: left;width: 100%; text-align: center;}
min-height: 170px;
Разбор кода
По поводу кода в файле single.php
‘showposts’=>8 — кол-во выводимых похожих записей
‘orderby’=>rand — отвечает за тип вывода, в данном случае случайным образом (rand=random — случайно)По поводу стилей
text-align: center; — выравнивание текста в блоках по середине
width: 150px; — значение ширины для всех миниатюр
min-height: 210px; — высота квадратика/блоков, советую задвать исходя из размеров миниатюр и длины заголовков, иначе будет смотреться очень некрасиво
border:1px solid #bbb; — значение толщины границы: толщина, стиль и цвет границы
background:#e4fdd6; — цвет блока при наведении на него
margin: 0px; padding: 0px; margin: 5px; — отступыВывод последних статей без плагина снизит нагрузку на блог, поэтому рекомендую читать раздел Хаки. Раньше я писал, как вывести похожие статьи с помощью плагина Related Posts Thumbnails плагин вывода похожих статей с картинкой хорошо справлялся, но делал небольшую нагрузку на блог, что очень плохо сказывается, особенно, если у вас сотни страниц.
Установка кода
Открываем файл single.php (или тот, где выводим похожие посты) и ставим код:
После того как пользователь попадает на ваш блог желательно задержать его внимание как можно дольше. Прочитав одну статью, почему бы не показать ему еще несколько, которые были бы интересны — это можно реализовать через ссылки на , списки связных (похожих) заметок (related posts) и т.п. В одной из прошлых публикаций я рассказывал как сделать оформление по типу того, что вы можете видеть в моем блоге, где после текста идет перечень категорий, тегов, а также ссылки на статьи блога, которые еще можно почитать. Реализовано это все с помощью плагина Simple tags, а сегодня предлагаю ознакомиться с другим методом.
Принцип отбора похожих статей с помощью модуля Simple tags основывается на использовании одинаковых тегов (tags) в постах. Но, допустим, у вас простой блог, где тегов либо мало, либо они не используются вовсе — что же делать тогда? — очень просто, попробуем вывести похожие статьи блога, но по категориям, а точнее по ID категории.
Для этого открываем куда добавляем следующий код:
/** * related post with category * @param: int $limit limit of posts * @param: bool $catName echo category name * @param: string $title string before all entries * Example: echo fb_cat_related_posts(); */ if ( ! function_exists ("fb_get_cat_related_posts" ) ) { function fb_get_cat_related_posts( $limit = 5 , $catName = TRUE , $title = " Recent Pages
" ) { if ( ! is_single() ) return ; $limit = (int) $limit ; $output = "" ; $output .= $title ; $category = get_the_category() ; $category = (int) $category [ 0 ] -> cat_ID ; if ( $catName ) $output .= __( "Kategorie: " ) . get_cat_name($category ) . " " ; $output .= "- "
;
$args
=
array
(
"numberposts"
=>
$limit
,
"category"
=>
$category
,
)
;
$recentposts
=
get_posts( $args
)
;
foreach
($recentposts
as
$post
)
{
setup_postdata($post
)
;
$output
.=
"
- ID ) . "">" . get_the_title($post -> ID ) . " " ; } $output .= "
/** * related post with category * @param: int $limit limit of posts * @param: bool $catName echo category name * @param: string $title string before all entries * Example: echo fb_cat_related_posts(); */ if (!function_exists("fb_get_cat_related_posts")) { function fb_get_cat_related_posts($limit = 5, $catName = TRUE, $title = "
Recent Pages
") { if (!is_single()) return; $limit = (int) $limit; $output = ""; $output .= $title; $category = get_the_category(); $category = (int) $category->cat_ID; if ($catName) $output .= __("Kategorie: ") . get_cat_name($category) . " "; $output .= "- ";
$args = array("numberposts" => $limit,
"category" => $category,);
$recentposts = get_posts($args);
foreach($recentposts as $post) {
setup_postdata($post);
$output .= "
- ID) . "">" . get_the_title($post->ID) . " "; } $output .= "
Если файла не было или он пустой, то нужно его создать и добавить вокруг кода теги вначале и в конце ?> (как правило, они уже есть).
Теперь заходите в файл темы единичной записи single.php и в нужном месте шаблона добавляете код отображения похожих статей:
Теперь что касается самого кода — это базовый пример, который я нашел в интернете, но его можно расширить и модифицировать. Изначально имеется 3 переменных:
- $limit (int) — количество отображающихся постов
- $catName (bool) переменная типа TRUE или FALSE отвечающая за отображение категории, которая применялась для выборки похожих статей.
- $title (string) — HTML текст, который отображается перед списком постов, чаще всего используется как заголовок.
Для своей задачи я немного расширил базовый код следующими конструкциями (это полезно тем, кто понимает что и зачем я дальше делаю, все остальные могут использовать пример кода выше).
$curp = get_the_ID() ; $curp = get_the_ID();
Она считывает ID текущего поста (поскольку задается отображение в файле single.php).
2. Второй шаг — для сравнения я брал вторую по счету категорию из списка для поста, а не первую. Разумеется нужно было проверить, существует ли вторая непустая категория. В моем случае этого требовало поставленная задача.
$category = get_the_category() ; if ($category [ 1 ] -> cat_ID != NULL ) { $category = (int) $category [ 1 ] -> cat_ID ; } else { $category = (int) $category [ 0 ] -> cat_ID ; } $category = get_the_category(); if ($category->cat_ID != NULL) { $category = (int) $category->cat_ID; } else { $category = (int) $category->cat_ID; }
$recentposts = get_posts( $args ) ; foreach ($recentposts as $post ) { if ($post -> ID != $curp ) { setup_postdata($post ) ; $output .= " - ID ) . "">" . get_the_title($post -> ID ) . "
" ; } }$recentposts = get_posts($args); foreach($recentposts as $post) { if ($post->ID != $curp) { setup_postdata($post); $output .= "
- ID) . "">" . get_the_title($post->ID) . " "; } }
- " rel="bookmark" title="">
Подобные посты
$categories = get_the_category($post->ID);
if ($categories) {
$category_ids = array();
foreach($categories as $individual_category) $category_ids = $individual_category->term_id;
Здесь есть один нюанс, который можете доработать — если из 5-ти постов, указанных в лимите, один совпадает с текущей статьей, то получается 4 итоговых ссылки. Поэтому, скорее всего, нужно считывать количество постов «$limit + 1», после чего выводить только 5 первых (если не было совпадения). В целом исходных код можете править как пожелаете — не отображать заголовок, если не было похожий статей и т.п.
Если вам нужно продвинуть сайт, но вы в этом не разбираетесь, — SEO специалист с опытом работы и успешными проектами должен помочь решить проблему.
LuckyStar’s blog: только лучшие кликовые спонсоры , мониторинг и новости буксов, матриц, партнерок. Рефбек до 100% и полная поддержка пользователей.
Уважаемые друзья, всем привет! Сегодня расскажу Вам о том, как выводить похожие статьи без плагинов, на самом деле это очень важно, это и дополнительная и улучшение , так как пользователь задерживается на сайте дольше и переходит на другие страницы, также мы избавляемся еще от одного плагина и немного разгружаем свой блог.
Как видите здесь очень много преимуществ, тем более в случае вывода похожих статей без плагина, Вы можете сами регулировать именно то место, где бы Вы хотели видеть Ваши статьи, например до или после нее, просто размещаете там где нужно и все. А если Вы пользуетесь плагином для вывода похожих статей, то в этом случае плагин имеет преимущество и статьи будут выводится сразу после контента, что в некоторых случаях очень мешает.
Лично мне, буквально недавно, пришлось полностью переделать структуру вывода похожих статей, да и вообще я последнее время стараюсь избавится от ненужных плагинов и как можно больше выводить кодом, это существенно снизило нагрузку на блог, что не может не радовать.
Еще один очень важный момент, который Вы должны знать, в случае вывода статей именно тем способом, который мы рассмотрим в данном посте, похожесть определяется рубриками, похожие статьи выводятся именно из той рубрики, в которой размещен пост, я раньше присваивал сразу несколько рубрик для одного поста, но это не обязательно, да и точнее нежелательно. Отсюда следует, что если у Вас установлен плагин Simple Tags, который отвечает за метки, то его тоже можно убрать, да и сами метки не индексируются, потому что закрыты от индексации, так как метки создают дублирующий контент. Возможно я от них вообще откажусь в скором времени, от них нет никакого толка, но это мое личное мнение.
Вывести похожие статьи или записи (каждый называет так как ему нравится) довольно просто и проблем с этим вообще нет никаких, для этого Вам надо просто скопировать код, который я разместил чуть ниже и вставить его в нужное место, конечно предварительно надо отключить плагин, который отвечает за вывод похожих статей, конечно если он у Вас есть. Вот собственно и сам код:
Читайте также:
$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 ();
?>
}
echo "
}
wp_reset_query ();
}
?>
Теперь давайте немного разберемся, что к чему. Ниже размещен скриншот (здесь можно посмотреть видеоурок о том, ) , на котором я покажу, что можно изменить и настроить под себя.
В первом случае Вы можете изменить надпись на свою, к примеру « » или так как Вам будет угодно, также можно изменить размер с помощью тегов
Внимание!!! Перед тем как редактировать код и производить изменения со своим шаблоном, обязательно сделайте резервную копию или сохраните нужные файлы.
Теперь давайте разберемся, куда надо вставить данный код, я это сделал в файле (single.php), открывает данный файл в панели управления и вставляем туда данный код, если Вы хотите чтобы похожие статьи выводились сразу после контента, то код нужно вставить после строки:
К примеру после данной строки можно разместить или банер, а уже потом разместить код, который отвечает за вывод похожих статей, в общем место вывода остается за Вами, как это сделать я Вам рассказал очень подробно. Также можно разместить данный код в самом начале файла (comments.php) и тогда статьи будут выводиться перед комментариями (но этот вариант я не использую).
Надеюсь что данная информация Вам очень поможет, Вы сможете избавиться от ненужных плагинов, разгрузить свой блог и самое главное научитесь выводить похожие статьи без плагинов. Если Вам понравилась статья, обязательно пробегитесь по социальным кнопочкам, буду очень признателен. Как всегда жду Ваших вопросов к данной статье, а также
Посетители вашего сайта уходят с него, прочитав первый же пост? Повышение посещаемости и снижение количества быстрых уходов является немалой проблемой для владельцев сайтов. Отображение для пользователей похожих постов зарекомендовало себя как эффективный способ повышения количества просмотров страниц.
Вы сможете легко отображать связанные по содержанию посты на вашем сайте 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.
