Speed Contact Bar панель с контактной информацией вверху сайта — ТОП

Speed Contact Bar панель с контактной информацией вверху сайта


 Продолжаем разбирать самые интересные и полезные плагины для сайта wordpress. Сегодня вы узнаете как добавить на свой сайт контакт-панель, в которой отображаются ваши контактные данные. Данная панель отображается в самом верху сайта и постоянно находится на виду у пользователей, даже когда вы прокручиваете страницу. В контакт-панели можно указать номер мобильного и стационарного телефона, email адрес, произвольную вкладку с ссылкой. Можно добавлять иконки самых популярных соцсетей, более 15 соцсетей на выбор. Можно настроить цветовую гамму панели, цвет фона, ссылок и текста.

 

контакт панель сайт

 

 Установить плагин Speed Contact Bar вы сможете прямо из админ-панели wordpress. Перейдите на страницу: ПлагиныДобавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

 

плагин wordpress

 

 После установки и активации плагина, перейдите на страницу: Настройки — Speed Contact Bar. Здесь вы сможете настроить основные параметры плагина.

 

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

— URL of the headline, здесь можете указать ссылку для вкладки, которую вы указали выше.

— E-Mail, здесь можно указать email адрес.

— Phone Number, укажите номер стационарного телефона.

— Cell Phone Number, укажите номер мобильного телефона.

Соцсети, возле соответствующего значка соцсети, укажите URL адрес вашей страницы в данной соцсети.

 

настройки плагина

 

Appeareance of the contact bar.

— Maximal viewport width to hide the bar, укажите здесь ширину, при которой контакт-панель будет скрываться. По умолчанию панель отображается на всех устройствах.

— Position of the bar, можно выбрать позицию панели, вверху или внизу. По умолчанию вверху.

— Enable fixed position, по умолчанию панель зафиксирована, то есть всегда на виду.

— Height readjustment for fixed position, высота переналадки для стационарной установки. (оставьте по умолчанию)

— Transparent background, поставьте галочку, чтобы сделать фон панели прозрачным.

— Background Color, можно выбрать цвет фона панели.

— Show shadow, показать тень для панели.

 

Appeareance of the headline.

— Show headline, показ заголовка, по умолчанию включен.

— Keep headline in mobile devices, показ заголовка на мобильных устройствах.

— Headline HTML Tag, здесь указан html тег для заголовка.

 

Appeareance of texts and links.

— Show texts on small displays, показывать номера телефонов и email адрес на небольших дисплеях.

— Text Alignment, можно выбрать расположение текста в панели, слева, справа или по центру. По умолчанию по центру.

— Font Size, размер шрифта.

— Text Color, цвет текста.

— Link Color, цвет ссылок.

— Open links in new windows, поставьте галочку, чтобы открывать ссылки в новом окне.

 

Appeareance of the icons.

— Icon Size, укажите размер иконок в панели.

— Icon Brightness, здесь можно выбрать ярость значков.

Сохраните изменения.

 

 После настройки панели и сохранения настроек, перейдите на свой сайт, вверху сайта у вас появится контакт-панель. Удачи вам !

 






info-effect.ru
Speed Contact Bar панель с контактной информацией вверху сайта обновлено: Июль 23, 2016 автором: Илья Журавлёв

