Styling entry_date

  • Hi,

    I want to style the date of the post in a box like below with a background color:
    Dec
    31
    2011

    I have read many forums that say use some php lines like:

    <div class="date-month"><?php the_time('M'); ?></div>
        <div class="date-day"><?php the_time('d'); ?></div>
        <div class="date-year"><?php the_time('Y'); ?></div>

    But I am not sure where I should put this piece of code. In loop.php or function.php? and do I have to substitute any other piece of code?
    I am using twentey-ten theme and I found this code in function.php that last line seems to be responsible for outputting the date:

    [please use the code button to mark your code and to keep from getting distorted – see https://codex.www.ads-software.com/Forum_Welcome#Posting_Code ]

    function twentyten_posted_on() {
	printf( __( '<span class="%1$s">Posted on</span> %2$s <span class="meta-sep">by</span> %3$s', 'twentyten' ),
		'meta-prep meta-prep-author',
		sprintf( '<a href="%1$s" title="%2$s" rel="bookmark"><span class="entry-date">%3$s</span></a>',
			get_permalink(),
			esc_attr( get_the_time() ),
			get_the_date()
		),

    Does anybody know what to do for this please?

Viewing 4 replies - 1 through 4 (of 4 total)

  • how do you want the rest of the ‘posted on’ line to look like?

    the code changes will depend on the total layout of that line.

    Thread Starter Helen-kh

    (@helen-kh)

    I am deleting or use display:none for the rest of the line. I only want to keep the date for now.
    well, I found this code to add to the get_the_date, and style each part somehow.

    get_the_date(‘<\s\p\a\n \c\l\a\s\s=”\m\o\n\t\h”>M</\s\p\a\n><\b\r /><\s\p\a\n \c\l\a\s\s=”\d\a\t\e”>j</\s\p\a\n><\b\r /><\s\p\a\n \c\l\a\s\s=”\y\e\a\r”>Y</\s\p\a\n>’)
    ),
    It seems a bit messy but it works. Is there a better and professional way to do this?
    I am also open to codes which keep the rest of posted on line, cause you never know if you change your mind again.

    Thanks a lot!

    this would also work:

    function twentyten_posted_on() {
	printf( __( '<span class="%1$s">Posted </span> %2$s <span class="meta-sep">by</span> %3$s', 'twentyten' ),
		'meta-prep meta-prep-author',
		sprintf( '<a href="%1$s" title="%2$s" rel="bookmark"><span class="entry-date">%3$s%4$s%5$s</span></a>',
			get_permalink(),
			esc_attr( get_the_time() ),
			'<span class="date-month">'.get_the_date('M').'</span>',
        	'<span class="date-day">'.get_the_date('d').'</span>',
        	'<span class="date-year">'.get_the_date('Y').'</span>'
			),

    and this would ‘hide’ the ‘Posted by author’:
    .meta-prep, .entry-meta .author, .entry-meta .meta-sep { display:none; }

    Thread Starter Helen-kh

    (@helen-kh)

    Thank you so much ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Styling entry_date’ is closed to new replies.