Снимаю перед Вами шляпу, мои дорогие читатели.

Случается так, что попадаются темы оформления для без предустановленного календаря. Мне кажется, что календарь нужен на каждом блоге и не только на блоге. Я, например, уже в каждом декабре начинаю закупаться разными календарями для дома, офиса, дачи, машины. В офисе вешаю календари для посетителей один и для себя – два настенных и один настольный.

Итак нам попалась тема без календаря. Чтобы его туда установить много ума не надо. Существует в WordPress стандартная .

<?php get_calendar (); ?>/*—Стандартная функция вызова календаря в WordPress --*/

Наша цель «внедрить» эту функцию в сайдбар (боковую панель) блога. Для этого открываем в каталоге темы файл sidebar.php и вставляем функцию вызова календаря в любое место. Но это годится для случая, если тема не поддерживает виджеты, а такое случается не очень часто. Большинство блогеров не стали бы устанавливать на свой блог тему без виджетов, потому что любому хочется добавить в свое детище что-то свое, как-то видоизменить стандартное представление темы.

Для того, чтобы вставить PHP код в боковую панель темы, которая поддерживает виджеты, скачиваем плагин «Daiko's Text Widget», с помощью которого можно поместить в виджет любой код от HTML до JavaScript, не говоря уже о PHP.  Вставляем функцию вызова календаря WordPress в виджет, образованный плагином «Daiko's Text Widget», проверяем, и видим… полнейшую ерунду в виде собранных в кучу циферок и буковок. Но не волнуйтесь, здесь все еще проще. Надо отформатировать наш новый календарь с помощью каскадных таблиц стилей или, в простонародии, CSS.

Для этого пропишите в файле style.css новые правила для вашего календаря, а в виджете заключите функцию вызова календаря в соответствующие теги.

Вот, например, такое оформление задал я своему календарику, вставьте его в конец текста файла style.css, находящегося в каталоге темы Вашего блога:

# {
border-collapse:collapse;
margin:0;
padding:0;
font-family: Verdana, Arial, Helvetica, sans-serif;
width: 100%;
}
#wp-calendar caption {
padding-top:3px;
padding-bottom:6px;
text-align:left;
font: bold 14px Georgia, «Times New Roman», Times, serif;
}
#wp-calendar td {
text-align:center;
padding-top:2px;
padding-bottom:2px;
border:1px solid #F0F0EC;
line-height:15px;
}
#wp-calendar th {
background-color: #D2D2C6;
border: 1px solid #D2D2C6;
}
#wp-calendar tbody {

}
#wp-calendar tbody a {
font-weight:bold;
color:#000000;
background-color:#D2D2C6;
text-decoration:none;
display:block;
border-style:none;
margin:0;
padding:0;
}
#wp-calendar tbody a:hover {
font-weight:700;
color:#FFF;
background-color:#2A2A2A;
text-decoration:none;
border-style:none;
margin:0;
padding:0;
}
#wp-calendar tfoot a:hover {
background-color:#D2D2C6;
text-decoration:none;
color: #000000;
}
#wp-calendar tfoot a {
display:block;
padding:2px 0;
}

Вы можете просто скопировать эти правила и отредактировать их, а если Вы не владеете CSS, то воспользуйтесь визуальным редактором правил CSS, таким, например, как, «Rapid CSS». Таким образом, если Вы воспользуетесь моими правилами CSS, то функцию вызова календаря для WordPress в виджете «Daiko's Text Widget» Вам необходимо будет окружить тегами <div id="wp-calendar"></div> следующим образом:

<div id="wp-calendar">/*—Начало тега форматирования календаря --*/

<?php get_calendar (); ?>/*—Стандартная функция вызова календаря в WordPress --*/

</div>/*—Конец тега форматирования календаря –*/

Желаю удачи в деле переделывания тем для WordPress, я этим занимаюсь постоянно, каждый день давая себе слово о том, что больше ничего доделывать не буду.

Кстати есть готовый плагин «Ajax Calendar» с календарем на технологии Ajax, но он мне что-то не очень понравился. Попробуйте сами.

Закладки:, , ,

Связанные записи: