【问题标题】: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 日期函数相同的格式:

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

    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 进行样式设置..

    希望对您有所帮助..

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2012-04-23
      • 2019-06-17
      • 2021-04-01
      • 2019-02-19
      • 1970-01-01
      • 1970-01-01
      • 2017-10-03
      • 1970-01-01
      相关资源
      最近更新 更多