Похожие записи WordPress: с плагином, без плагина, с миниатюрами

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

Похожие записи Вордпресс – это элемент внутренней перелинковки. Применять ее надо обязательно. Она поможет увеличить количество просмотров и время нахождения посетителей на блоге.

Роботы тоже используют эти линки для ускорения индексирования страниц.

Плагины

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

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

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

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

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

СТАТЬИ ПО ТЕМЕ:

Как сделать, изменить wordpress главную страницу

Html выделить текст цветом (фон), рамкой

Отложенная, запланированная публикация WordPress

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

Related Posts for WordPress

Он выводит список в конце поста или в виджете, поддерживает миниатюры, содержит несколько настроек внешнего вида. Related Posts for WordPress

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

Jetpack

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

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

Similar Posts

Чтобы снизить влияние на сервер, используется кеширование блока схожих постов.

Особенности этого расширения:

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

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

Custom Related Posts

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

Без плагина

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

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

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

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

Выше строчки <?php comments_template (); ?>  вставляем код

<div class="sample-postsinca">
<ul>
<?php
//for use in the loop, list 5 post titles related to first tag 
on current post
$tags = wp_get_post_tags($post->ID);
if ($tags) {
$first_tag = $tags[0]->term_id;
$args=array(
'tag__in' => array($first_tag),
'post__not_in' => array($post->ID),
'showposts'=>5,
'caller_get_posts'=>1
);
$my_query = new WP_Query($args);
if( $my_query->have_posts() ) {
while ($my_query->have_posts()) : $my_query->the_post(); ?>
<li><a href="<?php the_permalink() ?>" 
rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>">
<?php the_title(); ?></a></li>
<?php
endwhile;
}
wp_reset_query();
}
?>
</ul>
</div>

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

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

.sample-postsinca ul li{
background-position:left center;
background-repeat:no-repeat;
list-style-type:none;
margin-bottom:10px;
padding-left:20px;
}

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

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

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

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

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

<div id="related_posts">
<h3>с этими постами читают</h3>
<?php
$categories = get_the_category($post->ID);
if ($categories) {
 $category_ids = array();
 foreach($categories as $individual_category) 
$category_ids[] = $individual_category->term_id;
 $args=array(
 'tag__in' => $tag_ids,  //сортировка по тегам (меткам)
 'post__not_in' => array($post->ID),
 'showposts'=>3,  //количество выводимых ячеек
 'orderby'=>'rand', // в случайном порядке
 'ignore_sticky_posts'=>1); //исключаем одинаковые записи
 $my_query = new wp_query($args);
 if( $my_query->have_posts() ) {
 echo '<ul>';
 while ($my_query->have_posts()) {
 $my_query->the_post();
?>
<li><div class="cell"><a onclick="return !window.open(this.href)" 
href="<?php the_permalink() ?>"><?php the_post_thumbnail('thumbnail'); ?>
</a><br>
<a onclick="return !window.open(this.href)" 
href="<?php the_permalink() ?>" rel="bookmark" 
title="<?php the_title(); ?>"><?php the_title(); ?></a></div></li>
<?php
}
echo '</ul>';
}
wp_reset_query();
}
?>

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

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

#related_posts{
margin: 10px 0;   /*  Отступы от верхнего и нижнего края */
float: left;     /* Прижимаем блок к левому краю */
 width: 100%;  /* Длина блока соответствует ширине страницы */
}
#related_posts ul {
 margin-left: 5px;  /*  Внешний отступ от левого края страницы */
 width: 577px;  /* Общая ширина блока без учета отступов от краев 
страницы */
}
#related_posts li {
 list-style: none;  /* Отменяем нумерацию списка (1,2,3 и т.д.) */
}
.cell{
height: 225px;  /* Высота ячейки  */
box-shadow: #F5F5F5 0px 2px 3px, #F5F5F5 0 0 3px inset;  /* Тень 
для ячеек (необязательно) */
float: left;   /* Каждая следующая ячейка располагается слева */
list-style: none;  /* Отменяем родительские стили */
margin: 5px;  /* Расстояние между ячейками */
padding: 2px;  /* Отступы от миниатюры до края ячейки */
text-align: center; /* Текстовые заголовки расположены по центру */
width: 157px;  /* ширина одной ячейки */
overflow: hidden;  /* Окончания длинных заголовков, 
не вместившихся в ячейку, будут скрыты */
border: #F5F5F5 solid 1px; /* Рамка вокруг ячейки */
border-top-left-radius: 10px;  /* Закругление левого верхнего угла 
ячейки */
border-top-right-radius: 10px;  /* Закругление правого верхнего угла 
ячейки */
border-bottom-left-radius: 10px;  /* Закругление нижнего левого угла 
ячейки */
 border-bottom-right-radius: 10px;  /*Закругление нижнего правого угла 
ячейки */
}
.cell a:hover {
color: #C6C600;  /* Цвет ссылки при наведении курсора */
text-decoration:none; /* Убираем подчеркивание ссылки */
}
.cell a{
color: #000000; /* Цвет ссылки */
text-decoration:none; /* Убираем подчеркивание ссылки */
}
#related_posts li :hover{
 background-color: #f9f9f9; /* Цвет фона ячейки при наведении курсора */
}
/* Стили для мобильных устройств */
@media screen and (max-width:760px){
#related_posts{
width:auto;
display:block;
position:relative;
}
#related_posts ul {
width:auto;
}
#related_posts li {
float:left;
}
}

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

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

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

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

