Как изменить цвет ссылки в WordPress? (без кода)

Хотите знать, как изменить цвет ссылки в WordPress? Если да, то эта статья как раз то, что вы искали.

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

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

Важность изменения цвета ссылки в WordPress

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

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

Как изменить цвет ссылки в WordPress без использования кода (4 простых способа)

А теперь давайте перейдем к методам изменения цвета ссылки в WordPress. Кроме того, вам не нужны знания кодирования, если вы используете эти методы.

1. Пользовательский код CSS

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

После того, как вы войдете в свою панель управления WordPress, перейдите в «Внешний вид» >> «Настроить» .

На боковой панели выберите параметр « Дополнительный CSS ». Затем добавьте следующий код:

Не забудьте нажать кнопку « Опубликовать », чтобы сохранить все изменения. Цвет ссылки всего вашего сайта теперь будет (ff0000) красным . Конечно, если вас не устраивает цвет, вы можете изменить шестнадцатеричный код по своему выбору.

2. Настройщик WordPress

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

Что ж, Zakra — это тема, которую мы предлагаем с нашей стороны. Zakra предлагает более 80 демонстраций, подходящих для создания любого нишевого веб-сайта WordPress. Кроме того, он легко настраивается и оптимизирован для скорости.

Чтобы изменить цвет ссылки с помощью Zakra, вам необходимо сначала установить тему. После установки и активации темы Zakra перейдите в « Внешний вид» >> «Настроить» . Затем нажмите «Глобальные» >> «Цвета» >> «Цвета ссылок ». Есть два варианта, которые заключаются в следующем:

• Обычный : изменение цвета ссылки на вашем сайте.
• Наведение : с помощью этой опции вы можете изменить цвет ссылки при наведении.

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

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

• Активный цвет : выберите цвет ссылки в активном состоянии.
• Цвет фокуса : выберите цвет ссылки в фокусе .
• Цвет посещений : измените цвет ссылки « Посещено » на вашем веб-сайте.

Это параметры ссылки цвета, которые вы можете изменить, используя многоцелевую тему Zakra. Наконец, нажмите кнопку « Опубликовать », чтобы сохранить все изменения.

3. Использование Элементора

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

После процесса установки откройте страницу или публикацию в редакторе Elementor.

В верхнем левом углу вы можете найти значок гамбургера ; нажмите здесь. Затем выберите параметр « Настройки сайта ». После этого нажмите на опцию « Типографика ».

Затем в опции « Ссылка » вы можете изменить цвет обычной ссылки и цвет ссылки при наведении . Кроме того, есть два варианта — Цвет и Типографика .

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

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

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

4. Редактор WordPress

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

Откройте нужную страницу или пост. Теперь выделите URL-ссылку, цвет которой вы хотите изменить. Появится плавающая панель инструментов; просто выберите значок раскрывающегося списка и нажмите кнопку « Выделить ». Есть еще два варианта — «Текст» и «Фон».

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

Как следует из названия, опция « Фон » позволяет добавить/изменить цвет фона. Как только вы закончите процесс настройки, либо обновите , либо опубликуйте страницу/публикацию.

Завершение!

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

• Использование пользовательского CSS
• Настройщик WordPress
• Использование плагина Elementor
• Редактор WordPress

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

Надеюсь, вам понравилось читать эту статью, и если да, поделитесь ею с друзьями и семьей в социальных сетях. Вы можете подписаться на нас в Twitter и Facebook, чтобы получать регулярные обновления и интересные новости.

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