Storefront Top Bar топ бар плагин WordPress

Топ бар плагин Wordpress WooCommerce

 Привет ! Мы продолжаем разбирать самые интересные и самые полезные плагины для сайта WordPress ! Сегодня вы узнаете как добавить на свой сайт топ бар. Панель или бар будет отображаться в самом верху сайта. Панель имеет два сайдбара, в которые вы сможете добавлять виджеты. Информация в виджетах будет отображаться в топ баре. Вы сможете настроить отображение и внешний вид панели. Очень простой и полезный плагин !

Обратите внимание ! Данный плагин подходит только для темы Storefront !

 

Storefront Top Bar

 

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

 

Storefront Top Bar

 

Далее, после установки и активации плагина, перейдите на страницу: Внешний вид – Настроить. Здесь у вас появится новая вкладка – Top Bar. Откройте данную вкладку.

 

Top Bar настроить

 

Далее, здесь вы сможете изменить отображение и внешний вид топ бара.

 

– Background Color, цвет фона топ бара.

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

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

– Top Bar 1 Alignment, расположение первого виджета. Слева, справа или по центру.

– Top Bar 2 Alignment, расположение второго виджета.

– Mobile Display, показать или скрыть на мобильных устройствах.

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

 

изменить цвет

 

Далее, чтобы добавить виджеты в панель, перейдите на страницу: Внешний вид – Виджеты. Здесь у вас появятся два сайдбара – Top Bar 1 и Top Bar 2. Вы можете перетащить в сайдбары любые виджеты, которые будут отображаться в панели.

 

два сайдбара Top Bar

 

Всё готово ! У вас на сайте, вверху страницы, будет отображаться панель с виджетами !

 

топ бар панель для темы storefront

 

Вы сможете добавлять в панель любой контент с помощью виджетов !

 

 Супер липкая кнопка Добавить в корзину для темы Storefront !

 

Остались вопросы ? Напиши комментарий ! Удачи !

 

info-effect.ru
Добавить комментарий

Имя и Email указывать не обязательно. Чтобы получить ответ на свою электронную почту, укажите свой Email.

  1. Ян

    Круто! Спасибо!

    Ответить