Плагин для создания превьюшек (thumbnails) к записи
Представляю Вашему вниманию отличный плагин - Simple Post Thumbnails для создания превьюшек (thumbnails) для записей. С помощью данного плагина Вы легко сможете добавить маленькую картинку к записи для её последующего вывода на главной странице блога или в категории.
Плагин очень прост в установке и использовании. Устанавливается плагин обычным способом, т.е. закачиваем плагин в папку wp-content/plugins и активируем его. Далее нам нужно настроить его, для этого переходим на страницу настроек (Параметры - Thumbnails Options) и настраиваем его под свои нужды:
Default thumbnail - путь до картинки (например: http://www.wp-info.ru/defpic.gif) которая будет выводиться если к записе не загружено какое либо изображение.
Thumbnail file type - формат в котором будут конвектироваться изображения.
Default thumbnail width - ширина картинки используемая по умолчанию.
Default thumbnail height - высота картинки используемая по умолчанию.
На этом настройки Simple Post Thumbnails заканчиваются. Теперь при написании поста у Вас появится дополнительная панель Post Thumbnail Options. Где Вы сможете загрузить картинку со своего компьютера или с другого сайта.
Далее переходим к установке плагина в шаблон. Превьюшка выводится с помощью функции 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`
15 комментариев
web 2.0 portal, 29.07.2009 в 13:00 Гениально 🙂 На своем сайте добавляю картинки руками, что не всегда удобно. Вот бы еще придумать, как сделать виджет с последними/самыми популярными/комментируемыми/похожими статьями, типа тизеров!
Ответить
Александр, 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, 11.02.2011 в 23:08 Жаль что в php не заработало, ведь это для многих было бы удобней. ИМХО.
Ответить
Не совсем понял задачу.... Напишите по подробнее что должен делать виджет?!