function catch_that_image() {
  global $post, $posts;
  $first_img = '';
  ob_start();
  ob_end_clean();
  $output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', 
$post->post_content, $matches);
  $first_img = $matches [1] [0];
  if(empty($first_img)) {
    $first_img = "http://ваш_сайт/files/default.jpg"; // Ссылка 
на заглушку
  }
  return $first_img;
}

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

2 ЭТАП. В файл single.php перед <?php comments_template (); ?> внесите код

<table border="0" cellspacing="10"><tbody><tr>
<td valign="top" align="right" width="110"><div>Похожие записи</div></td>

    <?php
     $tags = wp_get_post_tags($post->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),
         'showposts'=> 3, // Количество выводимых записей
         'caller_get_posts'=> 1
      );
     $rp_query = new wp_query($args);
     endif;
     if($rp_query):
      if($rp_query->have_posts()) ?>
        <?php while ($rp_query->have_posts()):  $rp_query->the_post(); ?>

         <td valign="top"><div style="padding-left:8px;">
           <a href="<?php the_permalink() ?>" 
title="<?php the_title_attribute(); ?>">
           <a href="<?php the_permalink() ?>" 
title="<?php the_title(); ?>">
            <img align="left" style="-webkit-box-shadow:0 0 10px 
rgba(0, 0, 0, 0.4); 
-moz-box-shadow:0 0px 10px rgba(0, 0, 0, 0.4); 
margin: 2px 10px 2px 0px; 
display: inline" 
src="<?php echo catch_that_image() ?>" 
alt="<?php the_title(); ?>" width="250"/>
           </a>
           <a href="<?php the_permalink() ?>" 
title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a>
           <br /><?php the_content_rss('', TRUE, '', 24); ?>
         </div></td>

        <?php endwhile; ?>
     <?php else: ?>
       <td><?php _e("Похожих записей пока нет",""); ?></td>
     <?php endif; wp_reset_query(); ?>

</tr><tbody></table>

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

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

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

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

<?php the_title(); ?> - ВЫВОД названия записи

<?php the_content_rss('', TRUE, '', 24); ?> - АНОНС записи без форматирования. 24 - количество отображаемых слов.

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

Заключение

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

В статье использованы материалы:

seo-mayak.com/sozdanie-bloga/obxodimsya-bez-plaginov/kak-vyvesti-poxozhie-zapisi-s-miniatyurami-na-wordpress-bez-plagina.html;

n-wp.ru/4490

