Как я реализовывал похожие статьи на WordPress без плагинов и с картинкой

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

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

Обычно специальный код нужно добавить в конец вашей статьи, в файл single.php после примерно следующего php кода

<?php the_content(); ?>

 

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

Это место было после нижеследующего блока

<?php if (is_single()) : ?>

<div id="nav-below">

<div class="nav-previous"><?php previous_post_link('&laquo; %link'); ?></div>

<div><?php next_post_link('%link &raquo;'); ?></div>

</div>

<!-- *** Ниже вставил код для вывода похожих статей *** -->

 

Непосредственно сам код, после его добавления у вас на сайте начнут появляться похожие статьи:

<div>

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

'category__in' => $category_ids,

'post__not_in' => array($post->ID),

'showposts'=>3,

'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(); ?>"><div id="box-cel"><?php the_post_thumbnail(array( 150,150 )); ?><br><?php the_title(); ?></div></a></li>

<?php

}

echo '</ul>';

}

wp_reset_query();

}

?></div>

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

В коде можно поменять количество выводимых похожих статей.

'showposts'=>3, - по умолчанию три.

Также можно поменять размер миниатюры

<?php the_post_thumbnail(array( 80,80 )); ?> - у меня 80 пикселей на 80.

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

.related_posts {

width: 890px;

height: 300px;}

.related_posts ul li{

height: 200px;

float: left;

list-style: none;

margin: 1px;

padding: 25px;

text-align: center;

width: 158px;

overflow: hidden;}

lineПосле проделанных Вами экспериментов у вас в конце статьи должны появляться похожие статьи с миниатюрами и ссылкой на них.

Как найти и удалить с сайта скрытые внешние ссылки

На заре интернета, если бы вы захотели создать свой сайт, скорее всего, заниматься версткой вам Читать далее

Десктопные эмуляторы для теста юзабилити мобильных версий сайтов

По данным статистического сервиса StatCounter, мобильные браузеры на фоне всех браузеров, установленных на различных типах Читать далее

Как создать сайт на компьютере с помощью платформы OpenServer

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

Оцените Статью:

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *