如何为WordPress创建自定义日期按钮
当你的博客脱颖而出时,博主经常忽略的一件事是日期按钮。像定制日期按钮这样简单的东西可以真正改变您的博客设计。因此,在本文中,我们将向您展示如何为WordPress创建自定义日期按钮。
我们将从左侧显示的图像开始,并使其看起来像右侧的那个。
您可以使用我们上面使用的图像,如果您希望使用它,或创建自己的图像。
您需要做的第一件事就是打开您的style.css 文件并添加如下内容:
。datebg {
background:url(images / datebg.gif)no-repeat;
身高:173px;
宽度:173px;
}
。天{
}
。月{
}
现在您可以根据需要设置样式,也可以更改类的名称。然后你需要打开你的index.php 和 single.php 。并在模板适合的位置添加以下代码。
< div class =“datebg”>
< div class =“month”><?php the_time(’M’)?>< / div>
< div class =“day”><?php the_time(’d’)?>< / div>
< / DIV>
当你的博客脱颖而出时,博主经常忽略的一件事是日期按钮。像定制日期按钮这样简单的东西可以真正改变您的博客设计。因此,在本文中,我们将向您展示如何为WordPress创建自定义日期按钮。
我们将从左侧显示的图像开始,并使其看起来像右侧的那个。
您可以使用我们上面使用的图像,如果您希望使用它,或创建自己的图像。
您需要做的第一件事就是打开您的style.css 文件并添加如下内容:
。datebg {
background:url(images / datebg.gif)no-repeat;
身高:173px;
宽度:173px;
}
。天{
}
。月{
}
现在您可以根据需要设置样式,也可以更改类的名称。然后你需要打开你的index.php 和 single.php 。并在模板适合的位置添加以下代码。
< div class =“datebg”>
< div class =“month”><?php the_time(’M’)?>< / div>
< div class =“day”><?php the_time(’d’)?>< / div>
< / DIV>