Понравилась статья? Поделиться с друзьями:
Я новичок
Комментариев: 22
  1. Фанта

    Можно самому заработать сидя дома. Ничего сложного, только знание русского языка и наличие интернета. Для выполнения работы даются вполне доступные для понимания инструкции. Почасовая оплата труда, от 250 руб./час. Начать легко http: // mnsa.jobweblanc.com

    1. Ольга (автор)

      Фанта, в начале карьеры у новичков такие расценки вряд ли будут. Надо будет поучиться и потренироваться. Главное — начать и попробовать зарабатывать. И все получится.

      Кстати, отзывы о сервисе, который Вы упомянули, плохие.

      1. Фанта

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

      2. Ольга (автор)

        Я не спорю, у каждого есть голова на плечах и выбор, где работать.

  2. Ольга (автор)

    Типичный спам. И вы думаете, я оставлю вашу ссылку. С какой стати?

  3. Ольга (автор)

    ElassegraipsE, если бы Вы потрудились по теме статьи написать что-нибудь, Ваша ссылка бы осталась.

  4. Крупенина Инесса

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

    1. Ольга (автор)

      Инесса, существует таблица зависимости передаваемого веса от ТИЦ ресурса, на котором находится Ваша ссылка. И есть технологии, позволяющие искать сайты с большим ТИЦ. Это тема для отдельной большой статьи.
      Говорят, что «десятку» можно получить даже от одной ссылки, размещенной правильно.
      Если вы комментируете блоги с ТИЦ 10, 20, 30 , тематичные и не тематичные, то нужно ссылок 200 или больше.

  5. Новикова Марина

    О!Эти комментарии!Все интернет-учителя говорят:пишите умные,развёрнутые комментарии.Верно.Только такой комментарий написать не проще,чем целую статью себе на сайт- жуткий расход ментальной энергии.
    И…обычно ,собственно нечего сказать.Ну,автор раскрыл тему ,всё ясно,спасибо ему.Спасибов у него уже есть…что там ещё добавлять.А в дискуссии ввязываться-эээ-тут столько психологических тонкостей и ловушек.Не люблю комментировать,а написав отзыв никогда не бываю собой довольна.Ну да,вроде что-то сказала хозяину,а подспудно со ссылкой химичу.

    1. Ольга (автор)

      Напрасно Вы так, Марина.
      Написание комментариев — очень действенный способ продвижения (получения ссылочной массы и посетителей). Да, чтобы написать хороший комментарий, надо потрудиться. Минимум- прочитать статью. Но кто сказал, что легко будет?
      У меня тоже не всегда получается «выдавить» из себя комментарий. И надо, а не могу.
      Поэтому совет — комментируйте тематические блоги. Например, у Вас есть статья на похожую тематику — ну и напишите об этом в комментарии. Возможно, кому-то из читателей будет интересно.

  6. Савва

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

  7. Ратибор

    По мне, так покупать комментарии — очень дорогой и не всегда оправданный процесс. Лучше каким-либо образом заинтересовать читателя оставить комментарий за какую-нибудь виртуальную «плюшку», которая автору блога/сайта будет условно бесплатна, а читателю — очень приятна.
    Собираюсь так и на своём сайте сделать в скором времени.

  8. Ратибор

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

    1. Ольга (автор)

      Ратибор, у меня стоит виджет комментариев Вконтакте. Как установить написано в статье https://moi-start.ru/kommentarii-socialnyx-setej.html/.
      Комментарии Вордпресс обычные, заложенные в шаблоне.

  9. Евгения Лозинская

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

  10. Евгения Лозинская

    У меня почему-то дважды под полем Комментария
    Уведомить меня о новых комментариях по email.
    Уведомлять меня о новых записях почтой.
    Как убрать — не пойму?

    1. Ольга (автор)

      Может быть шаблон формирует или плагин комментариев. Какой плагин комментариев у Вас установлен? Или Вы защиту от спама неудачно установили?

  11. Алексей

    Отличная статья. Очень интересно!

  12. Альбина

    Замечательная статья. Я уже год объясняю девочкам в ВКонтакте о необходимости комментирования. Это отличная возможность выйти на свет. Моя аудитория, это рукодельницы, которые привыкли тихо творить свои изделия, сделать фото и разместить у себя на странице. А кто их видит? Практически никто. Не любят они комментировать, а если и берутся, то примерно так. «Какая красота» А ведь можно и про технику исполнения спросить и про материалы и самому что-то рассказать и много чего еще. Я совершенна согласна с автором по поводу комментирования. Спасибо, что рассказали их значение и на сайте, блоге. Сайт у меня молодюсенький) Беру на вооружение вашу подсказку.

  13. Наталья

    Почитаешь статью и понимаешь, что опять надо учиться! Давать комментарии не очень просто, если еще и навыка нет. Мне нравится статья, вызывает положительные эмоции. И обсуждения в комментариях интересные. Это надо постараться написать так статью, чтобы создалась дискуссия в коментариях

    1. Ольга (автор)

      Вы правы, Наталья.

  14. persona13

    Спасибо за наглядное пособие

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: