> For the complete documentation index, see [llms.txt](https://academy.spycat.ru/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://academy.spycat.ru/spycat-page/untitled/oblozhka.md).

# Обложка

Как создать заголовок, загрузить фон и настроить action-кнопку внутри обложки страницы

**Шаг 1.** При создании страницы выберите блок «Обложка».

<figure><img src="https://2278174608-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh4i7tnbDiic2PlvjYi%2Fuploads%2F2Nrr5HsnXsvMbt9g0ihM%2Fimage.png?alt=media&amp;token=8b76b8eb-c66a-48c5-bf0a-29310e4543c5" alt=""><figcaption></figcaption></figure>

**Шаг 2.** Перейдите к редактированию блока.<br>

<figure><img src="https://2278174608-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh4i7tnbDiic2PlvjYi%2Fuploads%2Ff2D4eqmN3N14fstq4Pl6%2Fimage.png?alt=media&amp;token=e9c088df-0479-40c6-b841-30296257af8b" alt=""><figcaption></figcaption></figure>

**Шаг 3.** Добавьте заголовок и его описание.

<figure><img src="https://2278174608-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh4i7tnbDiic2PlvjYi%2Fuploads%2FLdfmh4MgmBfLsvlnanOU%2Fimage.png?alt=media&amp;token=b59e7960-586f-4311-9b9c-77c6720d9ccf" alt=""><figcaption></figcaption></figure>

**Шаг 4.** Выберите тип кнопки, название и введите другие настройки.

<figure><img src="https://2278174608-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh4i7tnbDiic2PlvjYi%2Fuploads%2FHzy5bqVIdQUw36pACHDm%2Fimage.png?alt=media&amp;token=e59a6cbb-f617-4113-aa12-b994a62da1e6" alt=""><figcaption></figcaption></figure>

**Шаг 5.** Загрузите фон для обложки.

<figure><img src="https://2278174608-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh4i7tnbDiic2PlvjYi%2Fuploads%2FbKeCxlXJTFG6L31Y2uBB%2Fimage.png?alt=media&amp;token=2656c38e-d50f-49e1-a990-1e5f7a995729" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Рекомендованные размер для ПК 600x1000px. Если вы добавите размер в других пропорциях, то картинка растянется по ширине или высоте блока минимального размера к рекомендованной величине и часть изображения обрежется
{% endhint %}

**Шаг 6.** Сохраните изменения блока.

<figure><img src="https://2278174608-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh4i7tnbDiic2PlvjYi%2Fuploads%2FZdJKjcWu334QSdsSUOgB%2Fimage.png?alt=media&amp;token=71e619a2-1853-4131-ae6b-cd6da0da96af" alt=""><figcaption></figcaption></figure>

**Шаг 7.** Сохраните изменения всей страницы.

<figure><img src="https://2278174608-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh4i7tnbDiic2PlvjYi%2Fuploads%2FLO6S2nCOr3yNL5ejcsfe%2Fimage.png?alt=media&amp;token=7fb0f8e2-9dc4-4bdb-b69c-d0a0f048deb5" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
Будьте внимательнее с отображением изображения в мобильном устройстве. Из-за вертикального формата экрана обложка картинки обрежется по бокам и растянется на всю высоту экрана мобильного устройства
{% endhint %}

![Пример отображения изображения с ПК и мобильного устройства](https://2278174608-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lh4i7tnbDiic2PlvjYi%2F-LpDSQzQzRFNawrfVNpy%2F-LpDTO8EY3Bz2faPDDkf%2Fimage.png?alt=media\&token=f746c6fc-1f0a-4f3a-9c7b-7da15d540087)
