В современном веб-дизайне удобство пользователей играет ключевую роль. Один из важных аспектов — это возможность быстрого и легкого доступа к контактной информации. Поэтому покажу 5 способов ее добавления в header. Вы узнаете, как легко добавить телефонный номер, используя: настройки темы и главного меню, виджеты, код шаблона и плагины. Пошаговые инструкции помогут сделать вашу контактную информацию более доступной для посетителей.
Содержание
Способ 1. Используйте настройки темы сайта для добавления телефона в header
Многие WordPress темы предоставляют возможность размещения контактного номера телефона на сайте. Следовательно, это нужно использовать. Перейдите в панели управления сайтом в раздел «Внешний вид». Затем в подраздел «Настройки темы». Откройте блок «Конструктор шапки». В нижней панели инструментов в нужном секторе нажмите кнопку добавления элемента (+). Далее в выпавшем меню выберите элемент HTML 1.
После этого в указанной секции появился новый элемент HTML1. Для наполнения его нужной информацией в левой боковой панели инструментов кликните по данному элементу.
После этого откроются инструменты его корректировки. В текстовое поле внесите номер телефона. Он сразу появится в поле демонстрации результатов. Визуально оформите его. Настройте выравнивание, написание, выделение, цвет и размер шрифта. Сохраните настройки, нажав кнопку «Опубликовать».
Способ 2. Добавьте виджет с контактным номером телефона
Возможно, ваша тема поддерживает виджеты в шапке. Тогда можете добавить телефон с помощью текстового или HTML виджета. Для этого в разделе «Внешний вид» панели управления перейдите в подраздел «Виджеты». Найдите виджет «Текст» или «HTML». Откройте стрелочкой доступные поля для его размещения. Выберите размещение в шапке и нажмите кнопку «Добавить виджет». Следом появится поле корректировки виджета. В него необходимо занести текст (номер телефона или несколько). Можно подправить шрифт. Если желаете перед номером телефона показать сообщение, например, «Позвони мне», то внесите его в строку «Заголовок». И сохраните настройки.
Способ 3. Редактируйте код шаблона для добавления контактных данных в шапку сайта
Возможно вы уже немного работали с кодом. Тогда сможете разместить контактный номер телефона в хедере сайта, отредактировав шаблон. Для этого в разделе «Внешний вид» панели управления перейдите в подраздел «Редактор тем». Найдите файл «header.php«. Добавьте в него код с телефоном.
Чтобы номер телефона стал кликабельным на мобильных устройствах:
В этом коде:
href=»tel:+1234567890″ — это ссылка позволяет начать звонок по указанному номеру. Она открывает стандартное приложение для звонков на мобильных устройствах. Однако на компьютерах работать не будет.
Позвоните мне: и +1(234)567-890 — это отображаемые на странице номер телефона и сопроводительная фраза.
Способ 4. Установите плагин и выведите телефонный номер
Есть плагины, которые упрощают добавление контактного номера телефона на сайт. Например, «WP Call Button». Данный плагин помещает кнопку «Позвонить» в нижнюю часть экрана. Это удобно посетителям мобильных телефонов, так как позволит позвонить вам одним нажатием кнопки. Им не нужно переходить на страницу контактов. Не нужно копировать, вставлять или запоминать номер телефона. Только нажать кнопку. Установите плагин, активируйте и настройте его.
Способ 5. Главное меню сайта: как добавить контакты
Также вы сможете легко добавить кнопку звонка в меню навигации WordPress. Перейдите в раздел «Внешний вид». Затем в подраздел «Меню». Нажмите вкладку «Произвольные ссылки» в первом столбце. Теперь добавьте контактный номер телефона в поле ссылки в формате: tel:+71234567890. Далее внесите текст, который хотите отобразить. Например, «Позвони мне» и нажмите кнопку «Добавить в меню».
Перетащите ссылку в нужное место в структуре меню. Нажмите кнопку «Сохранить меню».
Проверьте результат размещения контактной информации на сайте
После выполненных настроек нового элемента проверьте его работоспособность. Перейдите на страницу сайта и убедитесь, что номер телефона корректно отображается во всех браузерах. А так же проверьте его гармоничное размещение на мобильных аппаратах и планшетах. Если элемент должен быть кликабельным, протестируйте его функциональность на разных устройствах и браузерах.
Размещать ли контактный номер телефона на сайте?
Размещение телефонного номера в header удобно для пользователя. Это необходимо для тех ресурсов, где оперативная связь играет ключевую роль. Например, корпоративные сайты, интернет-магазины, медицинские и образовательные ресурсы, а также сайты услуг. Все они выигрывают от такого подхода, обеспечив удобство и доступность для своих клиентов и посетителей. Понимание потребностей вашей аудитории и правильная интеграция контактных данных помогут улучшить общение с клиентами и повысить уровень сервиса.
Однако не каждый сайт требует размещения в хедере телефонного номера. Это будет являться информационной перегрузкой для посетителей или источником спама для владельца. Рассмотрим, каким сайтам не следует добавлять телефон в шапку. И как при этом обеспечить обратную связь с пользователями.
Итак, блоговые площадки. Блоги часто ориентированы на публикацию контента, обмен идеями и обсуждение. Основной их целью является предоставление информации и вовлечение читателей, а не быстрая связь с автором. Поэтому достаточно формы для комментария.
Сайты — портфолио предназначены для демонстрации работы и профессиональных достижений. В таких случаях контактные данные полезнее включить в отдельный раздел или подвал.
Сайты самообразования, предоставляющие учебные материалы и курсы. Они фокусируются на обучении и информации. Связь через телефон не является приоритетом. Основной акцент делается на доступ к материалам и интерактивным функциям. Поэтому на них отлично работают формы обратной связи для вопросов авторам и форумы для обсуждения.
Сайты, посвященные публичным личностям, часто используют формы обратной связи. Телефонный номер в этом случае может являться утечкой информации.
Новостные и информационные сайты сосредоточены на предоставлении актуальных новостей и аналитики. Для таких ресурсов телефон не нужен. А вот формы подписки на новости или возможность общения через комментарии полезны.
Заключение
Добавление телефонного номера в header сайта WordPress — это простой способ улучшить его доступность. Выберите наиболее удобный метод. Проверьте отображение номера на разных устройствах. Убедитесь, что он выглядит корректно.
Очевидно, что для ряда ресурсов контактный номер телефона в шапке необходим. Но для некоторых является лишней информацией. Блоги, портфолио, сайты самообразования и другие платформы могут извлечь больше пользы из иных методов связи. Учитываете цели вашего сайта и потребности его аудитории при принятии решения о размещении контактных данных.
