# Раздел обложки

Этот блок предназначен для главной страницы сайта и позволяет разместить изображение или видео над основным текстом.

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

Чтобы добавить секцию, нажмите на значок "+", и справа появится меню. Затем выберите **Обложка**.

<figure><img src="/files/2612e9d6a0b31129430c612f3e14574dd1f093e3" alt=""><figcaption></figcaption></figure>

#### Настройки

После того как вы выбрали шаблон, можно приступать к настройке содержимого блока «Обложка».

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

Вы можете выбрать, как будет отображаться медиа — как изображение или как видео. Название страницы также будет показано в предпросмотре.

<figure><img src="/files/1e1d847ebfc575ca6d81302e02462172e4d284e5" alt=""><figcaption></figcaption></figure>

Вы можете добавить медиа, загрузив файл или используя ссылку, в том числе с сайтов вроде FB, YouTube, Vimeo и других.&#x20;

{% hint style="success" %}
Рекомендуемый размер изображения — 1920 × 1080 px. Рекомендуется использовать не более 9 изображений.
{% endhint %}

Вы можете добавить фон обложки, который будет отображаться за изображением содержимого.

<figure><img src="/files/297c9639176af3cf5276685e204565acc2648bab" alt=""><figcaption></figcaption></figure>

Вы можете задать ширину и высоту фона любыми значениями, что позволяет изменять размер с использованием следующих единиц измерения:

px — пиксели.

vw / vh — ширина/высота области просмотра. Например, 100 vh заставляет медиа заполнять весь экран на любом устройстве.

% — процент от ширины секции (блока).

<figure><img src="/files/9ae5839b0defa6c5a926d1117889c514ab0631d6" alt=""><figcaption></figcaption></figure>

### Настройки заголовка

Вы можете добавить заголовок, подсказку над ним и полный текст под заголовком.

<figure><img src="/files/067c4873530f8271d7b6109c7d6def76018fd8f5" alt=""><figcaption></figcaption></figure>

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

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

Доступные варианты включают полужирный, курсив, подчёркнутый или зачёркнутый текст, а также выбор шрифта, межстрочного интервала, выравнивания и другие настройки.

Вы также можете изменить цвет текста или его фон. Если вы хотите выделить определённую часть текста, можно выбрать её и применить изменения только к этому фрагменту.

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

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

Вы можете добавить ссылку к заголовку, подсказке или тексту под заголовком.

Вы также можете добавить ссылку к определённому слову или фразе в тексте.

Для этого выделите фрагмент текста и нажмите на значок **«Ссылка»** В появившемся окне введите URL, на который должен вести текст. Чтобы закрепить ссылку, установите соответствующий флажок.

<figure><img src="/files/1971449f5823b5b6468d068465c756e9ae83cd04" alt=""><figcaption></figcaption></figure>

Вы можете добавить переменную в заголовок, подсказку, текст под заголовком или в определённый фрагмент текста.

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

Вы можете добавить стандартные переменные или переменные, специфичные для проекта.

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


---

# 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.mavibot.ai/doc/ru/websites/saity/blocks/cover.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.