Главная » Блоговедение » Похожие статьи с помощью кода и с помощью плагина

Похожие статьи с помощью кода и с помощью плагина

Ну и как всегда, я Вас всех приветствую на своем блоге.

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

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

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

Содержание статьи:

Похожие записи, с помощью кода
Похожие записи, с помощью плагина
Подгоняем блок Похожие записи, под ваш сайт

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

Похожие записи, с помощью кода

Что бы вывести похожие записи в конце каждой статьи, с помощью кода.
Нам нужно зайти в Админ панель нашего блога и перейти в Редактор.После того как вы вошли в Редактор, в правой колонке ищите файл Одна запись (single.php) и заходите в него.

В данном коде, ищите файл /* Display comments */ и перед ним, вставляете закрывающийся тег ?> и следом открывающийся тег <?php А между этими тегами,мы будем вставлять код,который дан ниже:

<div id="related_posts">
<p>Интересные статьи:</p>
<?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(
'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 '<ul>';
while ($my_query->have_posts()) {
$my_query->the_post();
?>
<li><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>">
<?php the_post_thumbnail(); ?><br /><?php the_title(); ?></a></li>
<?php
}
echo '</ul>';
}
wp_reset_query();
}
?>
</div>

<p>Интересные статьи:</p>

<?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(

'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 '<ul>';

while ($my_query->have_posts()) {

$my_query->the_post();

<li><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>">

<?php the_post_thumbnail(); ?><br /><?php the_title(); ?></a></li>

<?php

}

echo '</ul>';

}

wp_reset_query();

}

</div>

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

Это интересно: Красивое оформление текста с помощью плагина

После всех действий, сохраняемся и в Редакторе в колонке справа, ищем файл Таблица стилей (style.css). И в самом низу файла, вставляем код:

#related_posts{
margin-right: -24px;
}
#related_posts p{
font-size: 20px;
}
#related_posts li{
float: left;
width: 140px;
margin: 0 18px 18px 0;
padding: 6px;
background: #dfd9d9; /* цвет фона */
height: 140px;
}
#related_posts li:hover{
background: #e8f9f5; /* изменение фона при наведении */
}
#related_posts li a{
text-align: center;
display: block;
padding: 6px;
color: #060606; /* цвет ссылки */
}
#related_posts li img{
width: 130px;
height: 130px;
}

#related_posts{

margin-right: -24px;

}

#related_posts p{

font-size: 20px;

}

#related_posts li{

float: left;

width: 140px;

margin: 18px 18px ;

padding: 6px;

background: #dfd9d9; /* цвет фона */

height: 140px;

}

#related_posts li:hover{

background: #e8f9f5; /* изменение фона при наведении */

}

#related_posts li a{

text-align: center;

display: block;

padding: 6px;

color: #060606; /* цвет ссылки */

}

#related_posts li img{

width: 130px;

height: 130px;

}

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

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

Это интересно: P3 Profiler - узнаем какой плагин грузит блог + Запуск конкурса комментаторов

Если же у вас нет миниатюры и виджет выглядит вот так.

То тогда добавьте картинку для вашей статьи и обновите статью.И так для каждой своей статьи и старых и новых добавляйте картинки.

Подгоняем блок Похожие записи, под ваш сайт

Я сделал так.Зашел в корень своего блога и скачал файл related-posts-thumbnails.php.
Вот прописан путь, как найти этот файл:

public_html/wp-content/plugins/related-posts-thumbnails

После того как вы скачали файл, открываем его в текстовом редакторе Notepad++ и ищем страницы с 330 по 337.Здесь мы можем изменять все как вам нравится.
На скрипте ниже, показано как изменить размер блока.

Выделенную строчку: ' . $width . '

Заменяем на нужный вам размер.У моего блока 140

После изменения проверьте кодировку и сохранитесь, а после перенесите на блог.
На этом все.
Будут вопросы обращайтесь.

