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

Я считаю, что поиграв с цветами, можно изменить шаблон WordPress до не узнаваемости. От вас лишь требуется немного креатива, и усилий. В таблице стилей (в папке style.css) цвета Сайта указаны в виде HTML-кода, и чтобы поменять цвета на вашем Сайте, вам нужно для начало узнать HTML-код цвета, который вы хотите заменить. Так будет проще отыскать HTML код, и заменить его.

 

26-05-2015 16-

 

Итак, выяснить точный HTML-код цвета, который вы хотите заменить, нам поможет программа – Pixie, данная программа очень проста, не требует установки на компьютер, так как программу можно загрузить в виде приложения, и сразу же начать ей пользоваться. Программа – Pixie бесплатная, скачать вы её сможете с официального Сайта. (кликни по фото, чтобы перейти на Сайт, и скачать Pixie)

 

26-05-2015 16-43-35

 

Выберите вкладку – Как портативное приложение, и нажмите на неё, чтобы скачать программу Pixie. Программа автоматически загрузится на ваш компьютер, в папку для загруженных файлов. Значок программы выглядит вот таким образом:

 

26-05-2015 16-56-38

Чтобы запустить программу, просто кликните по ней 2 раза. У вас откроется окно программы, в окне программы отображаются параметры цвета, на который вы наведёте курсор мыши. В параметрах есть значение HTML, это как раз то что нам надо.

26-05-2015 17-03-58

Зайдите на свой Сайт, наведите курсор мыши на тот элемент, цвет которого вы хотите заменить. Программа Pixie покажет HTML-код цвета, на который вы навели курсор мыши. На примере у меня показан HTML-код Белого цвета, так же и в окошке программы отображается белый цвет.

26-05-2015 17-16-25

Скопируйте получившийся HTML-код цвета, либо запишите его куда-нибудь. Теперь зайдите в свою административную панель WordPress, и перейдите по вкладке Внешний вид – Редактор, у вас откроется для редактирования Таблица Стилей CSS.

 

26-05-2015 17-44-28

 

Затем вам нужно нажать на комбинацию клавиш Ctrl+F, справа вверху у вас откроется поле для ввода информации, в него вам нужно вставить полученный HTML-код, который вы хотите заменить. Вставьте в поле HTML-код и нажмите Enter. На странице редактирования style.css, вам будет показаны все места на вашем Сайте, где имеется данный цвет.

 

26-05-2015 17-53-48

 

Теперь вам осталось лишь выбрать желаемый цвет, скопировать его HTML-код, и вставить его вместо того цвета который вы нашли в Таблице стилей. Вот сервис где вы можете выбрать цвет для своего Сайта, и скопировать HTML-код данного цвета. (кликни по фото, чтобы попасть на Сайт)

 

26-05-2015 19-33-54

 

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

 

Header – Верх вашего Сайта, где находится меню, заголовок, логотип.

Footer – Низ Сайта.

Sidebar, vidget – Сайдбар и виджеты.

Comments – Комментарии.

Typography – Текст, шрифты.

Blog, Content – Блог, контент, основная часть вашего Сайта.

 

Хотелось бы заметить, что у разных тем названия могут немного отличаться. Смотрите в Таблице стилей style.css, для каждой части Сайта есть своё обозначение, чтобы легче было ориентироваться, и находить нужные параметры для редактирования. Приведу пример, на фото вы видите параметры стилей для низа, подвала Сайта, и для комментариев, так же там указаны HTML-цвета, которые присутствуют в этих частях Сайта.

 

26-05-2015 20-04-19

 

Итак, подводим итоги, чтобы мне хотелось посоветовать вам, экспериментируйте, действуйте, пробуйте разные варианты. Когда вы редактируете что-то в Таблице стилей, в папке style.css, то запоминайте те места, которые вы редактируете, чтобы потом можно было спокойно исправить их, если что-то не получится. Пользуйтесь Google переводчиком, или любым другим, чтобы переводить не понятные вам слова. У меня всё на этом, надеюсь данная статья оказалась для вас полезной. Удачи вам, и до новых встреч. У вас остались Вопросы? Я жду ваших комментариев!