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

Как добавить картинку в страницу или запись WordPress.

Всем привет, в этой инструкции я расскажу, как добавить картинки (изображения) на страницы и записи в WordPress. Способы добавления изображения на страницу или в запись ни чем не отличаются  друг от друга. Но есть несколько вариантов именно загрузки изображений на ваш сайт. С помощью этих примеров вы можете добавить картинку в вашу запись и добавить миниатюру к записи.

Добавить изображение на страницу или запись WordPress можно тремя способами:

1. Выбрать изображение из галереи, которое уже предварительно было загружено в нее.

2. Загрузить с помощью ссылки из другого сайта (источника).

3. Загрузить из компьютера.

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

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

В начале нужно открыть страницу или запись в редакторе, ту к которой вы хотите добавить изображение. Затем нажмите на Добавить медиафайл.

Добавить медиафайл в запись или страницу на WordPress.

Загрузка изображения с компьютера

1. Далее, нажмите на кнопку Загрузить файлы.

Загрузить файл изображения. Как добавить картинку.

2. Вам откроется следующее окно, тут нажмите на Выберите файлы.

Как добавить картинку в запись или страницу WordPress.

3. Теперь найдите на компьютере картинку, которую желаете вставить в запись. Как только выбрали нужную нажмите на Открыть.

Загрузка изображения из компьютера на сайт WordPress.

4. Файл изображения загружен, теперь нужно вставить картинку на страницу или в запись. Для этого нажмите кнопку Вставить в страницу. Далее сохраните изменения обновив страницу.

После выполненных действий, изображение будет добавлено и сохранено в странице или записи.

Обратите внимание: в окне выбора загруженного изображения, имеется возможность изменения важных характеристик. Рассмотрим их ниже.

1. Нажав на Редактировать, откроется окно редактора изображения.  В котором можно изменить масштабирование картинки или изменить размер (обрезать).

2. Удаление изображения, нажав на удалить, картинка безвозвратно пропадет с сайта.

3. Поле изменения заголовка, важный момент — заголовок должен отличаться от названия файла и атрибута alt.

4. Добавить подпись под изображением. Возможность указать небольшую подпись под изображением, которая будет отображаться в записи.

5. Поле указания alt описания, обязательное поля для улучшения поисковой оптимизации как записи, так и изображения.

6. Краткое описание изображения. Тут указываем небольшое описание к картинке.

7. Выравнивание изображения, можно выравнять с обтеканием текста (слева, справа или по центру).

8. Область ссылка, по умолчанию изображение ссылается на Медиафайл, чтобы этого не произошло, лучше выбрать нет.

9. Размер изображения для вставки в запись или страницу. Есть несколько свойств, как правило их 3. Это миниатюра, среднее и полное изображение. Эти свойства отвечают за вывод размера изображения.

10. Кнопка для вставки изображения.

Загрузка изображения из другого сайта

Чтобы вставить изображение с другого сайта нужно выполнить следующие действия:

1. Принцип вставки тот же. Откройте страницу или запись в которую хотите вставить изображение.

2. Нажмите на Добавить медиафайл.

3. Затем, нажимаем на Вставить с сайта и вставьте URL-адрес (ссылку) на картинку в поле.

4. Нажмите на Вставить в страницу, далее обновите вашу страницу или запись.

Вставить изображение с сайта на WordPress.

Всего несколько шагов, чтобы вставить изображение на страницу или в запись.

Дополнительные рекомендации: прежде чем загружать изображение на ваш сайт. Позаботьтесь об оптимизации заранее, загружайте картинки на сайт уже нужных размеров (которые будут соответствовать размеру ваших блоков на сайте). Обязательно сожмите изображение перед загрузкой. Не используйте тяжелые форматы изображения например png.

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

Спасибо, что читаешь Nicola Top

Добавить комментарий

Ваш адрес email не будет опубликован.