При проектировании веб-сайта некоторые части привлекают внимание, в то время как другие тихо выполняют свои важные функции на заднем плане. Меню в подвале - это один из таких недооцененных компонентов. Хотя оно может не часто становиться главной темой обсуждений по веб-дизайну, это незаменимый элемент для многих пользователей. Это руководство подробно рассматривает создание привлекательного горизонтального меню в подвале с помощью популярного Helix Ultimate для пользователей Joomla. Так что, подготовьтесь улучшить пользовательский опыт вашего сайта на Joomla.

Как создать горизонтальное меню нижнего колонтитула в Joomla с помощью Helix Ultimate

Значимость меню в подвале

Прежде чем мы погрузимся в техническую часть, важно понимать, почему меню в подвале занимает такое важное место в веб-дизайне:

  • Ожидания пользователя: Многие посетители инстинктивно прокручивают сайт до конца, когда не находят нужную информацию в главном меню. Это поведение делает подвал вторым главным местом навигации.
  • Очистка главного меню: Перемещая некоторые элементы в меню подвала, вы можете избежать перегрузки вашей основной навигации, обеспечивая более понятное и интуитивное путешествие пользователя.
  • Подчеркивание второстепенной информации: Меню в подвале идеально подходит для отображения второстепенной информации, такой как условия использования, политика конфиденциальности и др.

Создание горизонтального меню в подвале с помощью Helix Ultimate: Пошаговое руководство

Теперь, когда мы поняли "почему", давайте перейдем к "как". Ниже приведен подробный урок по настройке стильного меню в подвале с использованием фреймворка шаблона Helix Ultimate на Joomla.

Шаг 1: Настройка Helix Ultimate

Для начала убедитесь, что у вас готов Helix Ultimate. Если нет, вот что вам нужно сделать:

  1. Перейдите на наш сайт JoomFox.
  2. Скачайте фреймворк шаблона Helix Ultimate.

Downloading Helix Ultimate

Шаг 2: Создание вашего меню в подвале

С настройками Helix, перейдите на панель управления Joomla. Отсюда:

  1. Нажмите на Меню > Управление.
  2. Теперь приступите к созданию нового меню, указав Название и Уникальное имя для идентификации.

Creating a New Menu in Joomla

Шаг 3: Наполнение вашего меню

Теперь, когда структура меню готова, пришло время заполнить его содержимым:

  1. На панели управления найдите знак + рядом с вашим новым меню и нажмите на него.
  2. Это действие переведет вас на страницу элементов меню. Здесь укажите необходимые детали для вашего пункта меню. Например, если вы добавляете ссылку 'Contact Us':
    • Тип пункта меню: System Links > URL
    • Ссылка: (ссылка на вашу контактную страницу или заполнитель '#')
    • Меню: Меню в подвале
  3. После ввода данных выберите 'Сохранить & Закрыть'. Повторите этот шаг для любых дополнительных пунктов меню, которые вы хотите добавить.

Добавление пунктов меню

Заполнение деталей пункта меню

Шаг 4: Назначение модуля

Теперь, когда элементы вашего меню на месте, следующим шагом будет добавление соответствующего модуля:

  1. На панели управления перейдите к Меню > Управление.
  2. В колонке 'Связанные модули' выберите добавление модуля для вашего меню.
  3. Укажите подходящее название и выберите позицию для вашего модуля. Для этого руководства мы используем 'Footer 1 [footer1]'. Также отключите кнопку 'Название', чтобы сохранить аккуратный вид.
  4. При выборе позиции убедитесь, что вы выбираете из списка Shaper-helixultimate, так как наш фреймворк шаблона - это Helix Ultimate.

Привязка модуля к меню

Выбор позиции для модуля

Шаг 5: Использование редактора Helix Ultimate Frontend

Теперь, когда работа на стороне сервера по сути выполнена, пришло время доработать внешний вид:

  1. Перейдите к редактору Helix Ultimate Frontend, выбрав Систему на вашей панели управления. Затем перейдите к Site Template > shaper_helixultimate - Default > Template Options.
  2. Теперь вы находитесь в редакторе Helix Ultimate Frontend.

Доступ к редактору Helix Ultimate Frontend

Шаг 6: Наслаждайтесь результатами вашего труда

Прокрутите вниз в редакторе Helix Ultimate Frontend, и вот он - ваш элегантно размещенное горизонтальное меню в подвале, готовое улучшить навигацию пользователя!

Если вы хотите скорректировать положение, просто измените позицию модуля. Например, изменение позиции модуля на 'Footer 2' переместит всё меню на правую сторону подвала.

Просмотр финального меню в подвале

Заключение

Меню в подвале - это не только функциональное дополнение; это улучшение общего пользовательского опыта. С Helix Ultimate и Joomla, создание изысканного меню в подвале - проще простого. Так зачем ждать? Погрузитесь в мир улучшенного веб-дизайна уже сегодня!

Есть отзывы или вопросы? Оставьте их в комментариях ниже. Мы с нетерпением ждем ваших историй и хотим увидеть меню в подвале, которое вы разработаете. Тост за замечательную веб-разработку!


 
4.4117647058824 1 1 1 1 1 (Оценок: 187)
4.4117647058824 187
Опубликовано: 15-07-2023

Вы не зарегистрированы, чтобы оставлять комментарии.