如何为WordPress创建自定义日期按钮

当你的博客脱颖而出时,有一件事是博主们经常忽略的,那就是日期按钮。像定制日期按钮这样简单的东西真的可以让你的博客设计与众不同。因此,在本文中,我们将向您展示如何为WordPress创建一个定制的日期按钮。

我们将从左边的图像开始,并使它看起来像右边的图像。

如果您希望使用上面的图像,您可以使用我们正在使用的图像,或者创建您自己的图像。

你需要做的第一件事是打开你的style.css文件,添加如下内容:

.datebg{
background: url(images/datebg.gif) no-repeat;
height: 173px;
width: 173px;
}
.day{
}
.month{
}

现在,您可以随意设置样式,还可以更改类的名称。然后需要打开index.php和single.php。并在模板适合的地方添加以下代码。

<div class="datebg">
<div class="month"><?php the_time(’M’) ?></div>
<div class="day"><?php the_time(’d’) ?></div>
</div>

确保您更改了样式以适应您的需要,现在你应该有一个定制的日期的形象。