如何在Wordpress日期函数中为月份和年份的样式提供单独的类？

Question

I'm in wordpress, trying to format the date output. This is the code I'm using at present:

<div class="date"><?php the_date('M, Y'); ?></div>

It's output looks like this:

MAY, 2010

What I want to do is have the date display like this (The month on top of the year):

MAY

2010

I'm just not familiar enough with PHP to get things working. A simple line break wouldn't quite be sufficient because I want to play with sizing, placement of each separately (month text larger than the year text, both centered, etc.). Separate classes applied to each would be ideal.

Answer 1

<div class="date">
  <span class='month'><?php the_date('M');?></span>
  <span class='year'><?php the_date('Y'); ?></span>
</div>

You can then set the spans to display: block if you want them to each be on their own line:

<style type='text/css'>
  .date span { display: block ; } 
</style>