> 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/blocks/block-settings.md).

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

На Wfolio можно гибко настраивать каждый блок, чтобы добиться желаемого дизайна и структуры страницы. Блоки можно добавить на [составные страницы](/site/pages/tipy-stranic/custom-page.md) и [лендинги](/site/pages/tipy-stranic/landing.md).

### Отступы <a href="#indents" id="indents"></a>

Можно задать от очень маленьких отступов до огромных — или полностью убрать отступы. Для этого перейдите в настройки блока и задайте отступы сверху или снизу.

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

{% hint style="info" %}
**Статус** с иконкой `↕` в правой части блока показывает, что для блока настроены отступы.
{% endhint %}

### Фон блока <a href="#background" id="background"></a>

На странице можно выделить блоки, чтобы привлечь к ним внимание. Нажмите на **палитру** и выберите нужный цвет:

* **Акцентный.** Акцентный цвет вашей цветовой схемы.
* **Контрастный**. Цвет, противоположный вашей цветовой схеме.
* **Изображение**. Можно установить на блоки с текстом, блоки с кнопкой и некоторыми виджетами.&#x20;

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

Для изображения на фоне блока можно включить эффект **параллакса**. Для этого загрузите изображение и активируйте переключатель **«Добавить параллакс»**.

Параллакс недоступен в темах Deka и Plain. Он отображается при просмотре страницы **на компьютере**. Такой эффект для телефонов появится в следующих обновлениях.

{% hint style="info" %}
**Статус** с иконкой кисточки в правой части блока показывает, что для блока установлен фон.
{% endhint %}

### Выравнивание содержимого <a href="#align" id="align"></a>

Если в блоке **несколько колонок**, можно настроить их расположение относительно верха и низа блока. Для этого в настройках блока выберите нужное выравнивание колонок.

<figure><img src="/files/sULVy4sPsBI1RupNonq1" alt=""><figcaption><p>Пример блока в две колонки с выравниванием: 1 — по верху; 2 — по центру; 3 — по низу</p></figcaption></figure>

### Копирование блока <a href="#copy" id="copy"></a>

Блоки можно копировать: в нужном блоке выберите иконку **«Копировать блок»**. Выберите страницу, куда скопировать блок — на текущую страницу или на другую.

<figure><img src="/files/5H9ncGAuXUAFN7BLgei7" alt=""><figcaption></figcaption></figure>

### Перемещение блока <a href="#move" id="move"></a>

Изменяйте последовательность блоков на странице:

* С помощью стрелок **«Вверх»** или **«Вниз»**.
* Меняя **порядковый номер блока** — он указан между стрелками.\
  Для этого нажмите на число в блоке, введите новый номер для блока и подтвердите перемещение клавишей **Enter**.\ <i class="fa-lightbulb">:lightbulb:</i> Например: третий блок на странице нужно сделать первым. Вместо *«3»* напишите *«1»* и нажмите Enter — блок переместится на первое место на странице.

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

### <mark style="color:red;">Удаление блока</mark> <a href="#delete" id="delete"></a>

Выберите иконку «Удалить блок» — он будет удален. <mark style="color:red;">Это действие не получится отменить.</mark>

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

{% hint style="success" %}
На блок можно создать якорную ссылку, которая будет вести сразу к нужному блоку на странице. Это удобно для создания навигации или ссылок на определенные разделы сайта. Подробнее читайте в инструкции: [Ссылки на сайте](/site/blocks/links.md#anchor).
{% endhint %}