Как легко изменить размер шрифта в WordPress

Хотите ли вы изменить размер шрифта в ваших постах или страницах WordPress?? Иногда вы можете захотеть сделать строку или абзац крупнее, или увеличить...

Хотите ли вы изменить размер шрифта в ваших постах или страницах WordPress??

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

В этой статье мы покажем вам, как легко изменить размер шрифта в постах и темах WordPress.

.com/wp-content/uploads/2020/05/add-a-heading-block-2.png» alt=»Добавить блок заголовков» width=»680″ height=»337″ />

Блок по умолчанию будет иметь заголовок 2. Как правило, для подзаголовков имеет смысл использовать шрифт Heading 2. Если вы хотите изменить это, то вы можете просто нажать на выпадающий список ‘H2’, чтобы выбрать другой размер.

Изменить заголовок с h2

Кроме того, вы можете изменить этот параметр в настройках блока в правой части экрана. Там же вы можете изменить цвет заголовка.

Как добавить заголовок в старом классическом редакторе

Если вы все еще используете старый классический редактор WordPress, то вы можете добавить заголовки с помощью выпадающего списка «Абзац».

Выделите текст, который вы хотите превратить в заголовок, щелкните на выпадающем меню «Абзац» и выберите размер заголовка.

Выбор заголовка в классическом редакторе

Размеры и цвета различных стилей заголовков контролируются таблицей стилей вашей темы (стиль.css).

Если вы используете премиум тему WordPress, то у вас может быть возможность изменить эти настройки в разделе Внешний вид » Настроить.

Способ 2: Изменение размера текста в редакторе блоков

Что, если вы хотите, чтобы абзац или даже весь ваш пост был напечатан более крупным шрифтом?? Вы можете легко сделать это с помощью стандартного редактора блоков WordPress.

Просто нажмите на любой блок абзацев, затем выберите размер шрифта в разделе «Типографика» с правой стороны.

Настройки типографики

Вы можете выбрать один из выпадающих вариантов: «Маленький», «Обычный», «Средний», «Большой» и «Огромный». Если вы передумаете, то просто нажмите кнопку «Сбросить», чтобы вернуть размер текста по умолчанию.

Есть также опция «Пользовательский», где вы можете просто ввести размер пикселя, который вам нужен. Если вы хотите, вы также можете установить большой Drop Cap, который будет появляться в начале вашего абзаца.

Эти опции недоступны в старом классическом редакторе для WordPress. Если вы хотите использовать их, то подумайте о переходе. Наше руководство о том, как использовать новый редактор блоков WordPress, поможет вам.

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

Метод 3: Изменение размера шрифта с помощью Advanced Editor Tools

Advanced Editor Tools, ранее известный как TinyMCE Advanced, — это плагин WordPress, который дает вам больше контроля над размером шрифта и форматированием текста, а также ряд других возможностей.

Это особенно полезно в старом классическом редакторе, но также работает и в блочном редакторе. Он добавляет новый блок под названием «Классический абзац», который имеет все элементы управления форматированием.

Чтобы использовать его, вам сначала нужно установить и активировать плагин Advanced Editor Tools. Если вы не знаете, как это сделать, ознакомьтесь с нашим пошаговым руководством по установке плагина WordPress.

Далее, перейдите по ссылке Настройки » Расширенный редактор (TinyMCE Advanced) для настройки параметров редактора. Здесь вы можете настроить кнопки, которые вы хотите использовать в панели инструментов TinyMCE Advanced.

Если вы используете его с классическим редактором, то вы должны увидеть, что в TinyMCE выпадающий список «Размер шрифта» включен по умолчанию во втором ряду иконок.

При желании вы можете переместить его в первый ряд, перетащив вверх.

Расширенные инструменты редактора классический редактор размер шрифта

Если вы используете редактор блоков, то вам нужно прокрутить экран вниз и добавить выпадающий список «Размеры шрифтов» на панель инструментов, перетащив его.

Добавить размер шрифта на панель инструментов

Обязательно нажмите кнопку «Сохранить изменения» в нижней части экрана.

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

В редакторе блоков у вас теперь будет возможность добавить блок ‘Classic Paragraph’. В нем появятся элементы управления Advanced, как показано здесь:

Инструменты расширенного редактора размер шрифта классического редактора

В классическом редакторе вы увидите панели инструментов с выпадающим меню размера шрифта:

Изменить шрифт в классическом редакторе

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

Примечание: это не дает вам столько возможностей, как редактор блоков WordPress, и вы не можете ввести свой собственный размер шрифта.

Метод 4: Изменение размера шрифта для всего сайта с помощью CSS

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

Хорошей новостью является то, что вы можете изменить размер абзаца по умолчанию для всего сайта. Лучший способ сделать это — использовать Настройщик темы в разделе Внешний вид » Настроить.

Некоторые темы WordPress могут содержать опцию изменения размера шрифта. Если вы можете найти эту опцию, то вы можете использовать ее без написания кода CSS.

Однако если ваша тема не имеет такой возможности, то вы можете добавить пользовательский CSS, чтобы добавить свои собственные правила размера шрифта.

Просто нажмите на опцию «Дополнительный CSS» в настройщике темы. Здесь вы можете хранить весь ваш пользовательский код CSS.

Добавить дополнительный CSS

Теперь в текстовом поле «Дополнительный CSS» просто добавьте код CSS. В этом примере мы изменяем размер шрифта на ’16px’, вы можете выбрать другой размер шрифта.

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

Примечание: Ваш пользовательский CSS будет применяться только к теме, которую вы используете. Если вы позже решите перейти на другую тему WordPress, вам нужно будет снова скопировать и вставить ее в Customizer.

Приведенный выше код применяется только к тексту абзаца. Что, если вы хотите изменить размер шрифта всех подзаголовков h2??

Просто измените приведенный выше код так, чтобы он был нацелен на элемент h2 в вашей теме:

То же самое можно сделать и с другими заголовками, просто изменив h2 на h3, h4 или h5.

Надеемся, что эта статья помогла вам узнать, как легко изменить размер шрифта в WordPress. Вы также можете посмотреть наше руководство по использованию пользовательских шрифтов в WordPress или наш список лучших плагинов для построения страниц WordPress с функцией drag & drop.

Источник: www.wpbeginner.com

Оцените статью
Добавить комментарий