Удобное обрезка миниатюр сообщений?

Есть ли способ, чтобы мои пользователи определяли область обрезки эскиза сообщения? Миниатюры всегда представляют собой прикрепленные вложения, я бы предпочел не создавать дополнительное прикрепление на миниатюру.

Миниатюры сообщений должны быть размером 200x100 пикселей и взяты из одного из изображений, используемых в сообщении. Поэтому в моем идеальном мире, когда вы нажимаете ссылку «Установить изображение», вы получаете обзор уже включенных изображений, и когда вы нажимаете один из них, вы можете сами определить область обрезки (перемещение или изменение размера, но сохранение соотношение сторон 2x1). Когда вы нажимаете «ОК», новое миниатюра сообщения сохраняется с исходным вложением (например, в поле метаданных _wp_attachment_metadata['sizes']['post-thumbnail']), а не как новый крепление. Использование изображения, которое уже используется как миниатюра сообщения для другого сообщения, не должно допускаться или, по крайней мере, давать предупреждение.

Я считаю, что включенный редактор изображений не будет соответствовать моим потребностям, поскольку вы можете редактировать все версии изображения или обычный миниатюру, но не только миниатюру сообщения. Мне также немного сложно понять, какие версии я редактирую, поэтому я думаю, что у моих пользователей будет еще больше проблем с этим.

Есть ли плагин, который делает то, что я хочу, или что я могу легко расширить свои потребности?

Обновление: пример UI

Мне очень нравится интерфейс для выбора изображений в адресной книге Mac OS X: вы выбираете изображение и изменяете размер обрезки с уменьшенным значком с помощью слайдера. Вы также можете перетащить базовое изображение. Вы можете развернуть эту идею до нескольких размеров изображения (например, post-thumbnail и post-thumbnail-1/2), который составляет половину этого размера). Позвольте пользователю выбрать размеры (размеры), которые он сейчас редактирует, с помощью флажков и нарисовать соответствующие прямоугольники на экране.

Образцы изображений адресной книги в действии

32 голоса | спросил Jan Fabry 13 thEurope/Moscowp30Europe/Moscow09bEurope/MoscowMon, 13 Sep 2010 14:18:33 +0400 2010, 14:18:33

8 ответов


11

Код по-прежнему беспорядок, но, похоже, он работает даже в IE 8. Я планирую выпустить его в репозитории, но пока вы можете играть с моя текущая версия . Для доступа к нему вы нажимаете «Редактировать изображение» при добавлении или редактировании изображения, оно заменяет обычный редактор изображений (их очень сложно комбинировать). Поскольку большая часть области администрирования использует обычную миниатюру, а моя текущая версия редактирует миниатюру сообщения, может показаться, что код не имеет никакого эффекта, но попробуйте его, показывая миниатюру сообщения, и вы увидите, как оно изменилось.

Для этого плагина требуется On-Demand Image Resizer , который также по-прежнему беспорядок, чтобы сделать фактическое изменение размера.

Пример изображения в обрезке

ответил Jan Fabry 16 22010vEurope/Moscow11bEurope/MoscowTue, 16 Nov 2010 19:17:19 +0300 2010, 19:17:19
4

Лучше всего использовать обрезку изображения на основе javascript, а затем php в сочетании с ImageMagick или Image GD.

Его нужно было бы записать в ваши функции или в качестве плагина, поскольку я не знаю, что у вас есть с полными плагинами Wordpress, что удивительно.

Существует обрезка изображения YUI с опцией сохранения на основе php http: //разработчик .yahoo.com /yui /examples /imagecropper /conn_crop.html

Вот другой учебник по использованию jQuery cropper с php
http://www.webmotionuk.co.uk/php-jquery-image-upload-and-crop/

Третья опция, очень похожая на приведенную выше ссылку, используя один и тот же набор jquery cropper, но другой код. http://www.leonkessler.com/blog/?p=132

Вот еще один jcrop jquery, http: //www.talkincode.com/jcrop-extension-implementation-in-php-932.html

Кто за новый плагин, это наверняка будет популярным:)

ответил Wyck 11 42010vEurope/Moscow11bEurope/MoscowThu, 11 Nov 2010 05:23:58 +0300 2010, 05:23:58
1

Предполагая, что вы уже добавили поддержку для эскизов, поскольку вы говорите о опции «Лучшее изображение».

