Вернуться на страницу поддержки Содержимое и медиафайлы Блоки Блок «Заголовок»

Блок «Заголовок»

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

Добавление блока «Заголовок»

Чтобы добавить блок «Заголовок», щёлкните значок + Вставка блоков и выполните поиск по ключевому слову «заголовок». Щёлкните блок, чтобы добавить его в запись или на страницу.

Добавление блока «Заголовок».
Добавление блока «Заголовок»

💡

Чтобы быстро добавить новый блок «Заголовок», можно также набрать /heading в новой строке и нажать Enter.

Добавление блока «Заголовок» с помощью вставки с косой чертой.
Добавление блока «Заголовок» с помощью вставки с косой чертой

Чтобы добавить определённый уровень заголовка, введите /h1 /h2 /h3 /h4 /h5 /h6 и нажмите «Ввод». Таким образом можно вставить разные уровни заголовков.

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

Уровни заголовков

Для заголовков предусмотрена шестиуровневая иерархия, в которой они ранжированы по важности, что обеспечивает упорядоченность для вашего содержимого. Самый важный заголовок — это уровень 1 (H1), а наименее важный — уровень 6 (H6).

Заголовки уровня H1 должны быть зарезервированы для названия страницы, чтобы обеспечить поисковую оптимизацию. WordPress автоматически назначает уровень H1 названиям ваших страниц и записей. Поэтому первый заголовок на странице будет иметь уровень H2. Заголовки уровня H3 — это подзаголовки. Заголовки уровня H4 — это подзаголовки еще более низкого уровня и т. д.

Уровень заголовка можно выбрать на панели инструментов. Если необходимо изменить размер и внешний вид текста заголовка, воспользуйтесь настройками блока.

Панель инструментов блока

После того как вы щёлкнете блок, поверх него появится панель инструментов со следующими опциями:

Родительская панель инструментов блока «Заголовок».
Родительская панель инструментов блока «Заголовок».

На панели инструментов блока «Заголовок» доступны следующие опции:

Дополнительные опции для блока «Заголовок»

Дополнительные опции для блока «Заголовок»:

Снимок экрана, на котором показаны опции форматирования для блока «Заголовок».

Указанные выше опции можно использовать для форматирования текста или набора символов в блоке «Заголовок». Для этого выполните следующее:

  1. Выделите слова или символы, которые нужно отформатировать.
  2. Выберите необходимую опцию на панели инструментов.
Выделение

Опция Выделение используется для изменения цвета нескольких определённых слов или символов, а также для установки цветного фона для определённых слов в блоке «Заголовок».

  1. Выберите текст, который нужно форматировать.
  2. Щёлкните стрелку вниз на панели инструментов блока.
  3. Щёлкните Выделение.
  4. Появится небольшое окно с опциями для цветов Текста и Фона. Здесь показан набор готовых опций цвета, а также палитра, где вы можете выбрать нужный цвет.
GIF-анимация использования опции выделения для изменения цвета текста и применения цвета фона в блоке «Заголовок».
Опция Выделение используется для изменения цвета текста и применения цвета фона в блоке «Заголовок».
Встроенное изображение

Опция Встроенное изображение добавляет изображение в заголовок. Чтобы добавить встроенное изображение в блок «Заголовок», выполните следующие действия:

  1. Щёлкните стрелку вниз на панели инструментов блока
  2. Выберите Встроенное изображение
  3. В окне «Библиотека файлов» выберите изображение, которое хотите использовать.
  4. Нажмите кнопку Вставить , чтобы добавить встроенное изображение.
Добавление встроенного изображения в блок «Заголовок»
Добавление встроенного изображения в блок «Заголовок»

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

Изменение размера встроенного изображения.
Изменение размера встроенного изображения.
Ввод с клавиатуры

Опция ввода с клавиатуры позволяет добавить в выбранный текст HTML-тег .

Тег используется, чтобы обозначить ввод с клавиатуры. Обычно он используется при написании команды, которая вводится с помощью клавиатуры. Содержимое внутри тега отображается в моноширинном шрифте, используемом по умолчанию в браузере. Например, текст CTRL + C — это ввод с клавиатуры:

Чтобы скопировать содержимое, выделите его и нажмите CTRL + C на клавиатуре.

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

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

Настройки блока доступны на боковой панели справа.
Щёлкните значок ⚙️, чтобы открыть настройки блока
Настройки цвета

С помощью настроек цвета можно изменить цвета текста, фона и ссылки для блока «Заголовок».

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

Внешний вид текста в блоке можно изменить с помощью следующих настроек.

Если настройка не отображается, щёлкните три точки справа от элемента Настройки оформления (как показано справа). Затем можно выбрать необходимую опцию:

  • Размер шрифта
  • Семейство шрифтов
  • Внешний вид
  • Высота строки
  • Оформление
  • Регистр
  • Интервалы
Выпадающее меню «Настройки оформления»
Настройки оформления на боковой панели «Настройки блока» с дополнительными опциями.

Параметр Размер шрифта позволяет изменять размер текста. Можно выбрать один из предварительно заданных размеров, например маленький, средний или крупный.

Кроме того, можно указать конкретное значение, щёлкнув значок слайдера над опциями по умолчанию (он отмечен цифрой 1 на снимке экрана ниже). Вы можете изменить единицы измерения, щёлкнув в области, отмеченной цифрой 2 на снимке экрана ниже. Можно выбрать пиксели, em или rem.

Настройки размера шрифта в разделе «Настройки оформления»

С помощью параметра Семейство шрифтов можно изменить стиль шрифта. Выберите нужный шрифт из списка в выпадающем меню.

С помощью параметра Внешний вид можно изменить стиль текста (обычный или курсив), а также его толщину — от тонкого до очень жирного.

Параметр Высота строки задаёт интервал над текстом и под ним. При выборе значения «ноль» обязательно проверьте свой сайт на мобильном устройстве.

Параметр Оформление содержит опции подчёркивания и перечёркивания.

С помощью параметра Регистр можно изменять регистр текста: все прописные буквы, заглавная первая буква или все буквы строчные.

Параметр Интервалы задаёт интервал между всеми знаками в тексте. Значение единицы измерения по умолчанию (пиксели) можно изменить на проценты, em, rem, vw и vh. Дополнительные сведения об относительных единицах можно найти здесь.

Настройки размера

В некоторых темах в блоке «Заголовок» есть настройка Размеры.

Щёлкните значок + рядом с разделом Размеры, чтобы выбрать и активировать настройку размера «Границы» для блока «Заголовок». Настройка границы влияет на пространство вокруг выбранного блока. Если вы хотите, чтобы пространство вокруг блока было одинаковым, в поле для текста введите пользовательское значение.

Настройки размера в блоке «Заголовок».

Щёлкните значок ссылки рядом с разделом Размеры, чтобы установить разные значения для пространства вверху, справа, внизу и слева от блока.

Установка пользовательских значений для пространства в блоке «Заголовок» с помощью настройки размеров границы.

Чтобы изменить единицу измерения для настройки границы, щёлкните PX. Откроется выпадающее меню с другими поддерживаемыми единицами: %, EM, REM, VW и VH.

Изменение единиц измерения для настроек размеров границы в блоке «Заголовок».

Дополнительные настройки

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

Раздел дополнительных настроек позволяет добавить к блоку класс CSS.
Раздел дополнительных настроек позволяет добавить к блоку класс CSS.
Copied to clipboard!