php - 如何在 Wordpress 中自定义日期戳的外观？

Question

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

该网站在 Wordpress 中。帖子左侧的日期戳看起来非常普通。我想将其转换为以下样式：

数字部分很大并且在左侧缩进。“10 月”部分是 OCT 和下面的 2012 年。

我正在为日期戳使用以下 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 进行样式设置..

希望有帮助..