HTML generated by WP

时间:2014-08-09 作者:João Paulin

例如,当使用wp_nav_menu 函数,WP自动生成具有以下元素和类结构的菜单

<ul>
    <li class="menu-item current-item"><a href="#">Item</a></li>
    <li class="menu-item"><a href="#">Item</a></li>
    <li class="menu-item"><a href="#">Item</a></li>
</ul>
是否有文档可以让我找到WordPress函数生成的所有默认HTML结构、元素和类,以便我可以更好地指导前端开发人员在构建WordPress主题的HTML时如何更好地编码?

1 个回复
SO网友:Pieter Goosen

对于这样的函数wp_nav_menu, 从链接中可以看到,它在法典中有很好的记录。有些函数有很好的文档记录,另一些则没有那么好。您可以执行以下操作

codex. 你会发现(几乎)Wordpress在codex中使用的所有本机函数。正如我所说的,有些记录良好,有些没有,还有一到两个不存在

您还应该深入研究核心文件中的特定功能。codex中的函数有一个链接(通过core.trac.wordpress.org)到wordpress中注册函数的特定文件

如果在法典中找不到任何文档,请进行一些在线搜索。有一些很好的教程可以回答您的问题

最后,给自己找一个合适的浏览器,比如谷歌chrome。从那以后,我一直在使用谷歌chrome,我喜欢他们的Inspect元素功能。如果您需要了解特定元素的HTML结构,只需右键单击该元素,选择Inspect element,然后在底部打开一个带有HTML结构的小窗口。

除上述内容外,没有专门设计用于展示Wordpress中函数的HTML结构的特定文档

结束

相关推荐

更改侧边栏中自定义菜单的HTML结构

我一直在寻找有关如何更改“自定义菜单”的HTML输出的文档,您可以将其放置在可选小部件中。所以很清楚我遇到了什么,我在这里附上了一个小部件块的图像: 此元素的输出如下所示:<div class=\"nav_menu-8 widget_nav_menu col-sm-4\"> <div class=\"menu-expo-container\"> <ul id=\"menu-expo\" class=\"menu\">