このブログのテンプレートは、タイトルの左に記事の公開[年月日]が表示されていますが、[時刻]が表示されていませんでした。
そこで公開[時刻]が出るように変更しました。
wp-content > themes > 使っているテーマの中
**** index.phpファイル変更 ****
<?php get_header(); ?>
<div id=”content”>
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<div class=”post” id=”post-<?php the_ID(); ?>”>
#**** ここから差替え ****
<div <span class=”post-year”><?php the_time(‘Y’) ?></span></div>
<div class=”post-date”><span class=”post-month”><?php the_time(‘M’) ?></span> <span class=”post-day”><?php the_time(‘j’) ?></span> <span class=”post-time”><?php the_time(‘G:i’) ?></span> </div>
#**** ここまで ****
<div class=”entry”>
**** style.cssファイル変更 ****
.post-date {
width: 45px;
height: 49px;
float:left;
background: url(images/date-bg.gif) no-repeat;
}
#**** ここから差替え ****
.post-year {
font-size: 13px;
text-transform: uppercase;
color: #999999;
text-align: left;
display:block;
line-height: 11px;
padding-top: 2px;
padding-bottom: 2px;
margin-left: 7px;
}
.post-month {
font-size: 11px;
text-transform: uppercase;
color: #FFFFFF;
text-align: center;
display:block;
line-height: 11px;
padding-top: 2px;
margin-left: -3px;
}
.post-day {
font-size: 15px;
text-transform: uppercase;
color: #999999;
text-align: center;
display:block;
line-height: 14px;
padding-top: 3px;
margin-left: -3px;
}
.post-time {
font-size: 10px;
text-transform: uppercase;
color: #999999;
text-align: center;
display:block;
line-height: 11px;
padding-top: 1px;
margin-left: -3px;
}
#**** ここまで ****
.entry {
float:right;
width: 438px;
}