Главная »
Программирование » Wordpress » Как отображать последние сообщения в виде эскизов в боковой панели в 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; }
После этого тестируем результат в браузере:
Нашли это полезным? Поделитесь с другими:
Статья Как отображать последние сообщения в виде эскизов в боковой панели в WordPress 3.0 +
