JianYue主题是一款免费的WordPress单双栏博客主题，不管是导航菜单还是主题文件所使用的图标，均跟WordPress后台的图标一致，即是Dashicons图标。那么JianYue主题搭建的WordPress网站如何添加Dashicons图标呢？今天boke112百科就跟大家来详细说一下详细操作步骤。
关于WordPress网站怎么添加以及和二级菜单的问题，boke112百科以前已经分享过了，如果你还不懂得如何添加WordPress菜单，请移步：WordPress如何创建菜单及二级子菜单？怎么添加自定义菜单？
今天重点跟大家说一下如何为自己站点的导航菜单添加Dashicons图标，具体步骤如下：
1、前往WordPress Dashicons本地化图标库页面，可以直接输入图标英文名称搜索，也可以点击右下角的“目录”图标快速定位到相应分类图标，或者直接滑动页面寻找图标，找到自己想要的图标后点击一下它。
2、此时就会发现所点击的图标变大后的效果，如果满意该图标的话，就点击【Copy Span】按钮，并按键盘上的Ctrl + C复制span内容，最后点击【确定】按钮。
3、登录进入WordPress后台，点击“外观 – 菜单”，选择“导航主菜单”，并点击想要添加该图标的菜单项，然后在“导航标签”的最前面粘贴刚才复制的span图标内容；重复以上几个步骤，把导航主菜单都添加好图标后再点击【保存菜单】按钮即可。
此时，我们回到网站首页，就可以发现站点导航主菜单都拥有了图标。同样操作，也可以把“移动版菜单”的各个菜单都添加上Dashicons图标，这样用手机访问网站也能看到移动端的菜单有图标哦。
特别提醒：
1、“菜单设置”中的“显示位置”，勾选“导航主菜单”的菜单，就是电脑端访问网站显示的导航菜单；
2、如果你想要电脑和手机两端的菜单一致，只需要在添加菜单时，在“菜单设置”中的“显示位置”，同时勾选“导航主菜单”和“移动版菜单”即可。
如果你在修改JianYue主题文件时，想要在某个位置显示Dashicons图标，操作方法是一样，根据上文内容找到自己喜欢的图标并点击，然后复制该图标对应的span内容后粘贴即可。
另外，如果你使用的不是JianYue主题，但是所使用主题已经集成有Dashicons图标，同样可以参考本文的方法快速查找和复制图标的span值。如果所使用WordPress主题没有集成Dashicons图标，也可以自己动手集成，具体请参考『WordPress前端如何使用跟后台一样的Dashicons图标字体？』。
您可能感兴趣的文章
文章标签：JianYue主题教程
温馨提示：文章内容系作者个人观点，不代表JianYue主题演示站对观点赞同或支持。
版权声明：本文为转载文章，来源于 boke112百科 ，版权归原作者所有，欢迎分享本文，转载请保留出处！
文件下载
