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

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

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

	<div class="PostTime">
		<div class="day"><?php the_time('j') ?></div>
		<div class="month"><?php the_time('M') ?></div>
		<div class="year"><?php the_time('Y') ?></div>
	</div>

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

• <?php the_time(‘j’) ?> – выводит день (в числовом формате)
• <?php the_time(‘M’) ?> – выводит месяц первые три буквы (если хотите чтобы полностью писал месяц замените букву M на F)
• <?php the_time(‘Y’) ?> – выводит год (в числовом формате)

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

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

.PostTime {
      padding: 0px;
      margin: 0px;
      background: url(images/PostTimeBkg.gif) no-repeat;
      height: 71px;
      width: 67px;
      text-align: center;
      color:#fff;
}
.PostTime div {
      display: block;
      line-height: 9px;
      font-family: 'Verdana';
}
.PostTime .day {
      font-size: 16px;
      line-height: 18px;
      letter-spacing: -1px;
      padding-top: 20px;
      font-family: 'Arial';
}
.PostTime .month {
      font-size: 10px;
      text-transform: lowercase;
}
.PostTime .year {
      padding-top: 7px;
      font-weight: normal;
}

Этот пример я взял с моего style.css файла, для вашего оформление наверное прийдеться немного его подправить.