# Заголовок c подзаголовком

Блок «**Заголовок c подзаголовком**» позволяет добавить к лонгриду крупный заголовок и подзаголовок меньшего размера ниже, и настроить их внешний вид.

### Как выглядит блок?

[![headsub0-look.jpg](https://wiki.scroll-tool.ru/uploads/images/gallery/2024-03/scaled-1680-/headsub0-look.jpg)](https://wiki.scroll-tool.ru/uploads/images/gallery/2024-03/headsub0-look.jpg)

### Как добавить блок?

Наведите курсор на линию между блоками и нажмите на появившийся значок "**плюс**", чтобы открыть меню с блоками. [Подробнее о добавлении блоков](https://wiki.scroll-tool.ru/books/razdel-longridy/page/kak-dobavlyat-kontentnye-bloki).

<details id="bkmrk-%D0%9A%D0%B0%D0%BA-%D0%B2%D1%8B%D0%B3%D0%BB%D1%8F%D0%B4%D0%B8%D1%82-%D0%B1%D0%BB%D0%BE%D0%BA-%D0%B2-"><summary>Как выглядит блок в меню</summary>

[![headsub1-menu.jpg](https://wiki.scroll-tool.ru/uploads/images/gallery/2024-03/scaled-1680-/headsub1-menu.jpg)](https://wiki.scroll-tool.ru/uploads/images/gallery/2024-03/headsub1-menu.jpg)

</details><details id="bkmrk-%D0%94%D0%BE%D0%B1%D0%B0%D0%B2%D0%BB%D0%B5%D0%BD%D0%B8%D0%B5-%D0%B1%D0%BB%D0%BE%D0%BA%D0%B0-%D0%A7%D1%82%D0%BE"><summary>Добавление блока</summary>

[![headsub2-new.gif](https://wiki.scroll-tool.ru/uploads/images/gallery/2024-03/headsub2-new.gif)](https://wiki.scroll-tool.ru/uploads/images/gallery/2024-03/headsub2-new.gif)

*<span style="color: rgb(149, 165, 166);">Чтобы увеличить демонстрацию, нажмите на нее.</span>*

</details>### Как изменить содержимое?

Чтобы ввести свой текст, поставьте курсор в поле заголовка и наберите текст.

<details id="bkmrk-%D0%92%D0%B2%D0%B5%D0%B4%D0%B5%D0%BD%D0%B8%D0%B5-%D1%82%D0%B5%D0%BA%D1%81%D1%82%D0%B0-%D0%A7%D1%82%D0%BE%D0%B1"><summary>Введение текста</summary>

[![headsub3-fill.gif](https://wiki.scroll-tool.ru/uploads/images/gallery/2024-03/headsub3-fill.gif)](https://wiki.scroll-tool.ru/uploads/images/gallery/2024-03/headsub3-fill.gif)

*<span style="color: rgb(149, 165, 166);">Чтобы увеличить демонстрацию, нажмите на нее.</span>*

</details>### Как изменить внешний вид?

В блоке «**Заголовок c подзаголовком**» можно изменить:

- шрифт и размер текста
- цвет текста
- подсветку текста
- выравнивание текста
- добавить ссылку и перечеркивание

<details id="bkmrk-%D0%9F%D0%BE%D0%B4%D1%80%D0%BE%D0%B1%D0%BD%D0%B5%D0%B5-%D0%A8%D1%80%D0%B8%D1%84%D1%82-%D0%B8-%D1%80%D0%B0"><summary>Подробнее</summary>

##### Шрифт и размер текста

Шрифт и размер текста в заголовке можно установить в настройках лонгрида. Вы можете выбрать из базовых шрифтов или загрузить свой собственный. А также выбрать любой размер шрифта. [Подробнее о настройке шрифтов](https://wiki.scroll-tool.ru/books/razdel-longridy/page/nastroika-vnesnego-vida-longrida#bkmrk-%D0%A8%D1%80%D0%B8%D1%84%D1%82%D1%8B-%D0%BA%D1%83%D1%80%D1%81%D0%B0).

<p class="callout info">Обратите внимание, что отдельный шрифт, выбранный в настройках, в этом блоке будет применяться только к **заголовку**. А в **подзаголовке** будет использован тот же шрифт, что и в обычном тексте.  
</p>

##### Другие параметры  


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

[![headsub4-color.gif](https://wiki.scroll-tool.ru/uploads/images/gallery/2024-03/headsub4-color.gif)](https://wiki.scroll-tool.ru/uploads/images/gallery/2024-03/headsub4-color.gif)

*<span style="color: rgb(149, 165, 166);">Чтобы увеличить демонстрацию, нажмите на нее.</span>*

</details>### Есть ли альтернативные варианты этого блока?

Да. Вы можете добавить другой тип контентного блока «[Заголовок](https://wiki.scroll-tool.ru/books/razdel-longridy/page/zagolovok)».

### Как я могу использовать этот блок?

Используйте для заголовков с дополнительной информацией в подстрочнике. Это может быть: название изучаемой подтемы, время на изучение раздела лонгрида, предупреждение о подготовке наушников и т.д.

<details id="bkmrk-%D0%9F%D1%80%D0%B8%D0%BC%D0%B5%D1%80"><summary>Пример</summary>

[![Screenshot_3.png](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-02/OpCscreenshot-3.png)](https://wiki.scroll-tool.ru/uploads/images/gallery/2023-02/OpCscreenshot-3.png)

</details>---

<p class="callout success">Если у вас остались вопросы, напишите нам на почту <info@scroll-tool.ru>.</p>