amp-web-push-widget button.amp-subscribe { display: inline-flex; align-items: center; border-radius: 5px; border: 0; box-sizing: border-box; margin: 0; padding: 10px 15px; cursor: pointer; outline: none; font-size: 15px; font-weight: 500; background: #4A90E2; margin-top: 7px; color: white; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .amp-logo amp-img{width:190px} .amp-menu input{display:none;}.amp-menu li.menu-item-has-children ul{display:none;}.amp-menu li{position:relative;display:block;}.amp-menu > li a{display:block;} .icon-widgets:before {content: "\e1bd";}.icon-search:before {content: "\e8b6";}.icon-shopping-cart:after {content: "\e8cc";}
Categories: Плагины

Как поставить картинку в сайдбар WordPress

Сайдбар WordPress – это область на сайте, которая располагается обычно слева или справа от основного контента. В некоторых случаях он может быть сверху и снизу. В сайдбарах располагаются виджеты, которые несут какую-то полезную информацию посетителям.

В стандартном наборе есть множество функциональных видежтов для сайдбара WordPress. Однако нет там одного, такого элементарного и иногда очень необходимо – виджета, который мог бы выводить изображение.

В этой статье рассмотрим, как это можно исправить.

Image in Widget

Плагин Image in Widget позволит разметить любое изображение в сайдбар WordPress или любую другую область виджетов. И даже не просто картинку, а наделить её дополнительными функциями.

Скачиваем, устанавливаем и активируем плагин. Собственных настроек у него нет, лишь создастся виджет Image in Widget, который можно найти там же, где и все другие виджеты – пункт «Внешний вид», подпункт «Виджеты».

Хватаем этот виджет и переносим его в нужный сайдбар WordPress. Раскрываем его и видим ряд простых настроек на английском языке:

  • Paste URL or upload Image. Здесь можно либо вставить ссылку на изображение, которое будет в сайдбаре WordPress, либо загрузить его через кнопку «Upload».
  • Image title. Здесь заполняем заголовок изображения. Желательно по короче.
  • Alternate text. Здесь заполняем альтернативный заголовок изображения. Можно по длиннее.
  • Link to. Если необходимо, чтобы при клике на изображение оно отправляло по какой-то ссылке, то в этом поле необходимо ввести этот адрес. Может быть адрес на вашем сайте или на каком-то другом.
  • Open link in new tab. Если поставить тут галочку, то ссылка, введённая в предыдущем пункте, откроется в новой вкладке браузера.
  • Remove link from image. Если поставить тут галочку, то изображение в сайдбаре WordPress будет не кликабельно. Если нажать на неё, то ничего не произойдёт.
  • Zoom on Hover. Если поставить тут галочку, то при наведении мышки картинка в виджете будет увеличиваться, и уменьшатся, когда курсор будет убран.
  • Image style. Выбираем размер изображения.
  • Короткое описание.

На этом всё. После заполнения необходимых полей и сохранения можно посмотреть, как выглядит картинка в сайдбаре WordPress.

Зачем этот виджет может пригодиться? Во-первых, можно просто поставить собственное фото, как автора блога. Во-вторых, это может быть какой-то статичный баннер. В-третьих, это может быть какая-то кнопка, при нажатии на которую, посетителя перекинет на определённую страницу. О кнопках на сайте вы ещё можете почитать тут.

Адель Гадельшин

Recent Posts

Что такое отказы на сайте, почему они происходят, как их уменьшить

Отказы на сайте - это процент посетителей, которые покидают сайт после просмотра только одной страницы.…

7 месяцев ago

Как сделать запуск инфопродукта

Инфопродукт - это любой продукт, который содержит информацию, полезную для потенциальных клиентов. Это может быть…

8 месяцев ago

Как вебмастеру юридически обезопасить себя

Ведение сайта - это не только подержание его работоспособности и наполнение контентом. В последние годы…

8 месяцев ago

Папки WordPress: значение папок /wp-admin, /wp-includes и /wp-content

WordPress - это популярная система управления контентом (CMS), которая позволяет создавать и управлять веб-сайтами различной…

8 месяцев ago

Что такое сертификат Let’s Encrypt и стоит ли его устанавливать

Сертификат Let’s Encrypt - это бесплатный и открытый сертификат SSL/TLS, который позволяет защитить веб-сайт от…

8 месяцев ago

Защита WordPress от вирусов

WordPress - это одна из самых популярных систем управления контентом в мире, которая используется миллионами…

9 месяцев ago