现在位置: 首页 > 网络资讯 > 正文
A+

WordPress后台自定义文章类型菜单添加自定义图标

6个月前 网络资讯 81 5

wordpress自定义文章类型的后台管理菜单图标默认和文章使用的是同一个Dashicons字体图标,那么如果想给自定义文章类型的管理菜单使用其它Dashicons字体图标怎么办?创建自定义文章类型的函数register_post_type提供了menu_icon参数,通过该参数就可以直接使用任意的一个Dashicons字体图标。

操作步骤:

1、点击下面的网址进入wordpress官方Dashicons主页:

2、选择一个自己比较满意的图标:

 

3、点击要使用的图标,然后复制图标名称:

4、在创建自定义文章类型的register_post_type函数代码中添加menu_icon参数,如下:

(以我主题的公告代码为例)

Code   ViewPrint
  1. add_action('init', 'bull_post_type');
  2. function bull_post_type() {
  3.     register_post_type( 'bull_type',
  4.         array(
  5.             'labels' => array(
  6.                 'name' => '公告',
  7.                 'singular_name' => '公告',
  8.                 'add_new' => '添加',
  9.                 'add_new_item' => '添加',
  10.                 'edit_item' => '编辑',
  11.                 'new_item' => '新公告'
  12.             ),
  13.         'public' => true,
  14.         'has_archive' => false,
  15.         'exclude_from_search' => true,
  16.         'menu_position' => 8,
  17.         'supports' => array( 'title'),
  18.         'menu_icon' => 'dashicons-controls-volumeon'
  19.         )
  20.     );
  21. }

代码参数可能会有差异,注意menu_icon参数的位置即可。

5、保存代码后,后台的自定义文章类型的管理菜单图标就会变成设置的字体图标,如下图:

扩展

Dashicons字体图标是专门为wordpress 3.8+版本后台管理菜单设计使用的一套开源字体图标,除了被官方应用外,开发者也可以在前端或后台自由使用。

发表评论

评论列表 ( 有 81 次浏览 和 5 条评论 其中 访客有 3 条 博主有 2 条 )
  • fy 谷歌浏览器 Windows 7
    地板
    回复
    2个月前

    电商专用快递网站,空包网,单号网www.danhw.com

  • 林三 谷歌浏览器 Windows 7
    板凳
    回复
    3个月前

    有意思的细节哇!

    • 锋言锋语作者 谷歌浏览器 Windows 7
      1层
      回复
      3个月前

      回复@林三 谢谢!

  • Action 谷歌浏览器 Windows 10
    沙发
    回复
    6个月前

    新增板块的时候可以用得上。

    • 锋言锋语作者 谷歌浏览器 Windows 10
      1层
      回复
      6个月前

      回复@Action 嗯,这个值得收藏!

搜索