
关于wordpress 添加导航菜单图标
看到一篇文章说是能够给导航栏上的主页啊分类啊什么的添加一个图标就是通过菜单栏设置里的CSS类赋予一个值然后再CSS里面对这个值进行描述,添加背景,可是我操作后却显示不出来...
看到一篇文章 说是能够给导航栏上的主页啊分类啊什么的添加一个图标
就是通过菜单栏设置里的CSS类 赋予一个值
然后再CSS里面对这个值进行描述,添加背景,可是我操作后却显示不出来
我吧原话复制了大家帮忙看下 看看哪里做的不对 谢谢先
原文章:
默认情况下能修改的参数很少,这时点击屏幕左上角的“Screen Options(屏幕参数)”,把“Show advanced menu properties(显示高级菜单属性)”里的项目全部勾选,我们就可以看到更多的参数。以本文题图为例,为各个项目分别加上 Home、Advertise、Contact、Archives 和 About 的 CSS Class,这样在前台调用菜单时,这些项目将拥有一个自定义的 CSS Class,接下来我们可以通过 CSS 为这些项目加上图标。
下面就是其中一个的CSS的描述了
#header ul.navigation li a.home {
background:url("images/home.png") no-repeat 0 1px transparent;
我觉得应该是CSS的描述对不上 导航栏不一定在header里吧 展开
就是通过菜单栏设置里的CSS类 赋予一个值
然后再CSS里面对这个值进行描述,添加背景,可是我操作后却显示不出来
我吧原话复制了大家帮忙看下 看看哪里做的不对 谢谢先
原文章:
默认情况下能修改的参数很少,这时点击屏幕左上角的“Screen Options(屏幕参数)”,把“Show advanced menu properties(显示高级菜单属性)”里的项目全部勾选,我们就可以看到更多的参数。以本文题图为例,为各个项目分别加上 Home、Advertise、Contact、Archives 和 About 的 CSS Class,这样在前台调用菜单时,这些项目将拥有一个自定义的 CSS Class,接下来我们可以通过 CSS 为这些项目加上图标。
下面就是其中一个的CSS的描述了
#header ul.navigation li a.home {
background:url("images/home.png") no-repeat 0 1px transparent;
我觉得应该是CSS的描述对不上 导航栏不一定在header里吧 展开
1个回答
展开全部
这个的前提是导航在header里,不在的话你要对应着你的主题改位置
更多追问追答
追问
能帮我解释下 #header ul.navigation 是什么意思吗?
就是这个navigation是什么意思? 我看我主题里好像没有这个东西
我还是个菜鸟 自己摸索的
追答
这个#header表示你的页面里一定是有一个id=header的层,而.navigation表示一个class=navigation的层,按照这个格式看的话这段页面的布局大约是这样的结构
————————这里是#header
——————————这里是ul.navigation
home————————这里是li a.home
advertise>Advertise——————如果要定义这个的话就是li a.advertise
……以此类推
所以那段CSS就是详细定义了home这个位置的属性,一层一层数下来的,如果你的主题class的名字不一样,那么你就要去改CSS里对应的项目名,凡是id=xx的前面就是#,而class=xx的前面就是点.

2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员,对于Word文档生成PPT的操作,我们有以下建议:1. 使用另存为功能:在Word中编辑完文档后,点击文件->另存为,选择PowerPoint演示文稿(*.pptx)格式,即可将文档内容转换为PPT...
点击进入详情页
本回答由博思aippt提供
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询