В данной статье мы рассмотрим такую очень нужную и полезную функцию визуального редактора, как вставка изображения WordPress в страницу сайта. Точнее говоря в Вашу редактируемую статью. Сам процесс очень простой, как впрочем, и все в этом движке. В чем я Вас и попытаюсь сейчас убедить. Итак, начнем.
Для того, чтобы вставить изображение в WordPress запись или страницу, нужно сначала открыть ее в режиме редактирования. Для этого нужно в Панели объявлений в меню Записи кликнуть Редактировать и выбрать необходимую запись. Далее кликом левой клавиши мышки, ставим курсор, в место вставки изображения на странице и в меню визуального редактора кликаем на кнопке Добавить картинку. В результате чего WordPress откроет Вам такое окошко:
Обратите внимание на верхнюю строчку меню. В этом меню мы должны указать движку откуда будем вставлять в страницу WordPress изображение.
Если со своего компьютера – щелкаем на кнопке С компьютера. Обратите внимание на то, что при загрузке картинок со своего компьютера у Вас есть два варианта загрузки. Загрузит картинку используя загрузчик браузера или Flash-загрузчик. Выбирайте тот, который Вам больше нравится.
Если Вы используете загрузчик браузера, как показано на картинке выше, то достаточно выбрать нужное изображение с помощью меню Обзор и щелкнуть кнопку Загрузить.
Если Вы используете Flash-загрузчик, то достаточно выбрать нужную картинку в меню Выберите файлы. В результате Вам откроется вот такое окно:
Что мы здесь видим. Образец загруженной картинки, его свойства и кнопку Редактировать изображение. Если щелкнуть на этой кнопке – попадем в WordPress редактор изображения. Здесь можно повернуть изображение против часовой стрелки, по часовой, отразить изображение вертикально, горизонтально и выполнить масштабирование изображения.
Дальше идут строки, где Вы можете внести сопутствующие элементы изображения – заголовок, альтернативный текст, подпись и описание.
Строка Выравнивание. С помощью этого меню можно задать расположение изображения на WordPress странице.
- Нет – если Вас не устраивает расположение картинки слева, справа или по центру, и Вы хотите расположить ее, например, с помощью инструмента Отступ, в каком-то определенном месте.
- Центр, естественно по центру.
- Слева, естественно слева с обтеканием текстом.
- Справа, естественно справа, с обтеканием текстом.
Строка Размер. С помощью этого меню можно задать заранее установленный размер WordPress изображения или оригинальный. Размеры изображений устанавливаются в меню Медиафайлы движка WordPress
Ну и если изображение готово к вставке в странницу – жмем Вставить в запись.
Если в результате просмотра страницы Вас что-то не устраивает во вставленном изображении, то это можно легко поправить. В режиме редактирования, щелкнем левой клавишей мышки картинке. Появятся два значка:
Второй значок удаляет картинку, а первый открывает окно для редактирования в WordPress изображения. Здесь Вы можете изменить размер изображения, выравнивание, изменить заголовок, подпись. В расширенных настройках можно задать точный размер изображения, сделать рамку, задать отступы от текста и.т.д.
Обратите внимание на строку URL ссылки. Под этой строкой Вы видите три кнопки: Нет, Текущая ссылка, Ссылка на изображение. Если Вы вставляете в WordPress картинку в виде миниатюры с возможностью открыть изображение в полном размере., то ссылку стоящую здесь по умолчанию нужно оставить. Если же Вы вставляете в WordPress картинку в обычном размере, в котором посетитель сайта будет видеть ее сразу – то ссылку нужно убрать, щелкнув кнопку Нет.
Вернемся в меню Добавить картинку (первый рисунок). Здесь есть еще три кнопки, раскрывающие свои меню.
Вторая слева – С адреса (URL) позволяет вставлять в WordPress картинку не с Вашего компьютера, а, например, с какого-либо ресурса хранения изображений или другого сайта.
Треть слева – Галерея позволяет компоновать изображения на странице во что-то типа галереи. Настройки несложные. Хотя, забегая наперед, хочу заметить, что для создания галереи лучше использовать специальные плагины.
И последняя кнопка – Медиа библиотека позволяет выбрать и вставить в WordPress изображение из ранее загруженных.
Вот, в общем-то и все. Как видите, процесс вставки изображений в WordPress страницу ничего сложного собой не представляет.
Надеюсь, информации будет Вам полезна. Успехов в создании сайта!
Большое спасибо за подробный комментарий.
очень любопытный сайт, нашел то, что давно искал, спасибо автору спасибо!
Это лучший сайт! Все четко и понятно: шаг за шагом. Автору огромная благодарность!