如何在我的wordpress导航中的<li>标签周围添加标签?</li>

时间:2014-03-16 22:27:05

标签: wordpress list hyperlink navigation

我是制作wordpress模板的新手,偶然发现了一个问题,你很可能不得不在wordpress默认值中编辑内容。

我使用命令wp_list_pages来显示所有页面。这很好用,但输出如下:

<li class="page_item page-item-20"><a href="#">Page Name</a></li>

我想要一个标签来包装&lt; li&gt;标签,以便整个样式&lt; li&gt;区域是可点击的,而不仅仅是文本。你知道如何实现这一目标吗? 此外,其他解决方案使整个&lt; li&gt;区域可点击也是受欢迎的。

谢谢!

2 个答案:

答案 0 :(得分:1)

我会说:不要

包装<li>代码无效HTML(尝试将其传递到http://validator.w3.org/check)。

相反,我建议设置<li>标记本身的样式,使其可以通过page_item css类进行点击。您不应该只为此包装标签本身。

基本示例:jsFiddle

答案 1 :(得分:0)

*对@Sparky的语义评论道具进行更正

这将生成无效的HTML(而不是语义问题)

您可能要做的是将a的CSS设置为display: block;

How do I make the whole area of a list item in my navigation bar, clickable as a link?

https://stackoverflow.com/a/14803036/2821387