如何在Wordpress中自定义时间戳的外观？

Question

请查看此网站：http://vabbie.com/

该网站使用的是Wordpress。帖子左侧的日期戳非常通用。我想将其转换为以下样式：

数字部分很大并且在左侧是无关紧要的。 “十月”部分是华侨城，2012年低于它。

我正在使用以下用于datestamp的php代码：

<div id="time"><?php the_time('F j, Y') ?></div>

但我不确定如何设计它。

任何有Wordpress知识的人都可以帮忙吗？

谢谢！

Answer 1

它使用与PHP日期函数相同的格式：

• http://us2.php.net/manual/en/function.date.php

查看格式表并选择合适的字符以获得所需的输出。

echo '<div id="time"><span>' . the_time('j') . '</span><span>' . the_time('M') . '<br />' . the_time('Y') . '</span></div>';

为了让你开始= o）只需设置SPAN样式，使其浮动到侧面，然后使用CSS设置字体等样式。

Answer 2

这里是代码，以及CSS

<style>
.post-date {
    float:left;
    font-size: 30px;
    margin:5px;
    color: #999;
    font-weight:bold;
}
.post-monthyear {
    float:left;
    font-size: 14px;
    line-height:12px;
    color: #999;
    border-right: 1px solid #999;
    margin-right: 5px;
    padding-right: 10px;
}
</style>    
<div class="post-date"> <?php echo the_time('j') ?> </div>
<div class="post-monthyear"><?php echo the_time('M') ?> <br/><?php echo the_time('Y') ?> </div>

标签周围是CSS，你可以在index.php上包含，也可以粘贴到css文件。只需使用CSS进行样式设计..

希望有所帮助......