> 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/pages/manage-pages/page-cover.md).

# Обложка страницы

На любую страницу сайта вы можете добавить фото- или видеообложку. Она может быть одной фотографией, одним видео или в виде слайдера с несколькими изображениями. На нее можно наложить текст, кнопку и стрелки для перехода к следующему или предыдущему изображению.

Такие обложки можно настроить в любой теме, кроме темы Plain.

{% hint style="info" %}

#### Рекомендуемый формат обложки

Большинство мониторов имеет соотношение сторон близкое к 16:9, а мобильные телефоны — близкое к 9:21. Подберите фотографии похожего формата с **шириной не менее 2560px и высотой не менее 1920px**. Точных пропорций нет — обложка адаптируется к экрану устройства.
{% endhint %}

### Обложка с фотографиями

* Откройте страницу в панели управления и перейдите во вкладку **«Обложка»**.
* Загрузите фотографии.

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

#### Как настроить обложку для разных устройств

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

* 🖥️ Не показывать в полной версии: фотография будет отображаться только на телефонах.
* 📱 Не показывать в мобильной версии: фотография будет отображаться только на ПК.
* Если выбрать обе иконки, фотография останется загруженной в обложку, но не будет видна на странице.

<figure><img src="/files/1TtmaiqZvUdxmDWAUITk" alt="" width="563"><figcaption></figcaption></figure>

{% hint style="info" %}
На данный момент опция доступна только для **фотографий** в обложке.
{% endhint %}

### Обложка с видео

Рассмотрим поэтапно, как добавить видео на обложку страницы:

* Перейдите на страницу для редактирования и выберите пункт **«Обложка»**.
* Выберите вид обложки **«Видео»** и нажмите **«Загрузить видео»**.

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

{% hint style="info" %}

#### Требования к видео для загрузки

**Размер:** до 100 МБ.

**Формат:** MP4 или MOV.

**Кодек видео:** h.264 или AVC.
{% endhint %}

Посмотрите пример страницы с видеообложкой:

{% embed url="<https://demo.wfolio.pro/svadby>" %}

### Настройка контента на обложке страницы

#### Размер шрифта в обложке страницы

Пока что размер шрифта настраивается автоматически. Если требуется изменить размер шрифта, напишите нам в поддержку, и мы поможем.

<i class="fa-location-question">:location-question:</i> В будущих обновлениях появится возможность настраивать размер шрифта в обложке самостоятельно.

#### Цвет текста в обложке страницы

Текст на обложке всегда белый, и изменить цвет не получится. Белый шрифт всегда хорошо читается на тёмных и насыщенных изображениях и смотрится профессионально с точки зрения оформления.

Если требуется загрузить светлое изображение, включите затемнение обложки.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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/pages/manage-pages/page-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.