Новые плагины, виджеты и CSS.
Часто бывает так, что при подключении новых плагинов в и виджетов возникает острое желание как-то оформить выводимую ими информацию в соответствии со стилистикой блога (ну или с тем, что Вы подразумеваете под этим понятием …). «Ну и таблица стилей CSS Вам в помощь» – скажете Вы и будете абсолютно правы. Только одно «но» – осталось выяснить, как автор плагина или виджета обозвал классы и ID в своём коде. Чем мы, собственно, управлять будем ?
Можно поискать в файле «имя_плагина.php», но зачастую быстрее будет просто посмотреть исходный код страницы. Любой популярный браузер позволяет это сделать (насчёт непопулярных не знаю – никогда не пользовался). У Firefox и Opera «Вид»,»Исходный код страницы» и «Исходный текст» соответственно, а у IE7 -»Источник» (как романтично…).
Ищем в «портянке » исходника участок нужного нам кода, ориентируясь по ключевым словам (удобно поиском воспользоваться) или по другим признакам. Ищем строки типа «div class=«wp-pagenavi»» (плагин PageNavi). Так, хорошо – класс есть. Добавляем в CSS » (просто как пример) :
.wp-pagenavi
{
font-size:12px;
text-align:right;
}
Или для виджета «Календарь», например. В исходнике находим ID :
li id=«calendar» и div id=«calendar_wrap»
В таблице CSS соответственно :
#calendar
{
font-size:12px;
другие команды CSS;
}
#calendar_wrap
{
font-size:11px;
другие команды CSS;
}
Желательно, конечно прочитать и крепко усвоить книжку по CSS (или хотя бы держать на столе справочник), но, если в дебри неохота залезать или времени нет, можно пользоваться и таким методом, чтобы в свежеустановленом плагине или виджете хотя бы поменять размер и цвет шрифта по-быстрому, например…