为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) 口碑
分享到:更多 ()

本文共有2人发表了自己的想法,下一个就是你!

评论 3

表情 签到
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. 114微部落博客大全
    可以开发主题模板了回复

本站能为你提供什么?

从这里开始使用WordPress

快速认识WordPress,熟悉WordPress,掌握WordPress。

选择更好用的模板主题

海量的WordPress主题模板供应下载,搭建网站更加轻松、便捷!

让您的网站更安全可靠

在这里,可以了解更多关于网站安全方面的常识问题,做个攻不可破的webmaster

让您的网站更符合你的需求

学习技术教程,自己也能改网站,学前端,做设计,成为一名WEB开发者