Вставка изображений на страницу или запись Вордпресс.

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

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

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

Совет: Рекомендуется поместить курсор на левое поле текста, даже если вы хотите, чтобы изображение отображалось справа. Это связано с тем, что существует специальная настройка, называемая выравниванием, которая позволяет вам контролировать, отображается ли изображение справа или слева от текста. Он даже управляет тем, как текст автоматически обтекает изображение.

Шаг 2 – Нажмите кнопку Добавить медиа

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

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

Вы можете добавить или выбрать изображение, которое хотите добавить на свою страницу или опубликовать, выбрав один из следующих вариантов в центре окна загрузки мультимедиа:

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

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

Шаг 4 – Детали вложения

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

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

Кроме того, вы можете редактировать следующую информацию:

  • Название: Название изображения.
  • Подпись: Подпись к этому изображению. Текст, который вы вводите здесь, будет отображаться под изображением.
  • Альтернативный текст: Введите альтернативный текст для изображения, например “Мона Лиза”, чтобы описать его.
  • Описание: Описание для конкретного изображения.

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

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

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

Выравнивание изображения

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

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

Ссылка на изображение

Ссылка определяет URL/ веб-адрес, на который будет ссылаться изображение при нажатии посетителями вашего сайта. Вы можете указать следующие параметры ссылки на изображение:

  • Страница вложения: Связывает ваше вставленное изображение со страницей вложения мультимедиа WordPress.
  • Медиафайл: Связывает вставленное изображение непосредственно с оригинальной полноразмерной версией файла.
  • Пользовательский URL-адрес: Позволяет задать пользовательский URL-адрес ссылки для вставленного изображения, на которое будет ссылаться при нажатии.
  • Нет: Этот параметр полностью удалит ссылку, сделав изображение “не кликабельным”.

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

Настройки размера определяют размер изображения, которое вы добавляете на свой сайт. По умолчанию WordPress создает диапазон из четырех размеров изображений на ваш выбор:

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

Вы можете посетить раздел «Настройки» > «Медиа» на панели управления WordPress, чтобы настроить вышеуказанные размеры изображений.

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

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

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

Поделиться

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *