Home»Редактирование wordpress» Как изменить цвет ссылки

Как изменить цвет ссылки

Как изменить цвет ссылки на блоге wprdpress, я расскажу в этой статье. Вы узнаете, как изменить цвет активной ссылки в статьях, посещённой и не посещённой. После этого, Вы сможете отредактировать этот параметр так, как Вам нужно.

А пока не перешли к основному тексту поста, советую узнать, как обновить wordpress правильно и без ошибок и статью о том, как изменить шрифт в wordpress, в которой, Вы узнаете, как сменить стиль и размер шрифта в контенте.

Что касается ответа на вопрос: «Зачем менять стиль ссылок», то тут у каждого владельца сайта есть свои собственные причины, углубляться в которые нет надобности.

Итак, чтобы отредактировать цвет ссылок и их другие параметры, нам нужно зайти на вкладку админ панели блога «Внешний вид» и нажать на пункт «Редактор». А дальше, выбрать файл Таблицы стилей style. css, так как именно в нём. находится кусочек кода, который отвечает за тем, как будут выглядеть ссылки на блоге.

Зайдя в этот файл необходимо найти кусочек кода, который отвечает за редактирование ссылок. Для этого нажмите кнопки Ctrl+F, чтобы вызвать форму поиска по странице, после появления которой, введите в неё атрибут a:link.

Нужный Вам элемент, будет подсвечен оранжевым или другим цветом в коде файла style.css.

Вот этот код:

a:link {
color:#0373D1;
text-decoration: underline;
}
a:visited {
color: #0C66BC;
text-decoration: underline;
}
a:hover, a:active, a:focus {
text-decoration: none;

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

И сейчас я расскажу значения некоторых пунктов, которые отвечают за те или иные изменения:

a:link – тут можно задать стиль для непосещёной ссылки (то, как она выглядит в документе).
a:active – тут меняется стиль активной ссылки.
a:visited – здесь можно изменить стиль просмотренных ссылок.
a:hover – меняется стиль, как будет выглядеть ссылка при наведении на нее курсора.

text-decoration:none убирает нижнее подчеркивание у ссылок. По умолчанию оно установлено.

Но и это ещё не всё. Теперь, чтобы сделать изменения, нужно знать параметры основных атрибутов (команд).

И вот их список:

  • Blink- позволяет установить мигающий цвет.
  • Line-through — помогает сделать зачеркнутый текст.
  • Underline- подчеркивание.
  • None-  вариант, который установлен по умолчанию и отменяет все предыдущие настройки;

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

На этом всё, что я хотел сказать про то, как менять цвет и стили ссылок на Вашем блоге. Удачи!

А если Вам необходимо изменить стиль заголовков, то в статье редактируем шрифт заголовков, найдёте то, что ищите.

Поделиться
4
КОММЕНТАРИИ

Комментарии читателей статьи "Как изменить цвет ссылки"

Добавить комментарий

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

*