如何给网站导航菜单添加图标

释放双眼,带上耳机,听听看~!
WPCOM主题自带了数百个图标库,在TheSimple的导航菜单中就用到了,但是在wordpress的后台设置面板中,我们并没有提供设置的入口,那么需要怎么使用它呢?这里就给大家简单介绍一下。其实使用

WPCOM主题自带了数百个图标库,在TheSimple的导航菜单中就用到了,但是在wordpress的后台设置面板中,我们并没有提供设置的入口,那么需要怎么使用它呢?这里就给大家简单介绍一下。

其实使用还是非常简单的,首先进入Wordpress后台,进入外观>菜单,然后选择要编辑的菜单,如果 没有菜单那么就创建新菜单,如图所示:

如何给网站导航菜单添加图标 网站开发

从这个页面可以看到在左侧有一些项目,例如页面、分类目录、自定义链接等,只需要将左边的项目选中,然后点击添加到菜单,即可添加一个菜单链接,添加后会出现在右侧菜单结构里面,这个界面可以通过拖动改变顺序,也可以通过往右侧拖动实现二级菜单的设置,这样就可以建立好一个菜单了。

不过这样简单设置保存以后还是不会出现图标,细心的你有没有发现,上图中首页和产品介绍前有一小段代码呢?对了,这就是实现图标显示的关键代码:

在菜单导航标签前面加上上面的代码即可添加一个小房子的图标,如图,点击菜单右侧的小箭头展开:

如何给网站导航菜单添加图标 网站开发

如果想要添加其他图标,修改代码中的home即可,具体图标名称请参考:https://fontawesome.com/v4.7.0/icons/

这样设置以后,就可以看到导航图标了,效果如下:

如何给网站导航菜单添加图标 网站开发

作者:wpcom官方

联系作者:

为TA充电
共{{data.count}}人
人已赞赏

【龙萱坤诺】声明:

龙萱坤诺所有资源来源于网络及用户分享或为本站原创,仅限用于学习和研究,如有侵权请邮件联系站长!不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站概不负责!

 

龙萱坤诺欢迎您投稿发表文章,更有龙萱坤诺奖励和额外收入!根据投稿内容质量,可获邀入驻本平台,开启您的站长之路!

 

如有链接无法下载、失效或广告,请到论坛反馈!

联系我们

© 转载请声明:转载自“龙萱坤诺"

网站开发

产品分类页面列表展示效果设置教程

2019-3-16 12:36:38

网站开发

第三方wordpress主题安装教程

2019-3-16 12:37:02

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索

热门专栏

文章发布排行

更多
  • 官方编辑

    仁师lv9

    文章

    6176

    评论

    4

    粉丝

    6

    关注

    0

    龙萱坤诺官方编辑员
  • 玩机技巧

    初学子lv0

    文章

    819

    评论

    2

    粉丝

    3

    关注

    0

    分享最新、最热的玩机教程。有需要的教程也可以圈子发帖提需求呦。
  • 微客创赢

    坛圣lv13

    文章

    310

    评论

    28

    粉丝

    13

    关注

    4

    程序员小白
  • 龙萱坤诺

    坛圣lv13

    文章

    141

    评论

    70

    粉丝

    8

    关注

    5

    龙萱坤诺管理员
  • wordpress建站

    有学者lv2

    文章

    88

    评论

    13

    粉丝

    2

    关注

    0

    Wordpress建站服务商