Добавление картинки на страницу WordPress

Добавление картинки в статью на сайте под управлением WordPress придает ей более приятный вид и способствует лучшему пониманию изложенного текста.

Новая запись

Создадим в консоли новую запись, выбрав пункт левого меню «Записи» -> «Добавить новую,» в поле для основного контента вставим для примера произвольный текст. В вашем случае это будет настоящий текст статьи, которую вы собираетесь опубликовать. Введем название статьи в заголовок – «Как добавить рисунок или изображение в статью WordPress».

Добавление медиафайла

После первого абзаца сделаем отступ, нажав Enter, нажмем на кнопку «Добавить медиафайл» и в открывшемся окне выберем файлы для вставки, которые заранее приготовили. Выбранный файл добавится в библиотеку, можно отредактировать подпись, атрибут alt, описание файла, задать выравнивание рисунка относительно текста(Слева, По центру, Справа), указать является ли рисунок ссылкой на медиафайл, страницу вложении, произвольный URL и нажать "Вставить в запись".

Положение рисунков в тексте

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

Редактирование параметров рисунков в статье WordPress

При редактировании статьи по одиночному нажатию на рисунок появляется меню, в котором можно изменить положение в тексте, перетащить рисунок в новое место, нажав на иконку с карандашом можно редактировать параметры изображения(подпись, атрибут alt, положение, и т.д.). Изменим третий рисунок, сделав его ссылкой на сайт Яндекс, отметим галочкой - Открывать в новой вкладке, нажмем обновить и просмотрим статью.

Атрибут title в WordPress

Как видим текст статьи стал более приятен на вид, при нажатии на третий рисунок в новой вкладке откроется сайт, указанный в параметрах. Пройдемся по свойствам рисунков, скопируем атрибут alt в атрибут title, так как те изменения которые мы внесли при загрузке картинок, относятся только к файлу, и в статье не видны. Теперь при наведении курсора мыши на рисунок будет всплывать описание, внесенное в атрибут title для данного рисунка.

В этом видео показано добавление картинки на страницу WordPress:

Рекомендуем смотреть видео в полноэкранном режиме, в настойках качества выбирайте 1080 HD, не забывайте подписываться на канал в YouTube, там Вы найдете много интересного видео, которое выходит достаточно часто. Приятного просмотра!

 С уважением, авторы сайта Компьютерапия

Понравилась статья? Поделитесь ею с друзьями и напишите отзыв в комментариях!