知更鸟Begin主题给菜单项目添加图标字体的方法

2019年5月15日21:40:53 发表评论 1,982 views

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

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

知更鸟Begin主题给菜单项目添加图标字体的方法

 

最后不要忘记保存菜单。

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

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

图标CSS类样式

be 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

站长小智

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: