Как пользоваться функцией создания миниатюр?

В WordPress 2.9 появилось несколько новых фич. Одна из них - функция создания миниатюр.

Чтобы включить поддержку этой функции в вашей теме, нужно добавить пару строк в файл functions.php (если такого файла нет, создайте его).

<?php if ( function_exists( 'add_theme_support' ) )
add_theme_support( 'post-thumbnails' ); ?>

После этого в админке - на странице создания поста появится блок "Установить миниатюру", а в аплоадере картинок - " Добавить медиафайлы с вашего компьютера".

В файлах темы в нужном вам месте, например, перед функцией

<?php the_content('Читать дальше &raquo;'); ?>

добавьте

<?php the_post_thumbnail(); ?>

Оформить вывод изображений можно так:

<div class="thumbnail">
<a href="<?php the_permalink() ?>"><?php the_post_thumbnail('thumbnail'); ?></a>
</div>

А в файл style.css добавить:

.thumbnail {
float: left;
margin: 0 10px 10px 0;
padding: 1px;
background: #e8e1d8;
border: 1px solid #DAD6CA;
}

Функция the_post_thumbnail имеет следующие аргументы:

// миниатюра
the_post_thumbnail('thumbnail');
// средний размер
the_post_thumbnail('medium');
// большой размер
the_post_thumbnail('large');
// исходный размер
the_post_thumbnail();

Мы можем, также, назначить любому изображению наш собственный размер:

// размер миниатюры 50х50
the_post_thumbnail(array(50,50), array('class' => 'alignleft'));
// размер миниатюры 150х100
the_post_thumbnail(array(150,100), array('class' => 'alignleft'));

Теперь перейдите на страницу добавления новой записи.
Обратите внимание - на ней появился блок «Миниатюра записи». Сюда мы можем вставить нашу миниатюру.

Откройте медиазагрузчик и загрузите выбранное изображение.
Одновременно с загрузкой его можно отредактировать: выбрать размер, поменять название, указать альтернативный текст, текст для title, URL ссылки, а также назначить изображению место на странице: слева, по центру или справа.

Для того, чтобы изображение можно было выровнять так, как нам нужно, мы можем присвоить ему класс.

// выравнивание слева
the_post_thumbnail('thumbnail', array('class' => 'alignleft'));
// выравнивание справа
the_post_thumbnail('thumbnail', array('class' => 'alignright'));
// выравнивание по центру
the_post_thumbnail('thumbnail', array('class' => 'aligncenter'));
// выравнивание справа и свой класс 'my_class'
the_post_thumbnail('thumbnail', array('class' => 'alignright my_class'));

Например, так:

<?php the_post_thumbnail('thumbnail', array('class' => 'alignleft')); ?>

Здесь мы указали, что наше изображение должно выводится в виде миниатюры (150px × 150px) с выравниванием по левому краю.

Чтобы воспользоваться новыми классами CSS для выравнивания изображений и обтекания их текстом пропишите в файл style.css:

img.alignright {float:right; margin: 0 0 10px 10px }
img.alignleft {float:left; margin:0 10px 10px 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 10px 10px }
a img.alignleft {float:left; margin:0 10px 10px 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

После этого всем изображениям, для которых вы выберете выравнивание слева, будет присвоен класс alignleft, а изображение будет встроено в ваш блог, например, так:

<img src="http://example.com/images/leaf.jpg" alt="Мое фото" title="Фото автора" 
class="alignleft size-medium wp-image-3109" height="175" width="300" />
Разработка web приложений и разработка программ на заказ - услуги частных программистов.
Помощь по разблокировке

Для того чтобы снять блок и увидеть ссылку на закачку, подпишитесь на обновления блога.

* Ваше имя: 

* Ваш e-mail: 

В каждом пришедшем письме публикуется код разблокировки.

Пользуйтесь кодом только из последних, пришедших вам на Email, писем.

Хотите получать новые полезные статьи каждую неделю?

К посту "Как пользоваться функцией создания миниатюр?" оставлено 18 коммент.
Посмотреть последние комментарии
  1. Хороший мануал :)

  2. Уже обновился на более раннюю версию...2.9.2 уже есть)) ну все равно большое спасибо за руководство)

    • dimas19, а вы думаете, что в WordPress 2.9.2 миниатюры выводятся по другому? Вовсе нет.
      Вывод изображений в WordPress 2.9.2 и даже в WordPress 3.0 происходит точно так же, как и в WordPress 2.9.

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

    • Нужно добавлять картинки к статьям через произвольный поля.
      А в сайдбаре для вывода картинок использовать query_posts.
      И в параметрах этой функции поставить orderby=rand - т.е. случайный вывод.

      • а так, чтобы картинка бралась из миниатюры можно сделать?

  4. Добрый день, все прописал как Вы написали в своем посте, но в место картинки ничего не показывает, хотя поле под картинку сделалось. Шаблон channel . WordPress установлен самый новый.

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

    появился в заметках виджет "Миниатюра записи". Так и должно быть?

    • Андрей, я не знакома с темой channel, поэтому не знаю, почему в этой теме данная функция не работает.
      То же самое в отношении Миниатюр записи:
      эта функция в WordPress часто глючит, и я не знаю, как она должна работать в идеале, потому что у меня она работает через раз - поэтому я ее и не пользуюсь.

  5. Подскажите, как сделать миниатюры в виде ссылок на пост.

    • Прочитайте внимательно пост.
      Там об этом написано.

  6. Дело в том, что миниатюры в шаблоне index.php моей темы выводятся немного иначе:
    "alignleft post_thumbnail")); } ?>

  7. Всё, сделал index.php получился такой:
    ****<a href=""> "alignleft post_thumbnail")); } ?>****.
    Спасибо.

  8. А что делать если в самом посте показывается и миниатюра и большое изображение? как убрать можно?

    • Убрать из файла single.php вывод миниатюр.

      • Спасибо разобрался, только функция в post.php была

  9. Здравствуйте. Скажите, как вывести анонсы рубрик с миниатюрами на главной странице, как на вот таком сайте: zhenskiyblog.ru.

    Знаю, что надо править single.php, только вот скажите, что именно нужно сделать. Спасибо

    • Прочитайте внимательно этот пост - там как раз об этом.

      • Спасибо за оперативность. Возможно, я ничего не понял :) буду разбираться. Ещё раз спасибо

Здесь вы можете написать отзыв

*

Внимание: все отзывы проходят модерацию.