重庆小潘seo博客

当前位置:首页 > 重庆网络营销 > 小潘杂谈 >

小潘杂谈

Wordpress导航图标设置具体步骤

时间:2020-08-06 17:20:09 作者:重庆seo小潘 来源:
怎样在Wordpress导航上添加自定义图标,让菜单栏更加引人注目,带来更多关注呢?下面分享一下自定义CSS样式的方式和代码。(本方法由网友Taokeplus提供,感谢他的热心分享) 先看效果: 首选,找到菜单找到CSSS类,填写daohang。 其次,自定义CSS输入以下代

怎样在Wordpress导航上添加自定义图标,让菜单栏更加引人注目,带来更多关注呢?下面分享一下自定义CSS样式的方式和代码。(本方法由网友Taokeplus提供,感谢他的热心分享)

先看效果:

Wordpress导航图标设置具体步骤Wordpress导航图标设置具体步骤

首选,找到菜单找到CSSS类,填写daohang。

Wordpress导航图标设置具体步骤Wordpress导航图标设置具体步骤

其次,自定义CSS输入以下代码,方法:外观-自定义。

Wordpress导航图标设置具体步骤Wordpress导航图标设置具体步骤

CSS类代码如下:

最后,网站的导航上是不是有一个小图标呢?你也可以自定义文字,在CSS里面的代码把文字替换复制上去就可以了。

有同学反馈说效果不出来,请大家直接下载这个TXT文档吧,就不会出问题了。

本文介绍Wordpress导航图标设置方法到此结束,喜欢的朋友留言点赞分享。转载一定要保留原文出处。https://www.ainiseo.com/jianzhan/wordpress/3247.html