Как сделать горизонтальное меню на сайте

Дата публикации: 03-05-2018       5584

Порой на многостраничном сайте находятся столько разных разделов, которых не уместишь в одной строке меню, и как сделать горизонтальное меню не совсем понятно. После прочтения этой статьи вы узнаете, как сделать горизонтальное меню сайта на конструкторе tobiz.net.

Ранее мы рассказывали, как сделать выпадающее меню на сайте

Здесь уже всё автоматизировано, и никаких кодов вам не придётся писать.

Как сделать горизонтальное обычное меню

Перед тем как добавить меню, рекомендуем сначала создать все необходимые страницы сайта, например Главная, О компании, Доставка, Оплата, Контакты и другие. 

Инструкция:

  1. Зайдите в редактор Главной страницы.


     
  2. Нажмите кнопку "Добавить блок" в панели слева. 
    *При разработке сайта на шаблоне вам следует перейти сразу к 5 пункту, так как в шаблоне обычно уже есть меню!


     
  3. Нажмите на раздел Шапка и меню. Выберите подходящий для вас блок меню. На примере блок 102. 


     
  4. Теперь ваш блок добавился внизу страницы. Наведите на блок и увидите справа кнопку Сортировка (зеленого цвета). Переместите блок вверх с помощью зажатия данной кнопки. 


     
  5. Нажмите на разделы меню. Перед вами слева появится список разделов, прописанных в меню. 


     
  6. Поменяйте названия пунктов меню в соответствии со страницами, которые вы хотите добавить в многостраничный сайт. Для этого нажмите на пункт меню и пропишите название. Мы назвали пункты как: Главная, О компании, Услуги, Контакты. 


     
  7. Чтобы добавить новый пункт меню, если их в шаблоне недостаточно, нажмите "Добавить пункт меню". Если их достаточно, переходим к следующему шагу. 


     
  8. Добавьте корректные ссылки на ваши разделы меню, чтобы при нажатии на кнопку в меню, вы могли перейти на соответствующую страницу. Ссылку нужно добавить в поле "Ссылка или якорь". Нажмите на скрепку и выберите страницу, на которую должен ссылаться пункт меню. Например, если кнопка меню назвается "О компании", то выбираем страницу О компании.
     

  9.  
  10. Проделайте данную процедуру со всеми кнопками меню. Меню готово. Не забудьте Сохранить!

Чтобы добавить меню в статьи или товары читайте статью: Как добавить меню в Товары и Статьи


Как сделать горизонтальное выпадающее меню

Если вы хотите добавить выпадающие пункты меню, например, в разделе Услуги, то:

  1. Нажмите снова на ваше готовое меню. Разделы для редактирования появятся слева.
  2. Нажмите на кнопку Добавить пункт меню. Появится Новый пункт меню. Отредактируйте его, как на инструкции выше вы редактировали разделы (переименовать, поставить ссылку на страницу). 
  3. Для примера мы делаем список выпадающих услуг. Мы добавим кнопки Монтаж из камня, Монтаж из кирпича. 

  4. Теперь нужно подвинуть данные пункты меню, чтобы они стали дополнительными и не были в основном меню. Для этого нажмите на стрелочку вправо.


     
  5. Вот так будет выглядеть теперь ваше меню.


     
  6. Эти разделы теперь нужно переместить под основной раздел. Зажмите дополнительный раздел и двигая, переместите под основной. Пример: мы переместили два раздела под раздел Услуги.


     
  7. Меню готово! Сохраните, нажав на кнопку Сохранить в левой панели. Снаружи теперь меню будет выглядеть так:

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

Рассказать друзьям:

Cделайте первый шаг

Выберите готовый шаблон из более 1700+ бесплатных и премиум вариантов.

ШАБЛОНЫ САЙТОВ