WordPress菜单添加图标

今天给大家带来一个有趣的东西,就是给你的菜单栏添加些小图标,使其更加美观,本站已经在前段时间添加了一些图标到菜单栏,现在把操作过程分享出来,下面上图,相对全都是文字,该样式确实提升了菜单栏的美观度,当然我是这么认为的,不知道你怎么看呢。七彩云博客添加后的样式:

示例

WordPress菜单添加图标

修改

这里我们开始修改。首先需要知道的是,这些图片是哪里提供的。本站使用的是<Font Awesome 中文网>的库,这里集合了超多的小图标供你选择,打开这个网站,选择好你所需要的图标,复制其提供的源码,看下图:

WordPress菜单添加图标

将此源码添加到后台菜单设置里即可(外观→菜单),保存后在到前台刷新即可出现你刚刚添加的图标,如果你不知道怎么添加,看下图即可。

WordPress菜单添加图标


七彩云博客 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:WordPress菜单添加图标

您必须 登录 才能发表评论!

(5)个小伙伴在吐槽
  1. Drug Abuse Treatment http://aaa-rehab.com Drug Rehab Centers Near Me Inpatient Alcohol Rehabilitation Centers https://xn----ymcbazqlkn3ozakg.com/marriage/members/jamesgance.html
    Genesis Drug Rehab2020-04-01 17:39 Windows 10 | Chrome 67.0.3396.87
  2. Suboxone Program Near Me http://aaa-rehab.com Drug Rehab Centers Near Me Alcohol Therapy https://craftbotusa.com/forums/member/77637
    Women'S Inpatient Rehab Near Me2020-04-01 01:43 Windows 10 | Chrome 68.0.3440.84
  3. Cornerstone Drug Rehab http://aaa-rehab.com Drug Rehab Near Me Narconon Rehab https://www.genderdreaming.com/forum/members/albertsa.html
    Inpatient Drug Treatment Centers2020-03-31 09:36 Windows 10 | Chrome 64.0.3282.140
  4. Alcohol Recovery Centers Near Me http://aaa-rehab.com Drug Rehab Gateway Drug Rehab https://ip119.ip-137-74-180.eu/user/rehabcenter/
    Alcohol Rehab Cost2020-03-30 17:24 Windows XP | Chrome 49.0.2623.112
  5. Free Faith Based Rehab http://aaa-rehab.com Alcohol Rehab Centers http://aaa-rehab.com Alcohol Rehab Facilities Near Me http://aaa-rehab.com
    Alcohol Abuse Treatment2020-03-27 11:02 Windows 7 | Chrome 67.0.3396.87