Оформление даты записи для WordPress

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

Code

Текст

1.        <div class="PostTime">
   
2.                <div class="day">php the_time('j') ?>

               

php the_time('M') ?>

               

php the_time('Y') ?>

       

• class=»PostTime» – класс служит для оформление бокса даты
• class=»day» – класс служит для оформление дня даты
• class=»month» – класс служит для оформление месяца даты
• class=»year» – класс служит для оформление года даты

• – выводит день (в числовом формате)
• – выводит месяц первые три буквы (если хотите чтобы полностью писал месяц замените букву M на F)
• – выводит год (в числовом формате)

2) Подготавливаем бэграунд картинку, у меня вот такая

3) И пишем css правила для файла style.css

Code

Текст

1. .PostTime {
   
2.      padding: 0px;
   
3.      margin: 0px;
   
4.      background: url(images/PostTimeBkg.gif) no-repeat;
   
5.      height: 71px;
   
6.      width: 67px;
   
7.      text-align: center;
   
8.      color:#fff;
   
9. }
   
10. .PostTime div {
    
11.      display: block;
    
12.      line-height: 9px;
    
13.      font-family: 'Verdana';
    
14. }
    
15. .PostTime .day {
    
16.      font-size: 16px;
    
17.      line-height: 18px;
    
18.      letter-spacing: -1px;
    
19.      padding-top: 20px;
    
20.      font-family: 'Arial';
    
21. }
    
22. .PostTime .month {
    
23.      font-size: 10px;
    
24.      text-transform: lowercase;
    
25. }
    
26. .PostTime .year {
    
27.      padding-top: 7px;
    
28.      font-weight: normal;
    
29. }
    

Этот пример я взял с моего style.css файла, для вашего оформление наверное прийдеться немного его подправить.
Источник http://ajaxblog.ru/68