Руководства/Стили/Изменение размера шрифта

Изменение размера шрифта

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

Настройка размера шрифта для конкретного содержимого

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

  1. Щёлкните текстовый блок, который нужно отредактировать (например, Абзац, Заголовок или Список).
  2. На боковой панели настройки блоков найдите раздел Оформление текста.

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

Выделен значок настроек в верхней части редактора WordPress.
Значок настроек в правом верхнем углу
  1. Выберите размер шрифта из списка пресетов (например, мелкий, средний или крупный) или нажмите значок «Установить произвольный размер», чтобы ввести конкретное значение.
    • Пресеты — это готовые варианты размера шрифта, например мелкого или крупного, которые помогают поддерживать единообразие оформления текста на сайте.
  2. По умолчанию размер измеряется в пикселях. Нажмите на текст px, чтобы изменить единицу измерения. Подробнее о единицах измерения.
  3. Просмотрите изменения или нажмите кнопку Сохранить в правом верхнем углу, чтобы применить их.
Выберите значок пользовательского размера и стрелку, указывающую на поле, в которое можно ввести произвольный размер.

💡

Можно также изменить настройки по умолчанию для конкретного блока с помощью параметра стилей в разделе Внешний вид → Редактор на консоли.

Настройте размер шрифта для своего сайта

Можно настроить размер шрифта по умолчанию для элементов на всем сайте, выполнив следующие действия:

  1. На консоли сайта перейдите в раздел «Внешний вид» → «Редактор».
  2. Выберите Стили в меню слева.
    • В редакторе также можно выбрать значок Стили в правом верхнем углу — кнопка выглядит как чёрно-белый круг.
  3. Нажмите Оформление текста, чтобы изменить размер шрифта по умолчанию для элементов на сайте.
  4. В разделе Элементы выберите один из следующих вариантов:
    • Текст
    • Ссылки
    • Заголовки
    • Подписи
    • Кнопки
  5. Выберите размер шрифта из списка пресетов (например, мелкий, средний или крупный) или нажмите значок «Установить произвольный размер», чтобы ввести конкретное значение.
  6. Нажмите «Просмотреть изменения» или «Сохранить», чтобы применить изменения.
Раздел оформления стилей в редакторе, где выделяются различные опции текстовых элементов.

Изменение размера шрифта с помощью помощника на базе ИИ

Значок помощника на базе ИИ в виде звезды с четырьмя точками.

Этот раздел предназначен для сайтов, созданных с помощью конструктора сайтов с ИИ (все платные тарифные планы), а также для сайтов с активированным помощником ИИ (тарифные планы Business и Commerce). Чтобы открыть помощник ИИ, нажмите на значок ИИ (четырёхконечная звезда) в нижней части экрана.

Помощник на базе ИИ в WordPress.com поможет вам правильно подобрать размер шрифтов для содержимого и стиля вашего сайта. Вот несколько примеров запросов, которые вы можете скопировать и использовать:

  • «Какой размер шрифта следует использовать для основного текста блога?»
  • «Как выбрать размер шрифта, который будет хорошо смотреться как на ПК, так и на мобильных устройствах?»
  • «В чём разница между единицами измерения размера шрифта px, em и rem?»
  • «Предложи набор предустановленных размеров шрифтов для профессионального бизнес-сайта».

Редактировать пресеты размера шрифта

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

  1. Перейдите в раздел Внешний вид → Редактор на консоли вашего сайта.
  2. Выберите пункт меню Стили.
  3. Выберите параметр Оформление текста.
  4. Нажмите Пресеты размера шрифта в нижней части панели.
  5. Выберите пресет размера шрифта (например, мелкий, средний или крупный).
  6. Введите желаемое значение в поле для размера и выберите единицу измерения (px, em, rem, vh или vw).
    • Включите опцию Адаптивная типографика, чтобы размер шрифта мог динамически масштабироваться вместе с экраном или окном просмотра.
    • При необходимости включите опцию Пользовательские значения, чтобы задать пользовательские минимальные и максимальные значения для адаптивного размера шрифта.
  7. Нажмите «Просмотреть изменения» или «Сохранить», чтобы применить изменения.
Опция пресета размера шрифта в настройках типографики.

Создание нового пресета размера шрифта

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

  1. Перейдите в раздел Внешний вид → Редактор на консоли вашего сайта.
  2. Выберите пункт меню Стили.
  3. Выберите параметр Оформление текста.
  4. Нажмите параметр Пресеты размера шрифта в нижней части панели.
  5. Рядом с пунктом Пользовательский щёлкните значок «плюс» (+). Появится новый предустановленный размер шрифта с именем по умолчанию, например «Новый размер шрифта 1».
  6. Выберите новый размер шрифта пресета.
  7. Нажмите значок многоточия () в правом верхнем углу и выберите Переименовать, чтобы дать пресету описательное имя.
  8. Введите желаемое значение в поле для размера и выберите единицу измерения (px, em, rem, vh или vw).
    • Включите опцию Адаптивная типографика, чтобы размер шрифта мог динамически масштабироваться вместе с экраном или окном просмотра.
    • При необходимости включите опцию Пользовательские значения, чтобы задать пользовательские минимальные и максимальные значения для адаптивного размера шрифта.
  9. Нажмите «Просмотреть изменения» или «Сохранить», чтобы применить изменения.
Настройки по умолчанию для пользовательского пресета размера шрифта.

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

Copied to clipboard!