知更鸟Begin主题菜单添加图标的方法(真正能用)

2018-12-1917:57:55 发表评论 804

知更鸟Begin主题菜单添加图标的方法(真正能用)

网络上现在好多给的方法根本不能用,包括知更鸟官方给的方法也不能用,后来自己在网上找了半天,才发现网上好多给标签加的 fa fa -名称   这个方法行不通,我自己用的是 WordPress5.0.1的版本 自己测试过的可以使用的正确方法公布给大家。

添加图标字体需要将菜单高级属性打开,登录WP后台→外观→菜单,进入菜单编辑管理页面,打开右上角的”显示选项“,勾选其中全部的“模块”和所有高级菜单属性。

添加到菜单项目的CSS类中,前面必须加一个be,最终如:be be-home,如图:

知更鸟Begin主题菜单添加图标的方法(真正能用)

最后不要忘记保存菜单。

正常主题只有菜单可以添加图标字体,漂亮的图标,会吸引浏览者去点击。如果动手能力强,你也可以修改主题模板文件,替换添加主题默认的图标字体。

所有的IconFont图标的CSS类样式如下


bebe be-about
be be-accountbox
be be-addbox
be be-anchor
be be-arrowdown
be be-arrowleft
be be-arrowright
be be-arrowup
be be-baidu
be be-basket
be be-businesscard
be be-calendar2
be be-circledown
be be-clipboard
be be-clouddownload
be be-cross
be be-diary
be be-display
be be-download
be be-edit
be be-editor
be be-email
be be-eye
be be-fastforward
be be-favorite
be be-favoriteoutline
be be-feed
be be-feedback
be be-file
be be-folder
be be-home
be be-info
be be-insertemoticon
be be-jie
be be-link
be be-linux
be be-loader
be be-localoffer
be be-maximize
be be-me
be be-menu
be be-minimize
be be-mobile
be be-mobile-h
be be-more
be be-new
be be-paper
be be-peopleoutline
be be-personoutline
be be-phone
be be-picture
be be-play
be be-playarrow
be be-print
be be-qq
be be-qr-code
be be-quanzi
be be-qzone
be be-renren
be be-repeat
be be-roundleft
be be-roundright
be be-rss
be be-schedule
be be-search
be be-share
be be-sidebar-off
be be-sidebar-on
be be-skyatlas
be be-sort
be be-speechbubble
be be-squareminus
be be-squareplus
be be-stack
be be-star
be be-stop
be be-stsina
be be-tablet
be be-tablet-h
be be-thumbs-up
be be-thumbs-up-o
be be-timerauto
be be-top
be be-tqq
be be-video
be be-volumedown
be be-warning
be be-weibo
be be-weixin
be be-wordpress
be be-yqzb

 

 

头像

发表评论

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