Question

我想在某些WordPress页面上添加自定义的导航菜单，但我不想在所有页面上都使用它，因此header.php不是一个选择。导航菜单将包含指向我的帖子或页面的链接。导航菜单经常更改，因此，如果将HTML直接添加到我的WordPress页面中，那么如果要更改导航菜单，则必须编辑我的所有WordPress页面。

我想制作一个这样的javascript文件，其中包含导航菜单的某些内容。

var list='<li><span><span><a href="https://codingile.com/c-introduction/">Introduction</a></li>\
<li><span><span><a href="https://codingile.com/variables-identifiers-in-c/">Variables and Identifiers</a></li>\
<li><span><span><a href="https://codingile.com/data-types-in-c/">Data Types</a></li>\
<li><span><span><a href="https://codingile.com/operators-in-c/">Operators</a></li>\
<li><span><span><a href="https://codingile.com/printf-and-scanf-in-c/">printf and scanf</a></li>\
<li><span><span><a href="https://codingile.com/conditional-statements-in-c/">conditional Statements</a></li>\
<li><span><span><a href="https://codingile.com/switch-case-in-c/"> switch statement</a></li>\
<li><span><span><a href="https://codingile.com/loops-in-c/">Loop statements</a></li>';
document.write(name);

然后将其添加到我想要导航菜单的页面。如果它是脱机HTML页面，我本可以使用 <script type="text/javascript src="filename.js></script> 如何在WordPress网站上执行此操作？我应该将此JS文件上传到哪个文件夹，以及如何加载它？

Answer 1

在要更改菜单的页面上添加另一个菜单是否更容易。您可以在以下链接中查看如何完成此操作。 https://codex.wordpress.org/Navigation_Menus

我认为这对您的索引也更好，因为您可以根据自己的要求添加JavaScript链接。

Answer 2

您不需要javascript。通过将page.php复制到page_with_menu.php，在主题中创建一个新的页面模板，并将其放在页面的顶部：

<?php /* Template Name: Page With custom HTML */ ?>

...并且（假设您不想使用WP导航菜单，正如您在评论中提到的那样），只需将HTML放在要显示它的页面模板中即可。

然后，只需在页面编辑器的“页面属性”中选择该模板。

如果您确实想使用WP导航菜单来简化菜单更改，请使用以下命令在functions.php中注册导航菜单：

add_action( 'after_setup_theme', 'register_primary_menu' );
function register_primary_menu() {
    register_nav_menu( 'my-menu-location' );
}

并将其放在您希望菜单出现的新页面模板中：

wp_nav_menu( array(
    'theme_location' => my-menu-location'
) );

添加经常更改到多个WordPress页面的HTML代码

2 个答案: