Tweet

Как поменять цвет фона в шапке и в сайдбаре блога.

Автор: Светлана Алликас · Дата: 27 Май 2010 · Есть 2 коммент.

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

То есть, в шапке у него картинки нет, есть только серый цвет.

Меняем цвет, и получаем вот такую шапку:

Теперь о том, как это сделать.

Все цвета меняются в редакторе тем.

Открываем файл style.scc и ищем там вот такую строчку, с названием header .

Сама строчка в разных темах может выглядеть по разному, но нам главное слово  header и цвет, который обозначается так, как у меня подчеркнуто на картинке

Вот это подчеркнутое значение и нужно изменить, подставив вместо #A80000 любой другой, нужный вам  код цвета. Как узнать код цвета, я рассказывала в  Основном курсе.

То же самое делаем и с блоками в меню , если они содержат не картинку, а цвет

Например, меню может вылядеть вот так:

Видно, что блоки с названиями  – синего цвета. Чтобы его поменять, находим в том же файле  style.scc  приблизительно вот такие строчки: (повторюсь, в зависимости от темы строчки могут быть несколько другими, но ключевые пункты – слово sidebar и код цвета.)

Собственно,  это правило применимо к абсолютно всем блокам, цвет которых вы хотите изменить.

Приведу некоторые обозначения для блоков: body – фон блога

date- блок даты рядом с постом

comments – комментарии

footer – «подвал» блога

А вообще  – совет: не бойтесь экспериментировать со значениями. С любыми параметрами.   Меняйте их  и смотрите, что получается.  Методом тыка. Типа:  » а что будет, если я сделаю вот так?»

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

Только так вы сможете научиться менять все параметры своего блога по своему усмотрению. Методом тыка. Меня ведь тоже никто этому не учил…

Еще по этой теме:

Как определить код нужного вам цвета?

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

Рубрика: Решение различных проблем, Советы по дизайну блогов · Запись имеет метки: Советы по дизайну блогов, темы для wordpress