Боковое меню изображения в Wordpress

Давайте теперь изучим боковое меню изображения:

Альтернативный текст

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

Альтернативный текст попадает в атрибут alt тега img и представляет собой текст, который будет показан в том случае, если картинка не загружена (например, картинка не найдена по данному пути).

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

Альтернативный текст должен представлять собой описание того, что пользователь увидит на картинке. Также альтернативный текст имеет важное значение для SEO.

Добавьте вашему изображению альтернативный текст.

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

Следующая настройка позволяет задать размер изображения:

Если нажать на указанную кнопочку, то в результате появится следующий выпадающий список:

Попробуйте выбрать в указанном выпадающем списке все варианты по очереди и посмотрите на реакцию вашей картинки.

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

Следующие инпуты по умолчанию показывают размеры загруженной картинки:

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

Измените размеры вашего изображения с помощью указанных инпутов.

Размер в процентах

Рассмотрим следующие переключатели:

Они регулируют размер картинки в % относительно ширины страницы.

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

Настройки ссылок

Давайте теперь рассмотрим настройки ссылок. Эти настройки позволяют сделать так, чтобы ваше изображение было ссылкой.

Для того, чтобы открыть настройки ссылок, следует нажать сюда:

В результате появится следующее:

Давайте нажмем на следующую кнопку:

В результате появится следующий выпадающий список:

Для начала выберем в нем следующий пункт:

В результате увидим следующие настройки:

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

URL ссылки следует вбивать в следующий инпут:

Следующие две настройки вы уже проходили ранее:

Следующие настройка задает атрибут rel, имеющий значение для SEO (если вы не понимаете о чем тут речь, вам пока это не надо):

Сделайте так, чтобы ваше изображение стало ссылкой на какой-нибудь заданный вами адрес.

Сделайте так, чтобы созданная вами ссылка открывалась в новой вкладке.

Ссылка на медиафайл

Давайте теперь выберем следующий пункт:

Сделайте ваше изображение ссылкой на медиафайл. Откройте вашу запись в режиме предпросмотра, перейдите по созданной вами ссылке.

Ссылка на страницу вложения

Для начала выберем в нем следующий пункт:

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