Картинки в WordPress. Как добавлять и редактировать

Содержание

Всем привет! Недавно мы создали первую запись на блоге, рассмотрев все её настройки. Но помимо текста, наши статьи должны ещё содержать и картинки. Иначе наш блог будет скучный и пустой.

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

Как добавить картинки в WordPress

Итак, для начала загрузим картинки на сайт. Для этого слева в консоли управления заходим в раздел Медиафайлы и жмём Добавить новый. Если вы изучали обзор панели управления WordPress, то должны помнить, что ещё можно сделать добавление из верхней панели через кнопку +Добавить. Теперь мы попали в такое окно:

Сюда мы и будем добавлять картинки, которые заранее подготовили на своём ПК. Здесь предлагается загрузка двумя способами. Нажав кнопку Выберите файлы, нужно будет их выбрать в появившемся окошке.

Но мне больше нравится метод перетаскивания. Для этого просто нужно навести курсор на картинку, нажать и удерживать левую кнопку мышки, а затем перетащить в данное окно.

Где редактировать картинки для статьи

Когда мы загрузили картинку или фото в библиотеку, то можем переходить к украшению нашей статьи. Для этого заходим в раздел Все записи и жмём Изменить. После попадаем в окно редактора.

Чтобы добавить загруженную картинку в текст, надо поставить курсор в нужное место. И нажать кнопу Добавить медиафайл в панели инструментов. Теперь мы попали в библиотеку.

Выбираем нужную и вставляем в запись. И когда она появилась в тексте, щёлкаем на неё, чтобы увидеть дополнительные кнопки для редактирования, как показано на скриншоте.

Что я заметила, в окне редактора загруженные файлы выглядят размыто. Поэтому не всегда понятно, как они будут смотреться в опубликованном виде в том или ином размере. В этом случае можно периодически поглядывать, делая Предпросмотр (кнопка в верхней панели).

Итак, вернёмся к кнопкам. Здесь разобраться несложно. У нас есть возможность сделать выравнивание и обтекание текстом. А для расширенной настройки жмём на карандашик.

Настройки картинок в записи

В открывшемся окне уже гораздо больше настроек. Посмотрим на них.

Сперва идёт поле атрибута Alt. Здесь можно сделать краткое описание изображения. Для этого достаточно как пары слов, так и пары предложений. Зачем оно?

Во-первых, если вдруг у пользователя отключена загрузка картинок, то он увидит хотя бы описание. А во-вторых, это огромный плюс для поисковых систем. Поэтому рекомендую заполнять всегда на всех картинках. Но не спамить, а делать уникальное описание.

Далее идёт подпись, которая будет доступна к просмотру. Заполнять это поле или нет - смотрите по ситуации. Я заполняю, когда это более уместно.

Ниже идёт дублирование кнопок выравнивания. И настройка размера изображения. Если вас не устраивает размер по умолчанию, то можно выбрать произвольный. Тогда вводите сами ширину картинки, а её высота тут же сама подстраивается автоматически, что очень удобно.

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

Я практически не использую этот раздел. Но вдруг понадобится вам. Здесь доступны функции обрезки, поворота, отражения. А также есть масштабирование. В общем, как видите, тоже всё понятно описано.

Ну а если передумали загружать изображение, то выделяем его и нажимаем на крестик для удаления из текста.

Как загрузить обложку для статьи

Но и это ещё не всё. Если вы заметили, то у меня в блоге каждая статья имеет свою обложку в виде красочной картинки. Вот мой пример:

Это делает сайт более живым. И кроме того, позволяет выводить красивую миниатюру в определённых случаях, а не какой-то серый скриншот, который программа выберет из контента.

Делается это легко. В редакторе статьи справа откройте раздел Документ и немного пролистайте вниз. Найдите вкладку Изображение записи. И нажмите кнопку установки. Тогда вас перебросит в библиотеку, где вы точно таким же образом, как и ранее, установите свою обложку.

Как удалить картинку из библиотеки

Ну и напоследок давайте посмотрим, где можно произвести удаление картинки из блога. Нет, не той, что вы загрузили в текст, в обложку или сделали логотипом сайта. Их трогать нельзя. А той, которую вы не используете или перестали использовать по каким-то причинам.

Так как мы не хотим занимать место на сайте ненужными вещами, то для удаления переходим в библиотеку медиафайлов и жмём на необходимый объект. В открывшемся окне справа листаем в самый низ и щёлкаем кнопку Удалить навсегда.