Добрый день, сегодня пост про очень красивый вывод записей c миниатюрами в WordPress. Это вывод записей с уменьшенным изображением (миниатюрой). Чаще всего миниатюры в wordpress используется на главной странице, уменьшенные изображения притягивают взгляд к статье и вообще внешний вид сайта с миниатюрами заметно лучше.
http://dicim.net/wp-content/uploads/thumbnail-2.jpg
Изначально, в старых версиях WordPress (до 3), функция вывода миниатюр присутствовала, но была не активирована. Чтобы проверить включена она или нет - Зайдите в админку WordPress и откройте какую-нибудь запись для редактирования, если вы видите вот такой бокс справа – внизу (без изображения):
http://dicim.net/wp-content/uploads/thumbnail.jpg
Значит всё нормально и функции Post-Thumbnail включена. Если не видите, то открывайте файл functions.php и вставьте туда вот этот код

Код:
add_theme_support('post-thumbnails');

Теперь «окно добавления изображений» будет присутствовать в админке.

Вывод миниатюры
Блок, который изображён на первом скриншоте поста, выводиться с помощью вот этого кода:

Код:
<div class="entry">
  <h2><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a>
  </h2>// Заголовок поста
 
  <a href="<?php the_permalink() ?>"> 
    <div align="center" id="thumbnail"><?php the_post_thumbnail(array(250,187)); ?></div> 
  </a> //Выводиться миниатюра ссылкой на пост
<br/>
	<?php the_excerpt($post,50) ?>// Вывод текста и его размер
<br/>
           <a href="<?php the_permalink() ?>">Читать Далее...</a>
</div>

Вывод миниатюры осуществляется при помощи функции:

Код:
<?php the_post_thumbnail(); ?>

Оформление миниатюр в WordPress
Чтобы изменять размеры выводимой картинки, надо добавить размеры в функцию вывода:

Код:
// размер 50х50 пикселей
the_post_thumbnail(array(50,50));
// размер 150х100 пикселей
the_post_thumbnail(array(150,100));

Так же мы можем создать выравнивание для миниатюр, дописав нужный класс к функции:

Код:
// выравнивание справа
the_post_thumbnail('thumbnail', array('class' => 'alignright'));
// выравнивание слева
the_post_thumbnail('thumbnail', array('class' => 'alignleft'));
// центрирование
the_post_thumbnail('thumbnail', array('class' => 'aligncenter'));
//Таким же способом можно присвоить какой-нибудь класс к миниаютере и потом уже оформлять 
//с помощью него в CSS, например класс – one:
the_post_thumbnail('thumbnail', array('class' => 'one'));

На этом всё, спасибо за внимание. Если возникнут вопросы, то пишите в комментариях, всем с удовольствием отвечу.