Seo-Бизнес блог Progress-project

Все о создании, продвижении сайтов и заработке в интернете

Обновлённый дизайн блога Progress-project
logotip «Progress-project»
logotip «Progress-project»

Похожие записи без плагина на WordPress

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

И, как у нас уже повелось мы не станем прибегать к помощи спец-плагинов которых просто огромное количество в сети а реализуем всё с помощью небольшого куска php кода и css стилей.

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

Выводим блок похожих записей на WordPress, php кодом

За вывод постов на WordPress, как мы знаем несёт ответственность файл темы под названием: «single.php (Одна запись)».

Поэтому в админ-панели переходим: «Внешний вид» у вас это может быть и «Дизайн» здесь всё зависит от того какую версию перевода административной панели вы используете.

Далее выбираем: «Редактор» и из списка файлов темы уже упомянутый: «single.php».

Теперь в данном файле выбираем необходимое место где бы вы хотели установить блок с выводом похожих записей и устанавливаем следующую функцию:

<div class="similar_records">
<h4>Интересные статьи по теме:</h4>
<?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,
'orderby'=>rand,
'post__not_in' => array($post->ID),
'showposts'=>6,
'caller_get_posts'=>1);
$my_query = new wp_query($args);
if( $my_query->have_posts() ) {
echo '<u>';
while ($my_query->have_posts()) {
$my_query->the_post();
?>
<il><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></il>
<?php
}
echo '</u>';
}
wp_reset_query();
}
?>
</div>

Сохраняем внесённые в файл изменения.

Настройка блока похожих записей

Во (2) строчке фразу: «Интересные статьи по теме:» при необходимости можно изменить на любую свою.
Строчка под номером (9) у нас ответственна за определения и сортировку выводимых линков. В коде задано значение «rand», что означает в случайном порядке, при необходимости данное значение можно сменить на своё например:

rand — случайно.
title — по названию.
date — по дате публикации.
modified — по дате последнего изменения.

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

Настройка внешнего вида блока похожих записей

Открываем расположенный также среди файлов темы: «style.css», опускаемся в самый низ где вставляем код со стилями:

.similar_records a{
background:#F6F9FD url(‘images/strelka.gif‘) no-repeat left;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
color: #444444;
display: block;
margin: 5px 0;
padding: 5px 5px 5px 62px;
position: relative;
text-decoration: none;
}
.similar_records a:hover{
color: #08156F;
}
u {
font-size: 15.3px;
text-decoration: none;
}

Сохраняем файл.

В приведённом мной варианте стилей прописано изображение под названием: strelka.gif, данную картинку вы можете скачать по ссылке либо установить любую свою, загрузив в папку темы под названием: «images» и поменяв в стилях название: strelka.gif на своё.
Дальше вам останется меняя значения стилей более точно подстроить внешней вид блока под дизайн своего сайта.

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

У меня на сегодня всё, желаю всего доброго до новых встреч!

С уважением, автор блога!
© progress-project
★Обновлено:2016-05-18

Введите свой e-mail:

Вы можете поделиться статьёй в социальных сетях:

Комментарии к статье

2 комментарияна “Похожие записи без плагина на WordPress”
  1. Gregoryll:

    Читаю, читаю я пост, и все мне нравится! Вот только хотел сказать вслух — а мне нужны похожие записи с миниатюрой! И вот! В конце поста тебе и ответ )) Автор молодец! Пойду читать пост про похожие записи с миньками ))

    Ответить
    • Administrator:

      Здравствуйте Gregoryll! Очень рад, что вы нашли для себя необходимый материал.

      Ответить

Ваш комментарий

Внимание! Перед тем, как вставить в комментарий: html, php либо JavaScript, преобразуйте его в HTML сущность!

» Подписаться на комментарии по RSS
Поиск по блогу

Введите свой e-mail:

ВКонтакте Google+ Facebook RSS-лента сайта abrek-ad-abra.ru

Топ комментаторов

Виктор(6)
seoonly(4)
Николай(3)
Олег(3)
Иван(3)

© 2015-2017

SEO-Бизнес блог «Progress-project».

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

При использовании материалов сайта гиперссылка на обязательна!



seo-блог