这发生在每个人身上。

你找到了一个你喜欢的主题，你安装了它，并花了几个月时间享受你的网站的外观。 但是，几个月后，这个主题开始感到陈旧。 有点无聊。

唯一的问题是，你不想花几个小时去寻找新的东西。 如果有一种方法可以为你的主题添加一点香料，一点闪光点，使它脱颖而出，那就好了。

在你绝望地举起双手之前，让我告诉你一个简单的方法，不用太费力气就能为你的主题增色，也不用添加不必要的图片，以免拖慢你的网站。

进入Dashicons。 Dashicons是在WordPress 3.8中引入的字体图标。 它们是你在登录到你的仪表板时看到的那些很棒的、很酷的图标。 如果你能把它们也添加到你的主题中，那不是很酷吗？

嗯，你可以，我将告诉你如何做。

如何在你的导航菜单中使用Dashicons？

让我们从一个简单的例子开始。 从3.8版开始，Dashicons已经包含在WordPress中了，但是你仍然需要包含它们，以便让它们正确地显示在你的网站的前端；也就是说，你的主题。

第1步：让你的主题Dashicons做好准备

要使你的主题Dashicons准备好，首先要打开你的functions.php文件（在Appearance>Editor中找到 - 默认情况下，它会打开你当前主题的CSS文件。 继续寻找functions.php文件并点击它以在Editor中加载它。）

第2步：排队等候脚本

一路滚动到底部，在最后粘贴这几行代码：

 //排队等待Dashicons脚本 add_action( 'wp_enqueue_scripts', 'load_dashicons_front_end' ); function load_dashicons_front_end() { wp_enqueue_style( 'dashicons'); } 

好了！现在你的主题已经可以使用Dashicons了。

第3步：为菜单项添加Dashicons

让我们为你的主页链接添加一个Dashicon。 前往Dashicons网站，选择你喜欢的图标。

更新：Dashicons最初是在GitHub.io上提供的，但后来在WordPress.org上也有了。

第4步：

点击所需的图标（在这种情况下，我选择了主页图标），然后点击复制HTML。 它会给你一个弹出的窗口，里面有你需要的代码。

第5步：

回到你的WordPress仪表板，点击外观>菜单，将代码粘贴到导航标签的右边。

如果你仍然想让这个词显示出来，请在结尾的div括号后输入。

点击保存并加载你的主页。 你的主页链接现在应该显示一个漂亮、清晰的Dashicon。

你可以对所有的导航菜单项目或只对主页这样做。 只要重复上面的步骤，配上相应的图标。 这很容易，对吗？

如何在帖子元中使用Dashicons？

你可以更进一步，将Dashicons添加到你的帖子元，或者换句话说，在作者的名字、日期、类别或标签前面添加Dashicons；这取决于你的主题和它所显示的信息。

由于你已经在你的主题中排定了Dashicons，你现在要做的就是打开你的style.css文件（或者使用自定义CSS编辑器，这总是一个更好的选择，这样一旦你的主题更新，你就不会失去改变！），找到匹配的选择器并添加CSS代码。

比方说，你想在你的名字或作者的名字前面添加一个图标。

步骤1：

首先，我们要挑选一个我们喜欢的图标。

第2步：

然后点击它，这次选择复制CSS。 同样，它会给你一个弹出的窗口，里面有你需要粘贴的代码。

第3步：

现在打开你的style.css，找到相应的选择器，在这个例子中--.entry-author。 通过添加:before，然后粘贴你从Dashicons网站复制的CSS代码，作者的名字前面会有一个漂亮的图标。 你还需要指定你使用的是Dashicons字体。 修改后的代码看起来像这样：

 .entry-author:before { font-family: "dashicons"; content: "\f110"; } 

让我们也添加一点样式，现在完成的代码看起来像这样：

 .entry-author:before { font-family: "dashicons"; content: "\f110"; color: #f15123; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 20px/1; vertical-align: top; margin-right: 5px; margin-right: 0.5rem; } 

最终结果

那么，这最终会是什么样子呢？

类似这样的事情：

有很多方法可以使用Dashicons - 让你的创造力发挥出来，看看你能做什么。

把它放在一起

除了上述例子，你可以在你的后台使用Dashicons，为不同的帖子类型指定不同的图标，或者你可以在你的帖子标题、小工具标题中使用它们，或者如果你正在创建一个自定义登陆页面，你可以区分你网站的不同页面。

下面是一个基本的例子，说明你可以用它们来创造什么：