Как вставить картинку на сайт

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

1. просмотреть себе на компьютер и подготовить для уникальности 

2.  В этом варианте картинка не будет уникальной. Скопировать url и…

Допустим я выбрал картинку в Google > картинки, можно выбрать и в Yandex > картинки вот такое изображениеkak-vstavity-kartinku-na-site-3468441

Сразу под заголовком нашего поста идёт ссылка на запись под ней кнопка  «Добавить медиафайл» кликаем на неё , открывается панель загрузчика медиа. Три способа как вставить картинку на сайт 

1. С нашего компьютера

2. С другого сайт или ресурса, например с Google — картинки

3. Библиотеки файлов

После того как мы кликнули по кнопке  «Добавить медиафайл» в панели загрузчика вверху слева жмём «Загрузить файлы»

kak-vstavity-kartinku-na-site-s-computera-2598483

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

kak-vstavity-kartinku-na-site-s-computera1-9292959

Выбираем ранее сохранённое изображение и вставляем.

skrin-8863715

Появляется такая редакционная  панель.

imaje1-5102077

Справа редактируем , вносим информацию об изображении. Но как для кого, а для меня здесь не удобно, поэтому предлагаю вставить, а потом отредактировать, кликаем на кнопку «Вставить в запись»

картинка появилась в текстовом редакторе кликнув по ней увидите две иконки, одна красный знак  — удалить, вторая иконка изображения кликнув по ней перейдёте в более полноценный редактор.

imaje12-5744998

Здесь выбираем положение изображения, слева, по центру, справа. Прописываем ключевые слова
в «Заголовке» — на русском

в «Атрибут alt» — латиницей или на русском второй вариант названия картинки которую можно найти по ключевому слову. Обычно я заполняю латиницей, так как много набирают в поисковике на латинице в google images

«Ссылка» —  если картинка не большая и все надписи хорошо различимы то убираем ссылку на изображение кнопкой «нет» Если малый размер не позволяет видеть детали, тогда кликаем на «Ссылка на изображение», чтоб картинку можно было открыть в большем размере.

Вверху кнопка «Дополнительно» переходим по ней и здесь

imaje13-8730174

регулируем нужный нам размер, ширина, чтобы не выступала за края нашего сайта, высота. Ставим свои цифры.

Свойства картинки: Рамка если поставите 1 или 2 ( пиксели) то рамка появится соответственной ширины

Отступ (V) по высоте , (H) — ширине

Если не убирали ссылку на изображении в предыдущем скрине, то галочкой отмечаем «Открывать в новом окне»

Свою картинку я отредактировал в фотошопе, чтоб она была уникальной

ebd91d0c75e80b30c5184054fb1c5e30-9836413

Второй способ  как вставить картинку на сайт с помощью url. Копируете url понравившегося изображения с другого сайта, наведя мышкой на картинку и правой кнопкой «копировать URL картинки»

в текстовом редакторе у себя в консоли WP откроете «Добавить медиафайл»  > справа выберите «Вставить с сайта»

imaje14-3101334

и вставите в поле (отмечено стрелкой) URL картинки. Далее так же отредактируете как в 1 ом варианте

Вариант №3 —  Как вставить картинку на сайт из библиотеки файлов

Очень просто, надо туда её сначала загрузить :). Двумя выше приведёнными способами. Или с компьютера или с другого сайта.

На этом урок закончен и как вставить картинку на сайт, разжёван тщательно.