第一步、用photoshop等图形处理工具制作一个小日历效果的图标,一般为45*50,这个根据自己主题而定,上传到主题下的图片文件夹。
第二步、用EditPlus打开你所启用的主题的index.php文件。(ps:每次写文章,都要提到这一步,因为这步涉及到wordpress的编码问题,不得马虎。)找到标题这一行:
在这一行前插入以下代码:
-
这两行的含义请参考:wordpress中如何调用时间及时间格式汇总
第三步、接下了就是通过强大的css来控制这个能够让你的页面焕发盎然生机的WordPress标题小日历效果了。打开主题style.css,在其中加入一下代码:
/*标题日历图标*/
.contentdate {
background: #FFFFFF url(img/date.gif);
background-repeat: no-repeat;
float: left;
width: 40px;
height: 45px;
margin-right: 3px;
padding: 0px;
}
.contentdate h3 {
color: #FFFFFF;
font-size: 11px;
font-weight: normal;
padding-top: 2px;
text-align: center;
margin: 0px;
text-transform: uppercase;
}
.contentdate h4 {
color: #999999;
font-size: 18px;
font-weight: bold;
padding-top: 5px;
margin: 0px;
text-align: center;
}
搞定收工!