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

Новая запись

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

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

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

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

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

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

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

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

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

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

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

Атрибут title в WordPress

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

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

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

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

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


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



We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies).

You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok