如何在 Wordpress 中自定义日期戳的外观？答案

【问题标题】：How to customize the appearance of datestamp in Wordpress?如何在 Wordpress 中自定义日期戳的外观？
【发布时间】：2012-12-02 06:20:46
【问题描述】：

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

该网站位于 Wordpress 中。帖子左侧的日期戳看起来非常普通。我想把它转换成下面的样式：

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

我正在使用以下 php 代码作为日期戳：

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

但我不确定如何设置它的样式。

请有 Wordpress 知识的人帮忙？

谢谢！！

【问题讨论】：

标签： php html css wordpress

【解决方案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 设置字体等样式。

【讨论】：

谢谢 :) 但是如何分别设置 PHP 代码中的各个元素的样式，例如 Month、Date 和 Day（例如使用？）我不知道如何将 html 与 PHP 代码一起使用。 ..只是想让这3个元素有不同的风格
查看编辑，我把你弄到一半了，你只需要添加适当的 CSS。
好吧，我用了这个：" 。 the_time('j') 。 '' 。 the_time('M') 。 '
' 。 the_time('Y') 。 '
'; ?> 但它给出错误 Parse error: syntax error, unexpected T_STRING, expecting ',' or ';'

对不起，我注意到了错字，并在我的帖子中修复了它，你在我之前复制了它。只需使用当前编辑。

感谢 cryptic :) 它有效，但对您提供的代码进行了少量定制：

现在有了 CSS，我可以完成剩下的工作，而且效果非常好！ :) 谢谢你的那段代码

【解决方案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 进行样式设置..

希望对您有所帮助..

【讨论】：