Главная или честный способ заработка в сети Зачем мне это? Всё начинается с идеи

Изменяем шаблон WordPress. Часть 1

В настоящее время наш блог имеет следующий вид:

Внешний вид блога на WordPress

Допустим, что шаблон нас, в принципе, устраивает. Не устраивает лишь обилие розового цвета. Хочется нам, например, чтобы полоса верхнего меню была голубого цвета. И точки напротив свежих записей, архивов, комментариев и рубрик тоже. Все ссылки в статьях и при наведении на страницы необходимо также превратить в голубые. Как всё это сделать? При помощи таблицы стилей в редакторе тем WordPress. В самом браузере используем функцию просмотр кода элемента, как её включить читайте в статье про редактор тем WordPress. Поехали! Первое, что нам надо изменить - это цвет ссылок на страницы, на которые был наведён курсор мыши и которые активны в данный момент. Сейчас они красные. Сделаем их голубыми. Для этого на самой странице ищем элемент, в котором эти ссылки размещены. У нас он носит название pagemenu:

Список со страницами блога на WordPress

Теперь в редакторе тем в разделе Таблица стилей находим стили, которые отвечают за цвет ссылки в списке с идентификатором pagemenu. Вот они и нашлись: верхнее правило отвечает за внешний вид ссылки, на которую наведён курсор мыши, нижнее - за ссылку, которая активна в данный момент:

Элементы верхнего меню в таблице стилей

Меняем цвета на нужные нам (таблицу цветов можно найти в статье Что такое RGB?):

Элементы верхнего меню в таблице стилей

Теперь на странице элементы в меню со статьями становятся голубыми, если на них навести курсор или кликнуть:

Элементы верхнего меню блога на WordPress

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


<<Предыдущая | В раздел | Следующая>>