我们在浏览网站的时候,发现有的网站的导航上面有个小尾巴,比如new、hot、更新中、推荐等字样或者图标,那么我们在使用WordPress程序的时候,如何在导航添加new、hot小图标呢?下面给大家带来详细的教程方法。
二、WP后台—外观—菜单,进入菜单设置页面,选择并编辑一个菜单项,在CSS类中输入一个图标字体选择器名称,如图:
图标字体选择器名称,打开此页查看:https://fontawesome.com/v5.15/icons
点开一个认为合适的图标字体,在下会显示类似:
只需在菜单CSS类中输入fa fa-home就可以了。
那然这个图标字体库并不只局限于使用在导航菜单上,只要把相应的图标代码加到主题模板的相应位置,也同样可以显示。
如果认为上面插件提供的图标字体不符合自己的要求(其实这套Font Awesome图标字体早已烂大街),还可以自己做一套更加个性化的图标字体。
图标字体在线制作:https://icomoon.io/app/#/select