Изображения в блоге на WordPress Для оформления блога используются картинки. Об этом пишут в многочисленных руководствах типа «как привлечь читателя к вашему блогу». Предполагается, что читатель находится на уровне воспитанника дошкольного учреждения и без картинок читать не будет. Ок, ладно, мы наших читателей любим, хотят картинки — будут, нам что, жалко? Данивжисть!
Допустим, мы запустили блог на движке WordPress, все настроили и собираемся заполнять контентом. К текстам мы подобрали картинки, а теперь надо добавить их в записи.
Изображения в WordPress добавлять легко.
Добавлять можно на страницы или в записи. Изображение можно загрузить со своего компьютера (и тогда оно будет храниться на вашем сайте, занимая пространство, выделенное хостером) или использовать изображение из интернета (предварительно загрузив на хостинг картинок).
Важно! Не ставьте себе на сайт изображения напрямую с чужого сайта, это крайне дурной тон (погуглите hotlink). Если уж так критично место на сайте, используйте разные бесплатные хостинги картинок.
Итак, при создании новой записи или страницы (или редактировании существующей) надо поставить курсор туда, где у нас планируется изображение, а потом нажать значок медиа над окошком визуального редактора.
Начиная с версии WordPress 3. 3 можно перетащить файлы на появившееся окно или нажать кнопку Выберите файлы, чтобы выбрать изображение с компьютера для загрузки. Для перетаскивания используется загрузчик HTML5, который работает в последних версиях браузеров Chrome, Firefox, Safari.
В других браузерах нет никакого перетаскивания, только кнопка выбора файлов и загрузчик браузера. Например — на скриншоте ниже то, что показывает Internet Explorer 9 при загрузке медиафайлов в WordPress.
Вот такое диалоговое окно появится после загрузки изображения. Здесь можно изменить настройки, прежде чем вставить изображение в запись.
Если загружать изображение не с компьютера, а из интернета, то его настройки будут прямо в окне загрузки.
При редактировании настроек изображения меня часто сбивают с толку названия полей (Заголовок, Текст и тому подобное). Проблема в локализации. На английском языке названия полей выглядят логично и однозначно. При русификации смысл несколько теряется. Я, например, все время забываю — где будет отображаться Заголовок, а где Подпись и Описание.
Собственно, эта статья затеивалась именно для того, чтобы раз и навсегда провести параллель между русскими и английскими названиями полей и чтобы не мучаться склерозом какое из них что обозначает и где отображается.
Итак. Заголовок (в английской версии Title) — тот текст, который будет отображаться в виде всплывающей подсказки, если навести кусор на изображение. Поле обязательное, по-умолчанию WordPress в него записывает имя файла (поэтому графическим файлам для блога надо давать осмысленные названия). Кроме того, Заголовок отображается в админ-панели сайта, в библиотеке Медиафайлов, возле превьюшки изображения.
Текст (Alternate Text) — альтернативный текст для изображений, обязательный атрибут html-тега . Его наличие оговаривается стандартами, его зачитывают голосовые движки, он отображается, когда изображение недоступно и вообще, если вам хочется узнать зачем нужен альтернативный текст — велкам по ссылке на htmlbook. ru.
Подпись (Caption) — текст, который будет отображаться непосредственно под изображением. Может считаться альтернативным текстом, но не в том смысле, что его содержание запишется в атрибут alt, а что этот текст будет отображаться даже при отключенных картинках.
Описание (Description) — отображается на странице вложения изображения (и используется для поиска по библиотеке Медиафайлов в админ-панели).
Остальные опции однозначно понятны.
Ссылка: нет — картинка не кликабельна, ссылка на файл — по-умолчанию стоит ссылка на оригинал изображения, чтобы по клику открывать его в новом окне (в каком именно — просто новом окне, модальном всплывающем или highslide, зависит от настроек темы). Можно, конечно, поставить ссылку на какой-то другой произвольный файл, это имеет смысл если файл загружаемый, а картинка — иконка, обозначающая что вот у нас файл, его можно скачать. Теоретически можно утворить, чтобы по превью показывали одну картинку, а по клику открывалась другая, у меня только нехорошие представления для чего это может понадобиться. Ссылка на страницу вложения — откроется новая страница вашего сайта, на странице изображение с Заголовком и Описанием.
Отображение подписи и описания и их оформление зависит от установленных плагинов и стилей. Поэтому, я настоятельно рекомендую вам самим поэкспериментировать в своем блоге, загружая изображения и заполняя все атрибуты, чтобы увидеть каком виде, где и что отображается. Тогда вы будете точно уверены, что ваши читатели увидят и прочитают именно то, что вы собирались им показать.
8 ноября 2012 года
Заказать ресторан для свадьбы