Как изменить цвет выделения текста по умолчанию в WordPress

Хотите изменить цвет выделения текста по умолчанию в WordPress?? Вы можете сделать свой сайт WordPress выделяющимся, обращая внимание на мелкие детали,...

Хотите изменить цвет выделения текста по умолчанию в WordPress??

Вы можете сделать свой сайт WordPress выделяющимся, обращая внимание на мелкие детали, например, чтобы цвет выделения текста соответствовал цветовой схеме вашего сайта.

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

Зачем менять цвет выделения текста по умолчанию?

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

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

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

Как изменить цвет ссылки на WordPress? Как поменять цвет ссылок на сайте или сделать их без цвета?

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

  • Метод 1: Использование плагина для изменения цвета выделения текста
  • Метод 2: Использование кода для изменения цвета выделения текста

Способ 1: Использование плагина для изменения цвета выделения текста

Custom Highlight Color — это плагин WordPress, который позволяет выбрать пользовательский цвет выделения текста. Это самый простой метод, но результат может выглядеть по-разному во всех браузерах.

Первое, что вам нужно будет сделать, это установить и активировать плагин Custom Highlight Color. Для получения более подробной информации смотрите наше пошаговое руководство по установке плагина WordPress.

После установки вам следует перейти по адресу Внешний вид » Настроить на вашей приборной панели WordPress. Затем вам нужно выбрать Цвет в меню.

Перейдите в раздел

Вам нужно будет нажать на Цвет выделения, чтобы ввести нужный цвет в шестнадцатеричном коде или использовать инструмент выбора цвета. Затем просто нажмите кнопку «Опубликовать», чтобы активировать новый цвет выделения.

Пользовательский цвет выделения

Метод 2: Использование кода для изменения цвета выделения текста

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

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

Первое, что вам нужно сделать, это перейти по адресу Внешний вид » Настроить в вашей приборной панели WordPress. После этого вам нужно нажать на Additional CSS в нижней части списка.

Далее, вы просто копируете и вставляете следующие стили.

::-moz-selection < background-color: #ff6200; color: #fff; >::selection

Обратите внимание, что мы добавили два стиля. CSS-селектор ::moz-selection работает с браузером Firefox, а CSS-селектор ::selection работает с другими популярными браузерами, такими как Chrome, Safari, IE9+ и Opera.

Раздел

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

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

Предварительный просмотр измененного цвета выделения текста

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

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

Если вам понравилось это руководство, то, пожалуйста, подпишитесь на наш канал YouTube для просмотра видеоуроков по WordPress. Вы также можете найти нас в Twitter и Facebook (признана экстремистской организацией на территории РФ).

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

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