вход

Как отображать последние сообщения в виде эскизов в боковой панели в WordPress 3.0 +

Как отображать последние сообщения в виде эскизов в боковой панели в WordPress 3.0 +

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

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

<div class="widget">
<h3  class="sidebartitle">Интересные статьи</h3>
<?php
		$args = array('numberposts' => 15, 'orderby' => 'last' );
		$my_query = new WP_Query($args);
		if( $my_query->have_posts() ) {
			while ($my_query->have_posts()) : $my_query->the_post(); 

		$attachments = get_posts( array(
		'post_type' => 'attachment',
		'number_posts' => 1,
		'post_status' => null,
		'post_parent' => $my_query->post->ID,
		) );
		if ($attachments) {

?>
	<a href="<?php the_permalink() ?>" rel="bookmark" title="Постоянная ссылка на <?php the_title_attribute(); ?>">
<?php
		$thumbnail_id = $attachments[0]->ID;
		?>
        <div class="sidebar-list">
        <?php
		echo wp_get_attachment_image( $thumbnail_id, array(50,50) );
		?>
        </div>
  </a>
		<?php
		}
		endwhile;
		}
		wp_reset_query();
	?>

<div class="clear"></div>            
</div>

Данный код выводит 15 последних сообщений. Он выводит миниатюры, которые осталось только оформить, применяя стили CSS. Мне очень симпатичны небольшие иконки по 5 колонок в два ряда. В моей теме ширина сайдбара равна 300 пикселям. Следовательно, как раз и получается 5 миниатюр, с размерами 50х50 пикселей. Я добавил следующий код в файл стилей style.css, который находится в папке основной темы.

.sidebar-list{
                width:100%;
                display:block;
                height: auto;
                padding:0;
                margin:10px 0;
}

.sidebar-list img{
                float:left;
                border: none;
                margin:1px;
                padding:2px;
                border:1px solid #ccc;
                height:50px;
                width:50px;
}

После этого тестируем результат в браузере:

Качественные премиум темы и шаблоны для Вашего сайта:

Смотреть полный каталог качественных тем и шаблонов

Здесь Вы можете выбрать из более чем 46 000 готовых дизайнов. Шаблоны сайтов + установка + хостинг + персонализация + поисковая оптимизация + копирайтинг — все эти услуги вы всегда можете получить от профессионалов мирового уровня!


Нашли это полезным? Поделитесь с другими:
Не останавливайтесь, читайте дальше:
Один комментарий :

Статья → Как отображать последние сообщения в виде эскизов в боковой панели в WordPress 3.0 +

  1. Воспользовалась Вашим кодом для отображения последних постов. Спасибо за код. Только вот возникла небольшая проблемка. Отображается только 5 последних постов и всё, хотя в настройках стоит 18. Посоветуйте, что сделать? Вот ссылка на страницу с постами…http://receptrusov.ru/zapravka-na-zimu.html

Оставить комментарий

Статья → Как отображать последние сообщения в виде эскизов в боковой панели в WordPress 3.0 +

Правила комментирования

  1. Кoммeнтapий всегда проходит премодерацию.
  2. В поле "URL блога" можно указывать только ссылку на главную страницу вашего блога. Ссылки на прочие веб-ресурсы (в том числе блоги/сплоги, созданные не для людей) будут удалены.
  3. Запрещается использовать в качестве имени комментатора слоганы/названия сайтов, рекламные фразы, ключевые и т.п. слова. В случае несоблюдения этого условия имя изменяется по усмотрению владельца блога. Просьба указывать нормальное имя или ник.
  4. Весьма вероятно, что короткий и неинформативный кoммeнтapий вида "Спасибо!", "Интересная статья", будет удален. Исключение составляют знакомые автору блога комментаторы.