ブログ公開[時刻]表示 | OFFのパソコン日記

ブログ公開[時刻]表示

このブログのテンプレートは、タイトルの左に記事の公開[年月日]が表示されていますが、[時刻]が表示されていませんでした。
そこで公開[時刻]が出るように変更しました。

koukaitime

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;
}