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