为WordPress自定义文章类型增加Dashicons图标

开始这篇文章之前,我们先来认识下WordPress自3.8+以后引入的一套全新的字体图标 Dashicons。

20160509131103

上图中箭头所指的就是今天小雨要给大家浓墨重彩介绍的字体图标 Dashicons

以添加自定义公告为例:

我们只需要添加下面代码到新建php文件中引用即可创建一个公告:

上述代码中的

就是我们设定的Dashicons图标,效果如下图。如果去掉这行的话,图标默认和文章的图标一样。

20160509131754

想获取其他的Dashicons图标?点击前往→Dashicons 主页

20160509132102

好了教程结束,其实不设置这个也没啥关系,只是小雨有一些强迫症,觉得公告的那个图标和文章的图标如果一样,看着很不爽,这样小雨觉得眼前都亮了。

2016-5-11补充更新

为了让这篇文章成为一个完整的教程,小雨还是说下怎么调用上文自定义的公告文章类型吧:

其中的"5"为调用显示条数,"70"为调出内容的字符数,这两个参数可根据自己的情况设置。

 css分享

公告前台滚动显示js分享

注:其中,第4行的".list"是调用代码中,ul标签的class样式;第12行的".sitediv"是包裹ul的div标签的class样式。

AD:站点文章对你有帮助,可以选择去百度口碑好评下,还可以点击此处

赞 (2) 口碑
分享到:更多 ()

评论 3

评论前必须登录!

  1. 114微部落博客大全
    可以开发主题模板了