wordpress网站使用Dashicons在导航菜单添加图标

Dashicons 是 WordPress 官方出台的用于wp后台设置的图标字体，免费让 WordPress 开发者使用，而且我们也可以让Dashicons 在前台显示给导航菜单添加图标，只要稍微添加一段代码。

下面我们将向您展示如何在您的 WordPress 网站中使用 Dashicons 的字体图标。Dashicons图标是可扩展的、轻量级的， 超过 300 种 SVG 格式的字体图标无需加载第三方图标库即可使用，站长可以用 CSS 进行自定义，而且不影响站点页面加载速度。

Dashicons官方地址：

https://developer.wordpress.org/resource/dashicons/

Dashicons图标启用设置：

Dashicons 图标库默认在您的 WordPress 管理仪表板中可直接使用。 如果你想让wordpress前端显示图标，则必须手动启用 Dashicons。

1、复制下面代码：

// Dashicons 前端显示 chukuangren.com
add_action( 'wp_enqueue_scripts', 'load_dashicons_front_end' ); 
function load_dashicons_front_end() { 
wp_enqueue_style( 'dashicons' ); 
}

2、外观——主题编辑器——functions文件

3、粘贴代码并保存后刷新。

网站导航添加Dashicons图标

1、打开Dashicons官方地址，然后找到我们需要的图标。

2、复制代码。

3、打开我们的网站菜单设置，粘贴代码：

保存并刷新页面，就可以看到网站前台的菜单导航显示Dashicon图标了。网站建设中我们也可以通过CSS代码调用图标进行网站美化，通过CSS/HTML 使用Dashicon。