╃苍狼山庄╃╃苍狼山庄╃

Clang出品,
必属精品!

如何为WordPress标题添加小日历效果?

第一步、用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;
}

搞定收工!

本原创文章未经允许不得转载 | 当前页面:╃苍狼山庄╃ » 如何为WordPress标题添加小日历效果?

评论

文章评论已关闭!