首页
学习
活动
专区
圈层
工具
发布

WordPress 教程:在 WordPress 中如何使用 Dashicons

各个地方如何使用 Dashicons register_post_type() 中使用: 注册文章类型的时候,如果要自定义文章类型在后台左侧菜单的图标,可以指定 menu_icon 的参数为 dashicons...' ); } CSS/HTML 中使用: 也可以直接使用 Dashicons,用两种用法: 应用到现有标签,使用 dashicons-before class: dashicons-before...dashicons-smiley">笑脸 使用独立的标签,使用 dashicons class: dashicons dashicons-smiley">笑脸 所有 Dashicons 图标: 那么到底有哪些 Dashicons 图标呢?...为了方便插件或者主题开发者方便选择 Dashicons,WPJAM Basic 插件集成了 Dashicons 功能,在后台罗列出所有的 Dashicons 以及每个 Dashicon 的名称和 HTML

1.7K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    WordPress 开发之使用WordPress 3.8+后台图标(dashicons)

    Dashicons 与WordPress 3.8 Dashicons 最初是集成在MP6 插件上的,但后来独立成一个项目托管在Github上,然后就是随着MP6集成在WordPress 3.8 新后台UI...Dashicons 项目主页:http://melchoyce.github.io/dashicons/ 在WordPress 主题或插件中加入Dashicons 的图标 如果你是在开发WordPress...函数加载样式 add_action( 'wp_enqueue_scripts', 'dw_load_dashicons' ); function dw_load_dashicons() { wp_enqueue_style...Dashicons 在前端的设计上是通过 :before :after 这两个伪类来调用的,类似下面的代码: .paintbrush-link:before { font-family: "dashicons...很容易,去下载MP6 插件,然后揪出里面有关Dashicons 的资源(CSS文件、字体文件),然后在项目中引用: dashicons.css

    1.6K80

    WordPress 教程:使后台菜单图标兼容 WordPress 新的扁平化后台风格

    使用 Dashicons Dashicons 就是 3.8 带入的 WordPress 核心中的图标字体,现在 WordPress 后台所使用的图标就是 Dashicons,这些图标是基于矢量的,可以按照任意大小去缩放都不会失真...所以如果你觉得 dashicons 某个图标适合你的插件,可以直接使用,比如我的 WPJAM WordPress 插件 就是用 Dashicons 中的 cloud 图标: add_menu_page(...'WPJAM', 'WPJAM', 'manage_options', 'wpjam-basic', 'wpjam_basic_setting_page', 'dashicons-performence...'); 其中第六个 $icon_url 参数指定为:dashicons-performance 就是设置 WPJAM Basic 插件为 dashicons 中的 performance 图标。...使用 SVG 图标 如果 Dashicons 中的图标还不能满足你的需求,那么你可以使用 SVG 图片,和图标字体一样,SVG 图片也是可以任意大小缩放不失真的。

    49140
    领券