Если это так, выберите один из вариантов, чтобы добавить новый размер изображения в массив выгрузки. Таким образом, по умолчанию у вас есть миниатюра, средний, большой. В следующем фрагменте кода это добавляет 4-е изображение в этот ассортимент, основываясь на любом размере, который вы желаете. Этот бит кода будет добавлен в ваш файл functions.php.

add_image_size( 'new_thumb', 200, 100, true );

"new-thumb" = имя нового пользовательского изображения
"200" = ширина
«100» = высота
опция "true" = hard crop. Это заставит изображение обрезать до определенной ширины /высоты. Без этого он просто масштабируется до пропорции.

Теперь, чтобы отобразить новое эскиз на странице или столбце, вы должны вставить следующее в свой HTML

<?php the_post_thumbnail('new_thumb'); ?>
ответил 30 +04002010-10-30T00:29:40+04:00312010bEurope/MoscowSat, 30 Oct 2010 00:29:40 +0400 2010, 00:29:40
1

Возможно, вы захотите использовать CSS, чтобы иметь большую гибкость, исправить миниатюру в своей теме (если это необходимо) и избежать беспорядка файла:

http: //www.seifi. орг /CSS /создание-миниатюр-использованием-The-CSS-клип property.html

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

Обновление по запросу Jan: Если вам нужно динамическое обрезание, подумайте:

  • Для пользователя = администратора создайте CSS через PHP; вы можете просто ссылаться на php, который считывает соответствующие настройки и соответственно корректирует параметры отсечения.
  • Для пользователя = посетитель используйте JavaScript для изменения параметров отсечения в атрибуте стиля изображения.
  • Как менее инвазивное решение, подумайте о создании короткого кода (через отличный плагин Shortcode Exec PHP), например [thumb w = ?? h = ??] url [/thumb], что вы можете перевести на соответствующий тег HTML с встроенным CSS.
ответил Raphael 9 22010vEurope/Moscow11bEurope/MoscowTue, 09 Nov 2010 23:20:59 +0300 2010, 23:20:59
1

Существует более старый плагин под названием WP Post Thumbnail, который мы иногда используем. Это не идеально, и есть некоторые незначительные ошибки с последней версией WP (она не обновлялась с 2008 года, поэтому она не обязательно надежна). http://wordpress.org/extend/plugins/wp-post-thumbnail/

ответил gabrielk 12 52010vEurope/Moscow11bEurope/MoscowFri, 12 Nov 2010 05:32:38 +0300 2010, 05:32:38
1

Я считаю, что вы ищете это: http://wordpress.org/extend/plugins/scissors/

Мне нужно это для проекта, над которым я тоже работаю.

ответил tomcat23 16 22010vEurope/Moscow11bEurope/MoscowTue, 16 Nov 2010 23:15:43 +0300 2010, 23:15:43
1

Я думаю, что окончательным решением этой проблемы было бы изменение плагина из http://www.seoadsensethemes.com/wordpress-wp-post-thumbnail- плагин /

и настройте его так, чтобы любые пользовательские размеры изображений, определенные в вашем файле functions.php (с помощью add_image_size( 'new_thumb', 200, 100, true );) автоматически используются, а затем получают код заменить (или расширить) ссылку «изменить», если вы хотите изменить изображение.

Используя этот подход, Wordpress может продолжать создавать свои применимые размеры изображений, как обычно, но если вы хотите специально изменить обрезаемую область любого конкретного изображения, у вас есть возможность сделать это, что в свою очередь заменит автоматически сгенерированное изображение для это размер. Хммм ... хотя это звучит путано, читая его снова, именно то, что я чувствую, отсутствует.

В настоящее время я считаю, что плагин сохраняет эти настраиваемые размеры изображений в настраиваемом поле в столбце вместо публикации для соответствующего изображения.

ответил NetConstructor.com 24 32010vEurope/Moscow11bEurope/MoscowWed, 24 Nov 2010 18:08:35 +0300 2010, 18:08:35
1

Я решил обрезать миниатюры, используя собственный «wp_get_attachment_image» ... вот пример галереи изображений с обрезанными эскизами

http://wpworks.wordpress.com /2010/12/27 /образ-галерея-с-изображения-культуры /

С наилучшими пожеланиями

ответил 27 MonEurope/Moscow2010-12-27T18:35:55+03:00Europe/Moscow12bEurope/MoscowMon, 27 Dec 2010 18:35:55 +0300 2010, 18:35:55

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132