# Розділ обкладинки

Цей блок призначений для головної сторінки сайту, даючи змогу розмістити зображення або відео над основним текстом.

<figure><img src="/files/99b74d43c3e06534bb3cf7db8231017998bf1079" alt=""><figcaption></figcaption></figure>

Щоб додати розділ, натисніть на значок «+», і праворуч з’явиться меню. Потім виберіть **Обкладинка**.

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

#### Налаштування

Після того як ви вибрали шаблон, можна почати налаштовувати вміст блоку «Обкладинка».

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

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

<figure><img src="/files/12e52123928d44d4987370b2487d5ece8c94a53c" alt=""><figcaption></figcaption></figure>

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

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

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

<figure><img src="/files/7af6cdfd7f17bf8fb352d3b26f4d541b946a50de" alt=""><figcaption></figcaption></figure>

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

px — пікселі.

vw / vh — ширина/висота вікна перегляду. Наприклад, 100 vh змушує медіа заповнювати весь екран на будь-якому пристрої.

% — відсоток від ширини розділу (блоку).

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

### Налаштування заголовка

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

<figure><img src="/files/79458fff318cfcfb281a5c476b8c181e0acf6e3a" alt=""><figcaption></figcaption></figure>

Щоб відредагувати текст, виділіть його в полі введення та застосуйте потрібні налаштування. Ви можете використати один із запропонованих стилів або створити власний.

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

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

Ви також можете змінити колір тексту або його фон. Якщо ви хочете виділити певну частину тексту, можете вибрати її та застосувати зміни лише до цієї частини.

<figure><img src="/files/895be8528cb01f16ec265fc775c843b7fab07190" alt=""><figcaption></figcaption></figure>

Щоб прибрати підсвічування кольором, натисніть **«Видалити колір».**

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

Ви також можете додати посилання до окремого слова або фрази в тексті.

Для цього виділіть фрагмент тексту та натисніть на **«Посилання»** значок. У вікні, що з’явиться, введіть URL-адресу, на яку має перенаправлятися текст. Щоб закріпити посилання, позначте відповідний прапорець.

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

Ви можете додати змінну до заголовка, підказки, тексту під заголовком або до окремого фрагмента тексту.

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

Ви можете додати стандартні змінні або змінні, специфічні для проєкту.

<figure><img src="/files/434be2b0e743887425654bc9e9d3ea542dbde64e" 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/uk/websites/saiti/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.