在 WordPress 网站页面文件中更改 HTML 的位置答案

【问题标题】：Location for Changing HTML in WordPress Site Page Files在 WordPress 网站页面文件中更改 HTML 的位置
【发布时间】：2014-10-13 14:30:50
【问题描述】：

我有一个 WordPress 网站，其中包含以下自定义主题：http://themeforest.unitedthemes.com/wpversions/brooklyn/basic/

我做的一件事是备份网站，这样我就可以安全地测试页面。有一段代码我想更改，但我无法访问实际代码。以下是模板链接中的一段源代码：

<nav id="navigation" class="grid-70 hide-on-tablet hide-on-mobile ">
  <ul id="menu-main" class="menu"><li  class="ut-home-link"><a href="#top" class="">Home</a></li>
    <li  class="menu-item menu-item-type-post_type menu-item-object-page "><a href="/#section-about-brooklyn" class="">About</a></li>
    <li  class="menu-item menu-item-type-post_type menu-item-object-page "><a href="/#section-our-team" class="">OUR TEAM</a></li>
    <li  class="menu-item menu-item-type-post_type menu-item-object-page "><a href="/#section-our-service" class="">Service</a></li>
    <li  class="menu-item menu-item-type-post_type menu-item-object-page "><a href="/#section-work" class="">WORK</a></li>
    <li  class="menu-item menu-item-type-post_type menu-item-object-page "><a href="/#section-happy-clients-2" class="">Clients</a></li>
    <li  class="menu-item menu-item-type-post_type menu-item-object-page "><a href="http://themeforest.unitedthemes.com/wpversions/brooklyn/basic/blog/" class="">Blog</a></li>
    <li  class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children "><a href="/#section-elements" class="">Elements</a>
      <ul class="sub-menu">
	<li  class="menu-item menu-item-type-post_type menu-item-object-page "><a href="http://themeforest.unitedthemes.com/wpversions/brooklyn/basic/typography/" class="">Typography</a></li>
	<li  class="menu-item menu-item-type-post_type menu-item-object-page "><a href="http://themeforest.unitedthemes.com/wpversions/brooklyn/basic/common-elements-2/" class="">Common Elements</a></li>
	<li  class="menu-item menu-item-type-post_type menu-item-object-page "><a href="http://themeforest.unitedthemes.com/wpversions/brooklyn/basic/interactive-elements/" class="">Interactive Elements</a></li>
	<li  class="menu-item menu-item-type-post_type menu-item-object-page "><a href="http://themeforest.unitedthemes.com/wpversions/brooklyn/basic/icon-variants/" class="">Icon Variants</a></li>
	<li  class="menu-item menu-item-type-post_type menu-item-object-page "><a href="http://themeforest.unitedthemes.com/wpversions/brooklyn/basic/media/" class="">Media</a></li>
      </ul>
    </li>
  <li  class="contact-us menu-item menu-item-type-custom menu-item-object-custom "><a href="/#section-contact" class="">Contact</a></li>
  </ul>
</nav>

强调的是最后一个<li class="contact-us"> 标签。

现在在我网站的源代码中，我认为最后一个标签是我悲伤的根源，由于#section-content 无法正常工作，我无法正确链接到我的联系页面。它看起来像这样：

&lt;li  class="menu-item menu-item-type-post_type menu-item-object-page "&gt;&lt;a href="http://scratchholler/contact-us/" class=""&gt;Contact&lt;/a&gt;&lt;/li&gt;

它缺少"contact-us" 部分，并且是menu-item menu-item-type-post_type menu-item-object-page 而不是menu-item menu-item-type-custom menu-item-object-custom。我在仪表板中玩过菜单，但都无济于事。我可以在 WordPress PHP 文件的哪个位置解决这个问题？ WP-管理员？我想手动编辑#section- 区域。我迷路了。这可能吗？谢谢。

【问题讨论】：

标签： php html wordpress wordpress-theming

【解决方案1】：

从您给出的代码中，可以推断出您所取的代码就是WordPress菜单的代码。 WordPress 菜单通常从主题文件夹中的header.php 调用。

您可以参考链接自定义 WordPress 菜单：http://codex.wordpress.org/Function_Reference/wp_nav_menu。

如果您想从 WordPress 管理员端编辑 header.php，请关注 Dashboard > Appearance > Editor 并编辑 header.php。

【讨论】：