Давайте начнем изучение типов блоков редактора Gutenberg с раздела Основные блоки.
Давайте откроем этот раздел, нажав на следующую вкладку:
В результате вы увидите следующий список кнопочек блоков:
Порядок кнопочек в этом списке зависит от частоты использования, поэтому время от времени он у вас (и у меня на скринах) может меняться.
Самым часто используемым блоком, конечно же, являются абзацы, и мы их хорошо изучили. Давайте теперь приступим к изучению заголовков.
Заголовки
Создадим новый заголовок, нажав на соответствующую иконку:
В результате получим следующее:
Давайте введем текст:
Меню блока
Давайте рассмотрим меню блока для созданного нами заголовка.
Следующая кнопочка показывает, что по умолчанию создан заголовок второго уровня:
При желании можно сменить уровень заголовка на третий:
Или на четвертый:
Все остальные кнопочки в данном меню такие же, как и для изученных нами ранее абзацев.
Создайте 2 заголовка h2.
Поменяйте первый заголовок на h3, а второй - на h4.
Боковое меню блока
Рассмотрим теперь боковое меню блока:
Следующие настройки позволяют более широко выбрать уровень заголовка от h1 до h6:
А следующие настройки регулируют выравнивание текста заголовка:
Создайте 6 заголовков. Сделайте первый заголовок h1, второй h2 и так далее до h6.
Дан заголовок. Выровняйте текст в нем по центру.
Настройки вкладки Дополнительно
Давайте развернем настройки вкладки Дополнительно, нажав на ее название:
В результате откроется следующий блок:
Здесь можно выделить две настройки: HTML якорь и дополнительный CSS класс. Про настройку CSS класса я уже упоминал ранее, поэтому не будем ее трогать.
Давайте разберем, что такое HTML якоря.