Как изменить цвет в шаблоне блога
Несмотря на то, что существует миллион готовых шаблонов для блогов WordPress, среди которых есть и очень оригинальные, все равно хочется что-то там подкрутить, подправить и сделать свой блог не похожий на другие.
Самый простой способ – изменить цвет фона разных частей блога. Для этого нужно слегка подредактировать фай стилей в шаблоне оформления. Как изменить цвет в шаблоне блога я рассказываю в этом видеоуроке:
Вы можете скачать этот видеоурок и посмотреть его на своем компьютере с лучшим качеством изображения.
Марина,пыталась поменть цвет шапки на красный
как сказано в уроке-навела курсор-определила что этот элемент называется header, зашла в файл css и поменяла цвет background
результат такой-при загрузке сайта-красный цвет быстро мегает-потом снова серый появляется….почему так?
Давно искал подобное руководство, спасибо твоему блогу за такой материал. Ещё бы хотел узнать, как снять в шаблоне выделение ссылок синим цветом. Т.е не сам текст ссылки, а поле вокруг ссылки.
Ссылка задается элементом A, но поле вокруг нее может задавать и более “старший” элемент, например, заголовок или список. Нужно так, как я показывала в уроке http://marina-makarova.info/?p=117 определить, какой именно элемент имеет background синий и убрать этот цвет. Если подсветка появляется при наведении мыши, то поищи такую запись в CSS:
a hover: ….
hover – обозначает состояние элемента при наведении на него мыши.
А общий фон шаблона каким образом можно изменить? Вот у меня он на данный момент серый, хотелось бы поставить белый.
А каки образом меняется общий фон блога? У меня он на данный момент серый а мне нужен белый)
maks, Вам нужно в админке блгога в правом меню найти команду ВНЕШНИЙ ВИД, а в ней подкоманду РЕДАКТОР. Там нужно открыть файл стилей style.css в нем нужно найти запись типа этой:
body {
background: #507803 url(images/background.jpg) ;
Измените код серого цвета на белый: #ffffff
фона может быть задан и с помощью картинки – или удалите ее url(images/background.jpg) или замените на свою
Не забудьте поменять права доступа к файлу стилей. Читайте о них здесь:
http://marina-makarova.info/?p=109
Здравствуйте Марина! Очень доступно ихъясняетесь, спасибо
У меня есть вопрос не конкретно по этой теме (надеюсь он близко стоит).
Такая ситуация: У меня блог на Вордпрессе (на бесплатной основе). Возможно ли изменить цвет ссылок в правой части блога (категории, архивы, последние записи и тд)
И ищё вопрос (этот уже более отдалённый)
Если у меня блог на бесплатной основе (с припиской wordpress в адресе), возможно ли перейти когда-нибудь на платную основу, ну и чтоб приписка исчезла при этом? Или может это я ерунду какубю-нибудь говорю
Буд благодарен за помощь.
Если вы хотите перейти на платный хостинг, то это лучше сделать как можно быстрее. Вы ведь пишете статьи и поисковые системы их индексируют и направляют посетителей к вам. если вы создадите блог на платном хостинге, то нужно будет некоторое время, чтобы он проиндексировался. Поэтому чем меньше у вас пока информации на блоге, тем безболезненней пройдет этот процесс.
А что касается изменения цвета ссылок, то это зависит от того есть ли у вас доступ к файлу стилей оформления блога style.css. По идее должен быть и в нем нужно найти записи,относящиеся к ссылкам и поменять в них цвет, как показано в уроках на моем блоге.
Добрий день, Марина.
В мене блог на Вордпресі, не знаю яким чином та маю велике бажання змінити
- колір бокової панелі,
- колір зовнішньої частини ресурсу (те що у Вас на сайті зеленого кольору)
Дякую Вам за Ваші попередні рекомендації.
Сприятливих Вам обставин та позитивних емоцій,
з повагою Ігор.
Здравствуйте, Игорь.
Чтобы поменять цвет фона блога (колір зовнішньої частини ресурсу), нужно в файле style.css найти свойства для элемента body. Они могут выглядеть приблизительно так:
body {
background:#507803 url(images/background.png) repeat-x 0 0;
width:1170px;
margin:0 auto;
font:normal 12px Georgia,”Times New Roman”,”Bitstream Charter”,Times,serif;
color:#4a483d;
}
То, что выделено жирным, и отвечает за цвет фона. Здесь #507803 – код цвета фона, а url(images/background.png) repeat-x 0 0; говорит о том, что есть еще и картинка, которая повторяется только по горизонтали ( repeat-x )
Найдите подобную запись у себя и замените цвет на тот, что вам нужно.
Чтобы найти элемент, отвечающий за боковую колонку, посмотрите мой урок А что там внутри? http://marina-makarova.info/?p=117
Так вы сможете найти имя для элемента div, который содержит боковую колонку и уже в нем – свойства цвета.
Добрий день, Марина.
Перш за все висловлюю Вам свою вдячність за Ваші відгуки.
Марина, хочу дізнатися щодо оптимізації ресурсу під браузери….(зображення даного сайту в експлорері бажає кращого).
Спасибо, Игорь
Шаблон этого блога просто довольно широкий – 1170 пикселей по горизонтали. Именно это, скорее всего, и вызывает у вас неудобства. Потому что на моем компьютере во всех браузерах блог выглядит одинаково.
Спасибо за пост. Шаблоны для Вордпресс в сети выложены пачками, но всё равно хотелось бы что нибудь своего, эксклюзивного. Марина, а не могли бы вы сделать пост о русификации англоязычных шаблонов? Было бы просто здорово!
Русификацией шаблонов я никогда не занималась
Обратитесь к Гудвину – он делает это профессионально и выкладывает у себя на блоге совершенно бесплатно. Шаблоны для всех своих блогов я брала именно у него.
Здравствуюйте! Я создала 2 блога, этот православный третий, ну никак не могу совладать с цветами, подбираю рекламу уже день 5-й и в цвет попасть не могу, а тему менять ой как не хочеться!
У Вас очень качественный сайт и очень нужный! Я просмотрела видио, но вот у меня 8-я версия эксплоера, но я там не нашла Средства разработчика, только средства обозревателя. Может это где в настройках есть?
В InternetExplorer средства разработчика можно открыть кнопкой F12 на клавиатуре. А вообже они находятся в верхнем правом углу в группе команд Сервис.
У меня на блоге, в этой статье http://marina-makarova.info/?p=190 , вы можете скачать программку Rule, с помощью которой тоже можно легко определить цвет любого элемента на экране компьютера.
Здравствуйте ещё раз Марина. У меня возник вопрос. Как расширить обычный шаблон во всю ширину браузера? Спасибо.
Обычно шаблон блога делается на основе элементов div- это так называемая “дивная верстка”. Суть ее заключается в том, что для всех элементов – шапки, боковых колонок, области для вывода статей и т.п. устанавливаются четкие размеры, особенно ширина. Если вы измените общую ширину шаблона, то вся красота может просто “поплыть”, т.е. все элементы будут не на своих местах. Хотя и не обязательно.
Если это вас не пугает, то попробуйте в файле style.css изменить ширину для общего шаблона.
Обычно она задается в самом начале шаблона для элемента body (но тоже могут быть разные варианты – некоторые авторы шаблонов добавляют еще и дополнительные div’ы для формирования основной части блога):
body {
background:#507803 url(images/background.png) repeat-x 0 0;
width:1170px;
margin:0 auto;
font:normal 12px Georgia,”Times New Roman”,”Bitstream Charter”,Times,serif;
color:#4a483d;
}
Попробуйте, может у вас получится
А потом напишите плз о результатах.
привет Марина.!
Мне очень нужна ваша помошь всвези с моим блогом.
Я поставила в блог дизайн со слайдшовом.
у меня такой вопрос,как поменять картинки в слайде?
Вот можете посмотреть: http://www.lifewithdemy.blogspot.com
Я бы посмотрела ролик,только он у меня не показывает(
Здравствуйте, Деми!
Что-то давно не заходила на блог и поэтому не ответила сразу. Сейчас посмотрела ваш сайт – слайд-шоу работает