Вы хотите выделить текст в посте или странице WordPress?
Возможность выделения текста может помочь вам направить внимание пользователя на определенную область текста. Это может быть полезно для выделения призыва к действию, специального предложения или просто для акцентирования внимания на определенных предложениях.
В этой статье мы покажем вам, как легко выделить текст в WordPress как с помощью плагина, так и без него.
Зачем и когда выделять текст
Выделение текста — простой способ подчеркнуть важную информацию в вашем контенте. Это поможет вам направить внимание пользователя на важные призывы к действию.
Вот пример того, как может выглядеть выделение текста:
По умолчанию редактор контента WordPress не имеет возможности просто выбрать и выделить любой текст. Вы все еще можете подчеркнуть текст, сделав его курсив, изменить цвет текста или сделать его полужирный.
Итак, давайте рассмотрим, как легко выделить текст в WordPress.
Метод 1. Выделение любого текста в WordPress (HTML не требуется)
Самый простой способ выделения текста — это использование плагина WordPress.
Во-первых, вам необходимо установить и активировать плагин Advanced Editor Tools. Для более подробной информации смотрите наше пошаговое руководство о том, как установить плагин WordPress.
Advanced Editor Tools (ранее известный как TinyMCE Advanced) добавляет больше опций форматирования и расширяет блочный редактор WordPress.
Как только плагин активирован, вы можете редактировать пост или страницу WordPress, где вы хотите выделить текст. Просто выберите текст, который вы хотите изменить, а затем нажмите на выпадающую стрелку для дополнительных опций форматирования.
В выпадающем меню необходимо выбрать опцию «Отметить». Это позволит выделить текст, используя цвета по умолчанию.
Однако фактический цвет может отличаться в зависимости от цветов вашей темы WordPress. Теперь вы можете сохранить свой пост/страницу и предварительно просмотреть его, чтобы увидеть выделенный текст в действии.
Однако если вам не нужно выделять текст очень часто, то следующий метод позволит вам сделать то же самое без использования плагина.
Метод 2. Ручное выделение текста в WordPress
Этот вариант требует небольшого количества кода, но его легко реализовать.
Для этого примера мы будем использовать элемент HTML ‘mark’. Это можно использовать для выделения и привлечения внимания к определенной части вашего письма.
Просто отредактируйте пост или страницу, где вы хотите выделить текст. Далее перейдите к абзацу, содержащему текст, а затем нажмите на меню с тремя точками на панели инструментов блока. Отсюда вам нужно выбрать опцию «Редактировать как HTML».
Далее вы увидите необработанный текст в формате HTML. Просто оберните текст, который вы хотите выделить, внутри поля и вот так:
выделенный текст
Теперь вы можете переключиться обратно в визуальный режим, снова нажав на меню с тремя точками и выбрав «Редактировать визуально» на панели инструментов блока.
Область блока снова переключится в визуальный режим, и вы заметите, что выделенный вами текст подсвечен.
Выделенный текст может выглядеть по-разному в зависимости от темы WordPress. Однако обычно это просто желтый фон.
Если вы хотите изменить это, то вы можете сделать это, добавив свой собственный пользовательский CSS.
Просто перейдите к Внешний вид » Настроить страницу, чтобы запустить программу настройки темы. Отсюда вам нужно перейти на вкладку «Дополнительные CSS».
Здесь вы можете вставить свой пользовательский CSS. В качестве отправной точки вы можете использовать следующий код CSS.
отметить
Как только вы закончите, нажмите кнопку «Опубликовать», чтобы сохранить изменения. Теперь вы можете посетить свой блог WordPress, чтобы увидеть выделенный текст в действии.
Надеемся, это помогло вам узнать, как выделить текст в WordPress. Вы также можете посмотреть наше руководство по лучшим конструкторам страниц WordPress, которые помогут вам создать полностью индивидуальный дизайн без какого-либо кода, и наше сравнение лучших сервисов email-маркетинга для увеличения вашего трафика.
Источник: www.wpbeginner.com