Как выделить текст в WordPress (Руководство для начинающих)

Вы хотите выделить текст в посте или странице WordPress?

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

В этой статье мы покажем вам, как легко выделить текст в WordPress как с плагином, так и без него.

Зачем и когда выделять текст

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

Вот пример того, как может выглядеть подсветка текста:

По умолчанию редактор контента WordPress не имеет возможности просто выделить цветом какой то текст. Вы можете подчеркнуть текст, сделав его курсивом, изменив цвет текста или сделав его полужирным.

Тем не менее, давайте посмотрим, как легко выделить текст в WordPress.

Способ 1. Выделите любой текст в WordPress (HTML не требуется)

Самый простой способ выделить текст-это использовать плагин WordPress.

Во-первых, вам нужно установить и активировать плагин Advanced Editor Tools.

Advanced Editor Tools (ранее известный как TinyMCE Advanced) добавляет дополнительные параметры форматирования и расширяет редактор блоков WordPress.

Как только плагин активирован, вы можете отредактировать пост WordPress или страницу, на которой вы хотите выделить какой-то текст. Просто выберите текст, который вы хотите изменить, а затем нажмите на стрелку раскрывающегося списка для получения дополнительных параметров форматирования.

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

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

Легко, не правда ли?

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

Способ 2. Выделение текста в ручную

Этот вариант требует внести немного кода, но его легко реализовать.

В этом примере мы будем использовать HTML-элемент » mark’. Это может быть использовано для выделения и привлечения внимания к определенной части вашего поста.

Просто отредактируйте запись или страницу, на которой вы хотите выделить текст. Затем перейдите к абзацу, содержащему текст, а затем нажмите на трехточечное меню на панели инструментов блока. Отсюда вам нужно выбрать опцию » Редактировать как HTML’.

Далее вы увидите необработанный текст в формате HTML. Просто заключите текст, который вы хотите выделить, внутри тегов <mark> следующим образом:

1<mark>highlighted text</mark>

Теперь вы можете вернуться в визуальный режим, снова нажав на трехточечное меню и выбрав пункт » Редактировать визуально’ на панели инструментов блока.

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

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

Если вы хотите изменить его, то вы можете сделать это, добавив свой собственный CSS.

Просто перейдите на страницу » Настройка внешнего вида», чтобы запустить настройщик темы. Отсюда вам нужно перейти на вкладку » Дополнительный CSS’.

Здесь вы можете вставить свой собственный CSS. В качестве отправной точки можно использовать следующий CSS-код.

123mark {background-color: #ffd4a1;}

Как только вы закончите, нажмите кнопку «Опубликовать«, чтобы сохранить свои изменения. Теперь вы можете посетить свой блог WordPress, чтобы увидеть выделенный текст в действии.

Мы надеемся, что это помогло вам научиться выделять текст в WordPress.

Поделиться

Leave A Comment

Ваш адрес email не будет опубликован. Обязательные поля помечены *