20.10.2017      398      0
 

Как вставить картинку в виджет


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

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

По центру вручную

Со ссылкой (в качестве рекламного или партнерского баннера, например)

Как вставить картинку через специальный виджет

Консоль – Внешний вид – Виджеты:

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

Нажимаем на галочку, чтобы открыть настройки:

Добавить изображение:

Можно загрузить картинку со своего сайта либо со стороннего ресурса:

Во втором случае укажите URL картинки и нажмите на кнопку «Добавить» в правом нижнем углу:

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

После загрузки выделяем (если оно не выделилось автоматически) и добавляем к виджету (вышеупомянутая кнопка внизу справа):

Сохранить:

Обновляемся:

Картинка появилась, но, будучи намного меньше ширины сайдбара, она по умолчанию оказалась слева. Как «переселить» ее в центр?

Как разместить картинку в центре

Снова идем в Виджеты, но на этот раз используем виджет «HTML-код» (или «Текст» в предыдущих версиях WordPress (вкладка тоже «Текст», не «Визуально»)):

Вставляем в поле код типа:

(вам потребуется заменить адрес картинки, выделенный зеленым цветом, на свой):

Сохраняем, проверяем и убеждаемся, что новая иконка встала четко посередине:

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

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

Красным отмечен адрес ресурса, на который будет перенаправляться посетитель, зеленым – путь к выбранной иллюстрации; rel=’nofollow’ закрывает ссылку от поисковиков (ну, якобы:)), target=’_blank’ открывает ее в новой вкладке:

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

Как видите, ничего сложного – вставить картинку в виджет сможет любой новичок.


Ваш комментарий

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

Политика конфиденциальности
Пользовательское соглашение