Блок «Раскрывающийся раздел»

В раскрывающихся разделах отображаются фрагменты контента, которые поддаются свёртыванию. При нажатии на заголовок контент раздела разворачивается или сворачивается обратно. Из этого руководства вы узнаете, как размещать, настраивать и использовать блок «Раскрывающийся раздел» на сайте WordPress.com.

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

• Правила и условия: размещайте на сайте юридические и нормативные сведения, не перегружая внимание посетителей.
• FAQ: публикуйте часто задаваемые вопросы и ответы на них, которые можно развернуть.
• Сведения о товаре: в сворачиваемых разделах можно размещать спецификации, размерные сетки и информацию о доставке.
• Пошаговые инструкции: разбивайте учебные материалы и руководства на этапы, чтобы облегчить усвоение.
• Расписания мероприятий: распределяйте графики и маршруты по часам или сеансам.
• Сведения о сотрудниках: публикуйте информацию о каждом из сотрудников с кратким введением, которое можно будет развернуть.

Выполните следующие действия, чтобы разместить блок «Раскрывающийся раздел» на странице или в записи:

1. Откройте консоль вашего сайта.
2. Перейдите в раздел Страницы или Записи и щёлкните по странице/записи, где нужно разместить раскрывающийся раздел.
3. Нажмите значок «+» инструмента вставки блоков.
4. Выполните поиск по запросу Раскрывающийся раздел и щёлкните по блоку, чтобы вставить его в запись или на страницу.

Вы можете ознакомиться с подробными инструкциями по добавлению блоков.

При первом добавлении блока «Раскрывающийся раздел» в запись или на страницу вы увидите следующие разделы:

• Элемент раскрывающегося раздела: каждый сворачиваемый раздел, содержащий заголовок и панель.
  • Заголовок раскрывающегося раздела: заголовок, при нажатии на который контент раздела разворачивается или сворачивается обратно.
  • Панель раскрывающегося раздела: контент, разворачиваемый при нажатии на заголовок.

Чтобы завершить создание раскрывающегося блока, выполните следующие действия:

1. Добавьте заголовок или вводный текст, который должен отображаться постоянно.
2. Щёлкните внутри области панели раскрывающегося раздела или выберите её в представлении в виде списка.
3. Нажмите кнопку «+» инструмента вставки блоков, чтобы добавить блоки в области панели раскрывающегося раздела. Можно размещать контент любого типа, в том числе текст, изображения, видео или другие блоки.

В блоке «Раскрывающийся раздел» есть настройки, чтобы задавать способы отображения контента в блоке. Чтобы перейти к этим настройкам, в представлении в виде списка выберите блок «Раскрывающийся раздел» и откройте настройки блока на правой боковой панели.

Если опция «Внутренние блоки по ширине контента» включена, блоки внутри блока «Раскрывающийся раздел» будут располагаться в соответствии с настройками ширины:

• Контент: ширина области контента блоков, для которых не задано значение «Широкий формат» или «Формат во всю ширину».
• Широкий формат: ширина контента блоков задаётся по широкому формату.

Если этот параметр включён, при открытии одного элемента раскрывающегося раздела другие открытые элементы автоматически закрываются. Таким образом можно избежать впечатления визуального мусора, а посетители могут сосредоточивать внимание на каждом из подразделов в отдельности.

Переключайте значок разворачивания/сворачивания (обычно «+» или стрелка), который появляется рядом с заголовком каждого раскрывающегося раздела. Отключите эту опцию, чтобы сайт выглядел минималистичнее, без визуального мусора.

Выберите, где будет располагаться значок — слева или справа от заголовка раскрывающегося раздела.

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

1. В представлении в виде списка выберите блок «Элемент раскрывающегося раздела» , который должен открываться по умолчанию.
2. На боковой панели настроек блока включите опцию «Раскрывать по умолчанию».

На боковой панели настроек блока нажмите значок «Стили», чтобы открыть настройки оформления блока. Значок «Стили» имеет форму наполовину заполненного круга.

Доступны следующие опции:

• Цвета: задайте цвета фона и текста заголовков и панелей блока.
• Фоновое изображение: добавьте фоновое изображение в родительский блок «Раскрывающийся раздел».
• Типографика: настройте размер и стиль шрифта текста.
• Размеры: управляйте отступами и полями вокруг элементов блока.
• Обрамление и тень: добавьте эффект кромки и тени.