Часто начинающему блогеру приходится «мудрить» с настройками темы до умопомрачения. Знаний минимум, а хочется сделать блог привлекательней. И не все темы поддаются грамотной правке… без навыков.
Сегодня выкладываю минимальный css хак стилизации стандартного виджета календаря WordPress. А дальше — украшайте сами, по мере поступления идей…
И так. В стандартном виджете календарь прописан в файле general-template.php который находится по адресу: /wp-includes/general-template.php. Открываем блокнотом файл (лучше использовать Notepad++), находим строку $calendar_output = '
и меняем ширину календаря, согласно ширине своего сайдбара или, если календарь предполагается поместить в виджет футерафутера, то по ширине колонки виджета футера. Кстати, чтобы долго не рыскать по файлу в поисках строки, в меню Notepad’е есть такая кнопочка, как «Поиск«. Жмем на нее и видим это….
Далее: выбираем строку «Поиск по мере набора» — кликаем и внизу-слева блокнота появляется текстовое поле. Копирум код, который нужно найти (в нашем случае — $calendar_output = '
) и вставляем в поле. Не пройдет сотой доли секунды, как найденная строка подсветится.
Как видите, там есть стиль — ширина виджета календаря 224px. (у Вас может быть другая величина). Пропишите вместо указанной свою ширину, сохраните файл и посмотрите результат. Все будет так, как Вам нужно! Но при такой правке шаблона есть один маленький нюанс: при обновлении движка настройки слетят. Чтобы такого не случилось (при условии, если Вы часто обновляете движок, согласно настойчивым пожеланиям разработчиков) можно просто прописать в файл стилей темы не только ширину календаря, да и еще отображение красным цветом текущей даты:
|
|
#wp-calendar { width:224px: } #wp-calendar #today { color: red; text-decoration:bold; } |
Вот и все… на сегодня, а вообще-то можно еще многое сделать в плане стилизации календаря. К примеру можно поместить в цветной круг текущую дату, можно сделать ее ссылкой куда угодно, можно в прозрачный квадрат с рамкой… Но это уже на Ваше усмотрение.
Да, кстати — не забудьте в css коде поменять 224px на свою величину…
Удачи и… до новых встреч!
Понравился сайт или статья? Поделитесь с друзьями, кликнув по соответствующей кнопке!
Комментарии к статьям разрешены только авторизованным пользователям.
Пожалуйста зарегистрируйтесь или войдите, используя свой логнн.
Посетители сайта
Блуждали по сайту сегодня:
66 Смотрят страницу: 1 ( 1 гость)
Загрузка...
