> 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> В будущих обновлениях появится возможность настраивать размер шрифта в обложке самостоятельно.

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

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

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