Работа с изображениями в WordPress 2.6 и вывод подписей в Shutter Reloaded
Часть первая
WordPress 2.6 принес нам обновление при работе с изображениями, которые мы добавляем в записи:
1. Заметно улучшился диалог редактирования настроек изображения. Можно сказать что вообще все стало по новому.
Редактирование свойств изображения
2. Появился новый стиль для оформления подписей. Ниже приведен код из стандартной темы, но вы можете изменить все на свой вкус.
Как это работает?
Добавьте этот код в файл стилей вашей темы
/* Captions */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* End captions */
Перезагрузите стиль в браузере — обычно это делается нажатием клавиш Ctrl+F5
Теперь при заполении поля ПОДПИСЬ ИЗОБРАЖЕНИЯ при загрузке или редактировании картинки
Редактор свойств изображения
Редактор свойств файла при загрузке
мы получим результат (в редакторе он также виден сразу):
Образец работы подписи изображения
в коде это выглядит так:
[ caption id="attachment_2324" align="alignnone" width="204" caption="Образец работы подписи изображения" ]<a href="http://lecactus.ru/wp-content/uploads/2008/07/20080713_13070823_48_33.png"><img class="size-medium wp-image-2324" title="Образец работы подписи изображения" src="http://lecactus.ru/wp-content/uploads/2008/07/20080713_13070823_48_33.png" alt="Образец работы подписи изображения" width="204" height="200" /></a>[ /caption ] добавлены пробелы между скобками и словом caption
Часть вторая
При выводе изображений через плагин Shutter Reloaded подпись изображения, заданная в примере выше (в стандартном поле диалога WordPress) игнорируется. Вместо этого используется тег TITLE из тега A (т.е. из ссылки на это самое изображение). Это кстати написано и в хэлпе к плагину, просто напоминаю чтобы имели ввиду и не спрашивали лишний раз что и как. в WP2.5 это было точно также.
Вот пример (подпись на изображении одна, а при клике для вывода полного изображения покажет другую:
Водяные лилии
Связанные записи
20 комментариев на запись “Работа с изображениями в WordPress 2.6 и вывод подписей в Shutter Reloaded”
Трэкбеки и пингбеки
14 июля 2008 в 0:54
Неужели в wordpress появилась нормальная работа с изображениями?! Не тирпится установить финальный релиз!
14 июля 2008 в 1:05
@ Oleg Tarasov: это стало намного лучше чем раньше, не спорю. еще бы вернули вставку быструю уже загруженных картинок как было в 2.3.*, а не тупую вставку из ГАЛЕРЕИ (которую нужно заново открывать при каждом нажатии ВСТАВИТЬ В ЗАПИСЬ). Это если хочешь вставить не всю галерею одним тегом.
14 июля 2008 в 13:57
Это точно! Оч. Хочу.
14 июля 2008 в 18:35
Да уж не просто было, но получилось, спасибо!
15 июля 2008 в 11:35
Действительно порадовало стало удобно работать с изображениями
16 июля 2008 в 1:56
Было бы интересно конечно, но он же на инглише, а хочется не напрягаться лишний раз, выйдет русский 2.6 финал, вот тогда можно будет радоваться. Русскую бетку ставил, что то тормозит, однозначно пока надо ждать.
16 июля 2008 в 8:48
@ mephi: вы отстали от поезда :) http://lecactus.ru/2008/07/15/2347/
17 июля 2008 в 10:28
Выглядит это так, словно команда WP обратила наконец внимание на самые слабые места своего детища и старается их ликвидировать, приводя к уровню современных стандартов и пользовательских требований. Супер!
Но вся система все-таки тормозит. Лекактус, по всему судя, ты знаешь о нынешнем варианте WP всех здесь больше, подскажи, какую память требует? Хостер (FreeHost, UA) тут заявил, что у него лимит в 20 Mb, так что админка не работает… Хрень, конечно, но что поделаешь… Так сколько требуется памяти для ЕСТЕСТВЕННОЙ работы системы? Спасибо за ответ!
17 июля 2008 в 10:37
@ Coma: 32 mb минимум также как и версия 2.5.1. 40 желательно, больше — это чтобы не задумываться вообще о проблеме. я выставил в настройках сервера вообще 128мб
21 июля 2008 в 22:01
Обновил с 2.5.1 на 2.6 и почему то загрузка изображения проходит с ошибкой, верней просто не отображает загруженную картинку (пустота).
Вернулся на версию 2.5.1 всё обратно заработало? Никто не сталкивался с таким?
22 июля 2008 в 9:00
@ Fizruk: случайно путь к загружаемым файлам у вас не стандартный? если да — читайте комментарии выше
23 августа 2008 в 19:29
Была проблема со стилями. Надпись жалась впритык к левом краю. Реакции на редактирование стиля .wp-caption p.wp-caption-text вообще не было никакой, а оказалось нужно было всего лишь поставить запятую .wp-caption, p.wp-caption-text. От края теперь есть отсуп, но по центру текст все равно не хочет выравниваться.
29 августа 2008 в 16:45
При использовании «caption» картинка, не зависимо от того какое выравнивание выбираешь, все равно, когда запись опубликована, получается выравнивание по левому краю.
Это можно победить както?
29 августа 2008 в 16:48
При использовании «caption», картинка с подписью, не зависимо от того какое выравнивание выбираешь, все равно, когда запись опубликована, выравниванивается по левому краю.
Это можно победить как-то?
29 сентября 2008 в 6:49
А у меня при добавлении галереи полностью или по одной фотографии не появляется счетчик изображений и кнопка перелистывания фоток, видна только одна кнопка «закрыть»? Скажите пожалуйста как сделать чтобы можно было сразу перелистыванием просматривать фото, а не закрывая..открывая каждый раз…????
29 сентября 2008 в 7:34
@levas: а в настройки щелкнуть лень и посмотреть что там есть? «Shutter на все ссылки изображений и автоматически создать наборы на каждую запись/страницу.»
18 мая 2009 в 1:33
А как сделать, чтоб такое обрамление выводилось всегда. А то когда не указываешь подпись, оно не появляется?
7 декабря 2009 в 17:23
Подскажите, пожалуйста, как вывести подпись к изображению к изображению в произвольных полях?