С Уважением, Игорь Александрович

23 комментария

Валерий

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

Да, интересная статья…Особенно для тех, кто разбирается в кодах…Очень всё подробно описано и показано скриншотами…Думаю, что статья будет полезна не только новичкам, но и тем, кто уже давно ведёт блог, но не имеет вот таких "Похожих статей" в конце каждой статьи…С уважением, Анна.
Андрей Косолапов

Игорь, привет! Кодами делать не буду это однозначно, а на счет плагина, то у меня стоит плагин Каратаева вот этот ark-relatedpost . С работой справляется на все 100%, так что советую присмотреться.
- Игорь
  
  А ты спустись вниз статьи и посмотри с помощью чего у меня уствановлено)))
  
  Тот же самый плагин.
  - Сергей Саранчин
    
    Видать он это не заметил)))
    - Игорь
      
      Наверное
Валерий

Спасибо надо будет посмотреть когда то я пытался там ковырять но не вышло. А чем же лучше плагин скрипта? Разве скрипт нагружает блог сильнее, а не наоборот?
- Игорь
  
  Ну конечно плагин это то же скрипт,но с кучей не нужных ссылок и т. п.
  
  По этому он сильнее подгружает блог,чем скрипт
Валерий

все получилось убрать но теперь сомнения плагин или скрипт?
- Игорь
  
  Валер,если код твоего шаблона открыть в Notepad++,то код нужно убирать с 21 странички и по моему по 30.А на это место вставить скрипт.Скрипт лучше,но это твой выбор
Валерий

Скрипт будет выглядеть как у тебя?
- Игорь
  
  Привет Валер.
  
  Да с помощью скрина,у тебя получится как на верхней картинке из четырех статей.
  
  А если хочешь как у меня,то установи плагин ark-relatedpost.
  
  Он и весит мало,надо было и о нем написать.
Валерий

Посмотрел описание данного плагина мне он понравился думаю установлю вообще у меня их с десяток уже наберется. Как считаешь сильно много это?
- Игорь
  
  Ну с десяток не страшно.А вот когда за двадцать перевалит,тогда и нужно опасаться.
Anna

Я тоже пользуюсь плагином ark-relatedpost Александра Каратаева…Очень довольная им, он красиво выводит "Похожие записи" да ещё и с описанием…Рекомендую всем…Поставите — и никакой головной боли не будет…С уважением, Анна.
Сергей Саранчин

У меня эта опция сначала была реализована с помощью плагина. Потом через некоторое время я код имплантировал. Работает на ура!
- Игорь
  
  Я код практически недавно убрал,сбой был
  
  На плагин Каратаева перешел,нагрузки никакой не почувствовал
  - Сергей Саранчин
    
    Понятно. А мне код нравится. Нагрузку проверял плагином и вроде всё окей, не жрёт ресурсы
    - Игорь
      
      Ну так я тоже плагином проверял.Что скрипт,что плагин Александра Каратаева одинаковая нагрузка,которой практически нету.
      
      Приобретайте качественные плагины Каратаева,они бесплатные.
      - Сергей Саранчин
        
        Реклама плагинов Каратаева? А у неёго партнёрка имеется на плагины?
      - Игорь
        
        Ну да реклама. Ну а почему бы не от рекламировать качественные бесплатные плагины?
        
        Вообще об них нужно статью написать.
        
        На счет партнерки не вкурсе.
Сергей Саранчин

Согласен. Плагин красиво смотрится, бесплатный, да ещё и нагрузки нет совсем…заслуживает внимания!

Похожие статьи с помощью кода и с помощью плагина

Похожие записи, с помощью кода

Похожие записи, с помощью плагина

Подгоняем блок Похожие записи, под ваш сайт

Похожие статьи

Несколько советов начинающему вебмастеру

Как проверить dofollow ли блог

Заработок в Интернете, часто превращается в зависимость

23 комментария