Плагин для создания превьюшек (thumbnails) к записи

Плагин для создания превью WordPress
Представляю Вашему вниманию отличный плагин - Simple Post Thumbnails для создания превьюшек (thumbnails) для записей. С помощью данного плагина Вы легко сможете добавить маленькую картинку к записи для её последующего вывода на главной странице блога или в категории.

Плагин очень прост в установке и использовании. Устанавливается плагин обычным способом, т.е. закачиваем плагин в папку wp-content/plugins и активируем его. Далее нам нужно настроить его, для этого переходим на страницу настроек (Параметры - Thumbnails Options) и настраиваем его под свои нужды:

Плагин Simple Post Thumbnails
Default thumbnail - путь до картинки (например: http://www.wp-info.ru/defpic.gif) которая будет выводиться если к записе не загружено какое либо изображение.
Thumbnail file type - формат в котором будут конвектироваться изображения.
Default thumbnail width - ширина картинки используемая по умолчанию.
Default thumbnail height - высота картинки используемая по умолчанию.

На этом настройки Simple Post Thumbnails заканчиваются. Теперь при написании поста у Вас появится дополнительная панель Post Thumbnail Options. Где Вы сможете загрузить картинку со своего компьютера или с другого сайта.

Плагин миниатюр WordPress
Далее переходим к установке плагина в шаблон. Превьюшка выводится с помощью функции p75GetThumbnail($post_ID,$width,$height,$fileType), где:

1) $post_ID - id записи, внутри цикла LOOP берется с помощью функции get_the_ID().
2) width и height - ширина и высота картинки (задавать не обязательно).
3) fileType - тип выводимой картинки, может быть JPG, GIF или PNG (задавать не обязательно).

Если Вы хотите задать не все параметры, а например только высоту и тип, то вместо остальных оставляйте пустое место. Например:  p75GetThumbnail(get_the_ID(),,,"jpg").

Если высота и ширина не заданы, то он берет их из настроек плагина, уменьшает и обрезает картинку. Если заданы и ширина и высота - уменьшает и обрезает. Если задана только высота или только ширина - только уменьшает.

Пример кода для вставки в шаблон:

<img src="<?php echo p75GetThumbnail(get_the_ID(),150,150,"");?>" />

Также предлагаю Вам посмотреть демо-видео по использованию плагина:

Скачать плагин
Страница плагина

Если у Вас возникнут какие либо трудности по установке или настройке плагина, спрашивайте - обязательно помогу!

Рубрика: Плагины WordPress | 28 июля 2009

Предыдущие записи из рубрики `Плагины WordPress`

15 комментариев

web 2.0 portal, 29.07.2009 в 13:00

Гениально 🙂 На своем сайте добавляю картинки руками, что не всегда удобно. Вот бы еще придумать, как сделать виджет с последними/самыми популярными/комментируемыми/похожими статьями, типа тизеров!

ОтветитьОтветить
Deimos, 29.07.2009 в 13:28

Не совсем понял задачу.... Напишите по подробнее что должен делать виджет?!

ОтветитьОтветить
Александр, 30.07.2009 в 13:06

Автор, вы не в курсе - чем снимают такое видео как в примере? чтобы с увеличением плавным

ОтветитьОтветить
Deimos, 30.07.2009 в 13:40

К сожалению нет, сам хотел как то снять такое видео, но из-за того что не знаком с таким софтом - не снял 🙁

ОтветитьОтветить
alexpts, 01.08.2009 в 11:08

Это Camtasio Studio по-моему, там так точно можно сделать.

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

ОтветитьОтветить
Deimos, 01.08.2009 в 11:30

Да alexpts, правильно понял, только для картинки к анонсу, я еще написал обзор плагина который позволяет делать картинку для анонса из самой новости, но мне показался он менее удобным, а этот простой и понятный 😉

ОтветитьОтветить
palach#, 09.08.2009 в 22:15

Доброго времени суток.
недавно начал познавать вордперсс и его плугины.
Подскажите пжлта плагин simple-post-thumbnails, можно ли сделать так, чтобы при нажатии на картинку - превьюшку, на главной, не открывалась картинка, а переходило сразу в статью?
Мб глупый вопрос, но нужный ^)
Заранее спасибо!

ОтветитьОтветить
ElectroRat, 25.09.2009 в 00:27

Уважаемый, подскажите, как можно сделать, чтоб изображение обтекалось текстом. У меня чего-то сначала идет превьюшка, а под ней уже текст. ХочЬца очень чтоб было так, изображение слева, текст справа.

ОтветитьОтветить
Seledka_rider, 02.01.2010 в 09:32

Задам совсем тупой вопрос, но каким образом вставляется код в шаблон?

ОтветитьОтветить
Deimos, 02.01.2010 в 10:33

ElectroRat, Вам надо прописать стиль для картинки... например добавьте к картинке класс preview (class="preview"), а в файл style.css добавьте:
.preview {
float:left;
padding:3px;
}

Отступы там уже сами подредактируете.

Seledka_rider, путем редактирования файлов Вашей темы. Тема находится ваш_сайт.ру/wp-content/themes/название_вашей темы/ там Вы находите например файл index.php и вставляете туда все что Вам нужно 😉

ОтветитьОтветить
Seledka_rider, 02.01.2010 в 12:00

Большое спасибо!

ОтветитьОтветить
В ГАЕ .RU, 17.02.2010 в 12:46

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

ОтветитьОтветить
darmoid, 18.02.2010 в 17:00

Есть один сайтик. И там очень интересно реализован этот плагин. Вот он zenfoto.ru самый первый пост. Кто в курсе как там дригие картинки под основной выводяться? Что за такая интересная модификация?

ОтветитьОтветить
Виктор, 14.03.2010 в 09:34

А можно ли обойтись совсем без плагина? В одном посте напал на такой код:

function catch_that_image() {
global $post, $posts;
$first_img = '';
ob_start();
ob_end_clean();
$output = preg_match_all('/<img.+src=['
"]([^'"]+)['"].*>/i', $post->post_content, $matches);
$first_img = $matches [1] [0];
if (!empty($first_img)) $size = getimagesize($first_img);
$imageWidth = $size[0];
if ($imageWidth > 170) $imageWidth = 170;
$post_title = $post->post_title;
$post_title = str_replace('"', ''', $post_title);
if(empty($first_img)) {
return '';
} else {
if ($imageWidth > 80) return ' ';
}
}
Который нужно вставить в function.php

А в шаблон вставляется как

Только вот у меня не заработало, может подскажет кто

ОтветитьОтветить
SerjG, сегодня

Жаль что в php не заработало, ведь это для многих было бы удобней. ИМХО.

ОтветитьОтветить

Комментировать