> For the complete documentation index, see [llms.txt](https://docs.wfolio.pro/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.wfolio.pro/site/menu/menu.md).

# Меню сайта

Меню — элемент дизайна сайта, который влияет на удобство навигации и общее впечатление от страницы. Адаптируйте внешний вид меню под ваш стиль, выбрав подходящий размер, отступы и оформление. Для этого перейдите в раздел **«Дизайн» → «Меню»** и выберите нужные параметры. Изменения сохраняются автоматически.

<figure><img src="/files/aKQupVub8kbLMKUdgLOI" alt=""><figcaption></figcaption></figure>

### Управление страницами в меню

Чтобы добавить раздел в меню, создайте страницу в разделе **«Сайт»** по кнопке **«Добавить на сайт».** Выберите тип страницы, укажите название и активируйте переключатель **«Отображать в меню сайта»**. Название страницы отобразится в меню.

Чтобы скрыть страницу из меню, деактивируйте переключатель **«В меню».**

<figure><img src="/files/19Lnt5gIXiLxdgyAfoje" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/ppcSy3bCpljub3N4o4fE" alt=""><figcaption></figcaption></figure>

### Шрифты и оформление текста

* **Размер шрифта**. Шрифт в меню такой же, как на всем сайте, но его можно уменьшить или увеличить. Если нужно поменять размер шрифта в меню, вернитесь в **«Дизайн»** и перейдите в **«Меню»**.
* **Регистр букв**. Названия страниц в меню ЗАГЛАВНЫМИ или строчными буквами.
* **Выделение текста.** Обычный или жирный шрифт.
* **Отступы между пунктами меню**. Расстояние между названиями страниц.

{% hint style="info" %}
Все настройки применяются для отображения на компьютере.
{% endhint %}

### Выделение шапки меню

В темах Nika, Leto, Space и Deka доступна настройка фона для меню:

* **Без выделения.**
* **Небольшое выделение.** Легкий фон для акцента на меню.
* **Сильное выделение.** Фон, четко отделяющий меню от остальной страницы.

{% hint style="info" %}
Выделение применяется для отображения на компьютере и телефоне.
{% endhint %}

### Разделители

В темах Nika, Leto, Polina можно выбрать, как пункты меню будут отделяться друг от друга:

* **Без разделителей.**
* **С чертой** `|` или **точкой** `•` между пунктами.
* **С другими символами**: `/`, `//`, `»` или `~`.

{% hint style="info" %}
Применяется для отображения на компьютере.
{% endhint %}

### Настройки мобильного меню

Перейдите во вкладку **«Телефон»**, чтобы настроить внешний вид меню на телефонах.

<figure><img src="/files/KGf4QULZ7wp4RAdpc1SD" alt=""><figcaption></figcaption></figure>

Выберите вариант отображения раскрытого меню:

* **Малый текст.** Компактное меню с небольшим шрифтом. Пункты выпадающего меню скрыты.
* **Средний текст.** Текст разделов меньше, чем текст пунктов выпадающего меню. Все пункты показаны.
* **Большой текст.** Увеличенный размер шрифта, пункты выпадающего меню показаны.
* **По центру.** Средний размер шрифта, выравнивание пунктов по центру, пункты выпадающего меню скрыты.
* **С разделителями.** Средний размер шрифта, пункты меню отделены чертой, выпадающие элементы скрыты.

<figure><img src="/files/fc3L0pDDioSqyx51u50t" alt=""><figcaption><p>Примеры отображения мобильного меню с разными настройками</p></figcaption></figure>

Также можно настроить:

* **Отображение кнопки меню.** В виде иконки **☰** или с подписью **«Меню»** **☰**.
* **Цвет раскрытого меню**. Можно выбрать фон в цвет сайта, акцентный или контрастный.

### Частые вопросы

* **Как разместить меню сайта поверх фото/видео?**\
  Используйте для этого [обложку](/site/pages/manage-pages/page-cover.md) страницы. В обложку можно загрузить несколько фото или одно видео – в темах **Leto** и **Polina** в полноэкранной версии сайта меню разместится поверх обложки без фона.