更好的菜单,WP的菜单选项帮助

时间:2012-04-12 作者:somdow

长话短说,我是一个noob WP开发人员,我喜欢我的第二个自定义WP站点,如果我听起来有点迷茫,我很抱歉。

在我创建第一个WP自定义站点时,我注意到,例如,在默认主题和我尝试的任何其他主题上,当您添加具有子选项的菜单项时,它们会包装在父选项“思考”下拉菜单下。或者像这样

PARENT OPTION-1  PARENT OPTION-2  PARENT OPTION-3
 CHILD OPT 1
 CHILD OPT 2
等等,现在当我制作自己的主题时,当我手动输入<?php wp_nav_menu(); ?> 通过WP cpanel动态钩住并添加菜单项,我的菜单子项如下所示

PARENT OPTION-1                    PARENT OPTION-2  PARENT OPTION-3
       CHILD OPTION1    CHILD OPTION2
如您所见,父选项1s的子菜单选项是水平的,其他菜单父项被推到一边。

现在,当我没有子菜单项而保留菜单项时,菜单看起来很好,当添加子选项时,它变得不可靠。

我想知道的是,我该怎么做才能使它像默认主题那样出现?你知道,让它像平常一样工作?

任何提示/窍门/链接以及良好的解释/帮助等,我都非常感谢。

编辑***

深入来看,子菜单项始终显示,而不是仅显示在父菜单项鼠标上方。

提前感谢。http://somdowprod.net/

2 个回复
SO网友:Adam

这似乎是一个与CSS相关的问题。

你需要clear:both 你的<li> 包含<a href=links...>

确保你应用了clear 属性到子菜单<li> 仅元素,而不是顶级父项。

在不知道或看不到你正在使用的确切主题的情况下,无论是定制还是非定制,我不能确定这是你的问题,但从你的图表来看,这是一个安全的赌注,这就是你需要寻找的地方。

SO网友:Chip Bennett

这个问题的WordPress相关部分包括了解contextual CSS classes WordPress applies to each menu item:

所有菜单项:.menu-item, .page-item, .menu-item-{posttype}.current-menu-item, .current_page_item, .current-{posttype}-item

  • 当前页面父级.current-menu-parent, .current_page_parent, .current-{posttype}-parent
    • 当前页面祖先.current-menu-ancestor, .current_page_ancestor, .current-{posttype}-ancestor
    结束