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

Плагин, о котором пойдёт речь, выводит фиксированный элемент (который будет всегда на экране, независимо от прокрутки страницы) в виде полосы, колонтитула в шапке/подвале сайта. И на этом элементе отображаются те или иные каналы связи. Название этому плагину Speed Contact Bar. И судя по имени, разработчики заявили, что он способен быстро создать ленту контактов в WordPress, то есть просто в обращении.

Чтобы проверить это заявление, установите плагин на свой сайт и активируйте. Найти плагин можно в официальном хранилище из консоли сайта. После этого перейдите в пункт «Настройки» и откройте подпункт «Speed Contact Bar». Это страница настроек плагина. Рассмотрим опции:

  • Headline. Напишите короткий заголовок для колонтитула с контактами, например, «Контакты».
  • URL of the headline. Можно задать URL, на который будет переводить клик по заголовку, например на страницу с более подробными данными.
  • Postal address. Почтовый адрес.
  • URL of the postal address. URL, на который осуществится переход при клике на почтовый адре, например на карту.
  • E-Mail Address. Адрес электронной почты.
  • E-Mail Link Text. Можно задать анкор-текст для ссылки электронной почты. Например, «Напишите нам».
  • Phone Number. Номер телефона.
  • Phone Text. Анкор для ссылки телефона. Например, «Сделать звонок».
  • Cell Phone Number. Номер мобильного телефона.
  • Cell Phone Text. Анкор для мобильного номера телефона.

Ниже идут опции, которые позволяют указать ссылки на аккаунты в различных социальных сетях. А ещё ниже настройки внешнего вида колонтитула, в котором находятся контакты в WordPress. Рассмотрим некоторые опции:

  • Maximal viewport width to hide the bar. Можно выбрать степень прокрутки страницы, после которой колонтитул с контактами пропадёт. Также есть возможность сделать, чтоб он никогда не пропадал.
  • Position of the bar. Появление контактов в шапке или в подвале страницы.
  • Transparent background. Включает прозрачность фона.
  • Background Color. Задаёт цвет фона в контактах в WordPress.
  • Show shadow. Отображает тень колонтитула.
  • Keep headline in mobile devices. Включите эту опцию, чтобы контакты отображались на мобильных устройствах.

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

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

View Comments

  • Благодарю за полезную информацию еще об одном плагине. Создам поддомен и обязательно опробую его в действии!

  • Очень полезная информация. Подбросили новую идею в оформлении. Спасибо! Теперь попробую осуществить)

Recent Posts

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

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

9 месяцев ago

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

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

9 месяцев ago

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

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

10 месяцев ago

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

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

10 месяцев ago

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

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

10 месяцев ago

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

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

10 месяцев ago