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

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

Custom Date Button for 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创建自定义日期按钮。

Custom Date Button for 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>

相关推荐

发表回复

房先生
我们将24小时内回复。
2024-04-21 21:43:32
您好,有任何疑问请与我们联系!
您的工单我们已经收到,我们将会尽快跟您联系!
[加我微信]
chaoneo
注:点击复制微信号并打开微信APP,添加好友后进行聊天。
[电话联系]
13585372227
[电子邮件]
[email protected]
取消

选择聊天工具: