# Меню сайта

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

<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** в полноэкранной версии сайта меню разместится поверх обложки без фона.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.wfolio.pro/site/menu/menu.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.