23 комментария

  • Любовь 02.12.2016 Ответить

    Спасибо! Понравилось)

  • Константин 08.10.2017 Ответить

    А если два номера, как правильно указать? Если указать два, то при нажатие набираются сразу два.

    • Илья Журавлёв 09.10.2017 Ответить Автор

      Один номер городской, другой сотовый. Что значит «набираются сразу два»?

  • Константин 09.10.2017 Ответить

    Чтобы понять надо просто указать два номера в городской или два в мобильный телефон. Есть городской и два мобильных номера. Теперь когда в мобильной версии сайта я нажимаю на телефон (городской или мобильный) он срабатывает как гиперссылка, а т.к. в ячейке с настройками указаны два номера (не важно городской или мобильный), то в окне набора номера впечатываются два номера и уже потом можно нажать на набор номера. Но если указаны или два городских, или два мобильных, то эти номера в мобильной версии сайта набрать не возможно, сразу два номера копируются в окно набора телефона. Про «два номера» это не городской и мобильный, это когда есть два городских или два мобильных. Думаю так понятно.

    • Илья Журавлёв 09.10.2017 Ответить Автор

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

  • Любовь 15.10.2017 Ответить

    Илья привет!
    Не могу отрегулировать (разными способами пробовала настраивать, меняла разные параметры размеров и через стиляи пробовала отступы делать)
    У меня эта полоса с контактами наезжает на изображение заголовка.
    Подскажи пожалуйста как настроить?
    Чтобы сначала шла эта полоска вверху сайта, а потом изображение заголовка, друг под другом. А то сейчас половина изобр загол закрыто этой полосой.
    Спасибо

    • Илья Журавлёв 15.10.2017 Ответить Автор

      Привет. Пробовала изменить в настройках параметр — Height readjustment for fixed position?

      • Любовь 15.10.2017 Ответить

        Спасибо Илья!
        Да, попробовала, не получилось как хотелось бы. Я пока Через настройку CSS выбрала Position: Relative
        И эта полоса теперь стоит правильно, но прокручивается. к сожалению, зато не наезжает на другое)
        Да, классно и удобно когда контакты зафиксированы при прокрутке страниц.

        • Илья Журавлёв 15.10.2017 Ответить Автор

          А в CSS пробовала менять Padding или Margin? Со стилями поэкспериментируй.

          • Любовь 15.10.2017

            Пробовала конечно же), прежде всего, как ты и подсказываешь.
            Несколько часов с утра застряла над этой «фигнюшкой» не получается!
            Ты бы сразу быстро настроил)
            Называется: каждый спец в своем деле!
            Илья, пожалуйста, можно обращусь к тебе за твоими услугами?
            Сначала все оформлю как задумала, а потом в конце, напишу тебе задание, а ты мне все настроишь идеально.
            Надеюсь, не откажешь в услугах, спасибо огромное!
            Уже СПАСИБО огромное за твои бесплатные и профессиональные подсказки.
            Пользуясь ими, у меня приблизительно получается, но у тебя бы было точно как надо.
            Спасибо.

  • Любовь 15.10.2017 Ответить

    Илья, прайс твой я знаю.
    Время найдешь?
    Спасибо

    • Илья Журавлёв 15.10.2017 Ответить Автор

      Да, пиши на email.

  • Ed 13.06.2018 Ответить

    Подскажите как настроить, что бы эта панель отображалась, а потом меню сайта. Я говорю о прокрутке страницы. У меня Меню фиксируется в вверху экрана при прокрутке. Спасибо!

    • Илья Журавлёв 13.06.2018 Ответить Автор

      Сейчас как отображается? Скриншот скиньте.

    • Ed 14.06.2018 Ответить

      По стилям не совсем понятно. Необходимо добавить отступ от этой панели до меню? Но как? Буду юзать!)
      А как на счет того что в мобильной версии сайта, эта панель дублируется два раза.
      Спасибо за помощь!

      • Илья Журавлёв 15.06.2018 Ответить Автор

        Да, надо отступ делать. Там есть стили Margin-Top или Padding, их используйте. Если у вас тема адаптивная, то есть одна и таже, для мобильных и компьютеров, тогда отключите в настройках отображение панели на мобильных устройствах.

        • Ed 15.06.2018 Ответить

          Вы имеете ввиду отключить Показ заголовков на мобильных устройствах? После этого не будет дублировать два раза на мобильной версии?

          • Илья Журавлёв 15.06.2018 Автор

            Нет, я имел ввиду скрыть панель с мобильных устройств, в настройках плагина — Maximal viewport width to hide the bar. Вы не пробовали изменить высоту переналадки — Height readjustment for fixed position?

        • Ed 15.06.2018 Ответить

          Ничего не понимаю, теперь их на компьютере две.

          • Илья Журавлёв 15.06.2018 Автор

            Что меняли в настройках, перед тем как стало показываться две?

          • Ed 17.06.2018

            Ничего не менял вроде как. Ниже скрины настроек и как отображается. Уже неделю пытаюсь настроить. Хочется что бы эта панель была над меню при прокрутку. И на мобильных одна. А в мобильном их две как и на полной версии сайта.

Добавить комментарий

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

Я согласен с политикой конфиденциальности и пользовательским соглашением



Яндекс.Метрика

W/A 7 922 717 9869   Связь - Мой Супер хостинг

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

Стрелка вверх