Php 如何在Wordpress中自定义邮戳的外观?

Php 如何在Wordpress中自定义邮戳的外观?,php,html,css,wordpress,Php,Html,Css,Wordpress,请浏览本网站: 网站在Wordpress中。邮局左边的邮戳看起来很普通。我想将其转换为以下样式: 数字部分很大,在左侧独立。“十月”部分是十月,下面是2012年十月 我使用以下php代码作为日期戳: <div id="time"><?php the_time('F j, Y') ?></div> 但我不知道如何设计它 任何有Wordpress知识的人都可以帮忙吗 谢谢 它使用与PHP日期函数相同的格式: 检查格式表并选择适当的字符以获得所需的输出

请浏览本网站:

网站在Wordpress中。邮局左边的邮戳看起来很普通。我想将其转换为以下样式:

数字部分很大,在左侧独立。“十月”部分是十月,下面是2012年十月

我使用以下php代码作为日期戳:

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

但我不知道如何设计它

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


谢谢

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

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

echo '<div id="time"><span>' . the_time('j') . '</span><span>' . the_time('M') . '<br />' . the_time('Y') . '</span></div>';
echo“”。_时间('j')。'。_时间('M')。'
。_时间('Y');

首先,设置跨距的样式,使跨距向一侧浮动,然后使用CSS设置字体等样式。

以下是代码和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>

.邮寄日期{
浮动:左;
字体大小:30px;
保证金:5px;
颜色:#999;
字体大小:粗体;
}
月后{
浮动:左;
字体大小:14px;
线高:12px;
颜色:#999;
右边框:1px实心#999;
右边距:5px;
右边填充:10px;
}

标签周围是CSS,您可以将其包含在index.php中,也可以粘贴到CSS文件中。只需使用CSS进行样式设置


希望对您有所帮助。

谢谢:)但是我如何分别设置PHP代码中的各个元素的样式,如月份、日期和日期(如使用?)我不知道如何将html与PHP代码一起使用。。。只是想让这3个元素具有不同的样式请参见编辑,我已经做了一半,您只需要添加适当的CSS。好的,我使用了这个:但它给出了错误解析错误:语法错误,意外的T_字符串,预期为','或';'很抱歉,我注意到了拼写错误,并在我的帖子中修复了它,你在我之前复制了它。只需使用当前的编辑。谢谢你的神秘:)它工作了,但是对你提供的代码进行了一个小小的定制:现在有了CSS,我就可以完成其余的工作了,它工作起来很有魅力!)谢谢你的代码