Как вставить изображение в статью сайта на WordPress

Изображение на странице  сайта WordPress

Зачем нужно изображение на странице сайте

Изображение в статье как картинка на книжной странице.
Помним со школьных лет при чтение книг (будь это учебники или художественные произведения) мы предпочтения отдавали книгам с картинками и иллюстрациями.
Нас и до сих пор привлекает всё красивое, блестящее, броское и поэтому отдаем предпочтение книгам с картинками.
Также и наши статьи на сайтах страницы не обходятся без картинок.
При любом  запросе в поисковик, Yandex или Googl открывает не только поисковый запрос, а также и «видео», «товары», «карты», «переводчик» в том числе и «картинки».

Влияние изображений на поведенческий фактор

По изображениям можно найти тот или иной сайт.
Они привлекают внимание и наглядно показывают читателям содержание текста.
После чего посетитель решает оставаться на сайте или уходить. Изображение имеет значение:
1. Привлекает посетителей сайта и влияет на поведенческий фактор сайта.
2.При индексировании сайта поисковыми роботами.
3.Являются частью контента, необходимые для сайта, для привлечения  трафика.
4.Создаётся конверсия сайта, формируется значимость сайта в глазах поисковиков.

Изображения должны быть уникальными

Изображения должны быть уникальные, можно использовать из своей камеры или смартфона.
Можно выбрать из сервис бесплатных изображений или заказать любую картинку в платных ресурсах.
Неплохой вариант создать изображения в графических редакторах.Их достаточное количество можно скачать с интернета. Например Paint net или более функциональные от компании Adobbe.
Illustrator — можно создать логотипы, значки, эскизы, шрифты и сложные схемы и рисовать от руки или создавать оригинальные произведения искусства на основе существующих изображений.
Photoshop — можно создать уникальные изображения, графику, рисунки и 3D-объекты.

 Как вставить изображение в содержание статьи

Заходим в консоль WordPress и выбираем «Добавить запись».Создать пост для контента.

Наведение курсора – Шаг 1

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

Добавить медиа – Шаг 2

В панели редактора нажимаем на кнопку «Добавить медиафайл»

Добавить или выбрать свое изображение – Шаг 3

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

Медиатека:выбрать существующее изображение из библиотеки сайта 

Чтобы выбрать из ранее загруженных изображений нужно нажать нужную картинку.
При этом на ней появится галочка.
Затем переходим в правую часть панели:
«Сведения о вложении».

Параметры о вложении изображений — Шаг 4

Здесь мы видим маленькую не обрезанную миниатюру изображения.Под ней:
1.Описание в формате «alt»,
2.Дата
3.Размер в пикселях.
4.Редактировать
5.Удалить навсегда

Редактировать изображение в библиотеке сайта

При нажатие на «Редактировать» мы на странице редактирования можем:
1.Масштабировать.
2.Изменить размеры, обрезать изображение по своим размерам (ширина и высота).
3.Повернуть на 90, 180 градусов.
4.Вернуть в исходное положение.
5.Нажать кнопку «Назад» и вернуться в библиотеку сайта

Атрибуты изображения формат индексирования

Еще ниже опуская ползунок мы видим следующую информацию о носителе, где тоже нужно внести свои коррективы :
Атрибуты:название изображения которое было на компьютере преобразуется автоматически при загрузке в формате Alt. Каждое слово через черточку
Атрибут alt. это нужно заполнить обязательно. Поисковики индексируют изображения.по этому обозначению

Заголовок: Название изображения
Подпись: название или любой текст отображается под изображением в статье.
Альтернативный текст: Произвольный альтернативный текст для изображения, например “Моя любимая картина», чтобы описать носитель.
Описание: Краткое описание для данного конкретного носителя.

Настройки отображения изображений – Шаг 5

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

1.Выравнивание изображения
2.Поведение ссылки на изображение.
3.Место нахождения изображения (по отношению к тексту и полям)
4.Размер изображения.

«Выравнивание» разрешает выбрать место нахождения непосредственно в :

Слева: изображение располагается по левому краю, текст в этом случает обтекает по доступному пространству справа( справа снизу)
Справа: изображение располагается по правому краю, текст обтекает изображение по доступному пространству (слева,снизу).

По центру: выравнивает изображение по центру страницы, вокруг него текст не отображается и остается наверху текста
Нет: вставляет изображение на страницу без выравнивания.

Выравнивание изображений в редакторе

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

Источником могут быть ссылки из папки uplodas в корневой папки.Кстати можно установленную картинку можно редактировать кликнув на неё.При этом адрес данной картинки автоматически отображается в графе «Источник».
Ссылка: на изображение
Настройки «Ссылка» указывает определённый URL-адрес/
Страница вложения: ссылка указывает где она должна находится на страницу статьи
Медиа-файл: ссылка указывает на исходную картинку место расположение на сайте( на сервере в папке Uplods⇒папка времени вложения.
Пользовательский URL-адрес: позволяет установить произвольную ссылку, которую указал администратор сайта
Нет: останется без ссылки в библиотеке сайта и нигде не будет отображаться.

Размер изображения на сайте

По умолчанию на WordPress четыре размераи зависит от выбора администратора:
Миниатюра: отображается на странице/публикации. По умолчанию размер миниатюры квадрат, поэтому исходная картинка обрезается, если не будет установлена специальная миниатюра.
Средний: Это оптимальный размер для выравнивания по левому/правому краю,
Большой: Определяется шириной таблицы контента данного шаблона и отображает максимальный размер этого пространства.
Полный размер: Определяется шириной таблицы контента данного шаблона и отображает максимальный размер этого пространства.
Примечание. Если исходное изображение больше ширины этого таблицы контента, полный размер не будет отображаться.
Следующая статья по этой теме какие нужны размеры и форматы картинок
(Оптимизация изображений)
Предыдущая статья:
Фотошоп скачать бесплатно
Следующая статья:
Программы компьютера скачать бесплатно на русском