Как быстро заработать в Интернет и, якобы, (простите за прямоту) Вам ни хрена не придется делать - сегодня советчиков пруд-пруди. Но, как гласит народная мудрость: Дешевый сыр только в мышеловке...

Стилизуем календарь WordPress без плагинов

Пост № 140 от 24 марта 2016 | Категория: Design, WEB мастеру, Новости | Комментариев нет

Часто начинающему блогеру приходится «мудрить» с настройками темы до умопомрачения. Знаний минимум, а хочется сделать блог привлекательней. И не все темы поддаются грамотной правке… без навыков.

Сегодня выкладываю минимальный 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;
}

#wp-calendar {

width:224px:

}

#wp-calendar #today {

color: red;

text-decoration:bold;

}

Вот и все… на сегодня, а вообще-то можно еще многое сделать в плане стилизации календаря. К примеру можно поместить в цветной круг текущую дату, можно сделать ее ссылкой куда угодно, можно в прозрачный квадрат с рамкой… Но это уже на Ваше усмотрение.

Да, кстати — не забудьте в css коде поменять 224px на свою величину…