Как показать случайные сообщения в WordPress

Advanced-Random-Posts

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

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

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

Есть много способов, с помощью которых вы можете отображать случайные посты на сайте WordPress. Мы рассмотрим некоторые из методов в следующих параграфах.

Отображение случайных сообщений в WP

Способ 1. Отображение случайных сообщений с помощью плагина

Плагин Advanced Random Posts Widget, отображает случайные записи на боковой панели. После установки он добавляет расширенный виджет случайных сообщений на панели инструментов.

В частности, есть шесть вкладок: «Общие», «Сообщения», «Таксономия», «Миниатюра», «Дополнительно» и «Пользовательский CSS».

На вкладке Общие настройки вы можете добавить основы, такие как заголовок, URL-адрес заголовка и пользовательский HTML-код до и после содержимого публикации. Вы также можете добавить собственный класс CSS.

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

На вкладке «Таксономия» выберете определенную категорию и теги. Плагин автоматически выберет сообщения из определенной категории и отобразит их на боковой панели.

На вкладке «Миниатюра» выберите, хотите ли вы отображать изображение вместе с заголовком публикации или нет.

Активируйте опцию, чтобы отобразить миниатюру, выберите размер миниатюры, ширину и высоту, а также выравнивание миниатюр.

На вкладке «Дополнительно» имеются дополнительные параметры, такие как выбор длины отображаемого фрагмента записи, отображение даты, отображение измененной даты и другие относительные варианты выбора даты.

В разделе «Пользовательский CSS» вы можете добавить код CSS, чтобы изменить внешний вид виджета. Оставьте это поле пустым, если у вас нет представления о CSS-кодировании.

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

Способ 2. Отображение случайных сообщений в WordPress с использованием кода

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

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

ul class="randompost">
<!-- из какой рубрики выводить (можно убрать, если не нужно), количество постов-->
<?php $the_query = new WP_Query ('cat=76&showposts=5&orderby=rand'); ?>
<?php while ($the_query -> have_posts ()) : $the_query -> the_post (); ?>
<li>
<!--миниатюра поста -->
<a href="<?php the_permalink () ?>"><?php echo get_the_post_thumbnail ( $post->ID, 'thumbnail'); ?></a>
<!--вывод название категории -->
<span class="namecat"><?php $cat = get_the_category (); echo $cat[0]->cat_name; ?>:</span><br/>
<!--заголовок поста -->
<a href="<?php the_permalink (); ?>" rel="bookmark">  <?php the_title (); ?></a>
<!--дата поста -->
<p class="randate">
<span class=""><?php echo get_the_date ('Y-m-d'); ?></span>
</p>
</li>
<?php endwhile; ?>
<?php wp_reset_query (); ?>
</ul>

Далее прописываем стили CSS:

ul.randompost li a {
color: #3f444c;
font: 500 13px arial;
vertical-align: top;
}
ul.randompost li {
overflow: hidden;
overflow-wrap: break-word;
}
ul.randompost img {
float: left;
margin: 5px 10px 10px 0;
display: block;
width: 55px;
height: 55px;
}
.randate {
color: #999;
font: 500 11px arial;
}
span.namecat {
color: #3f444c;
font: 600 13px arial;
}

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

С уважением Вячеслав и Валерия