使WordPress菜单水平显示

时间:2014-11-22 作者:Avinash Babu

嘿,伙计们,我是wordpress开发的新手。我正在尝试将我的wordpress菜单水平放置在标题名称下方的顶部。

我的header.php

在我的头文件中,我为菜单分配了一个类,如

<nav class="mythirdclass">
<?php wp_nav_menu(); ?>
</nav>
在我的style.css

在样式中。css文件,我已经给像

.mythirdclass {
float: left;
width: 100%;
padding: 0;
margin: 0;
list-style-type: none;
   display: inline;
}
但是这个代码根本不起作用。。我希望菜单以水平方式显示。

谢谢你的帮助……)

2 个回复
最合适的回答,由SO网友:IlmarsL 整理而成

如果我理解正确,您正在尝试定位的输出wp_nav_menu() 在水平线上。你应该试试造型<li> 元素,而不是全部<div>. 而且width: 100%; 应移除。

这样的方法似乎奏效了:

.mythirdclass li {
   float: left;
   padding: 0;
   margin: 1em;
   list-style-type: none;
   display: inline;
}

SO网友:Jim Maguire

尝试:

display:inline-block;
这行不通,试着激活一个你知道有效的主题,比如2012,然后将你的主题与之进行比较。

结束

相关推荐

WordPress Themes and PHP unit

有没有将PHP单元测试与WordPress主题结合使用的例子,似乎很多关于这个主题的博客都过时了,因为核心单元测试是trac的一部分,然而昨天晚上,我拉了trac,试图设置一个示例主题来运行测试。它不能安静地工作,你必须运行所有的测试来测试你的主题,即使你尝试并需要一个文件-它试图在WordPress被实例化之前需要它,它会变得一团糟。无论如何,我知道有一个用于主题单元测试的插件,但它只是安装了大量“尝试”并破坏主题的帖子,并没有测试底层逻辑,尤其是在构建框架的情况下,php单元在这里是最好的,因为您可以