Все для начинающих интернет-предпринимателей

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

Advanced-Random-Posts

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

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

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

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

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

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

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

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

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

Advanced-Random-Posts-Widget-1

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

Advanced-Random-Posts-Widget-2

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

Advanced-Random-Posts-Widget-3

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

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

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

Advanced-Random-Posts-Widget-5

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

Advanced-Random-Posts-Widget-6

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

Способ 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, которую вы используете. Большинство тем уже поставляются с методами отображения случайных постов под опубликованным контентом. Если такая функция доступна, вам не нужно использовать ни один из перечисленных выше методов. А у нас на этом все. Всем пока!

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

Понравился материал? Поделитесь с друзьями!

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

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