如何在 WordPress 菜单中添加不链接到页面的标题

在 WordPress 中为菜单项添加“无链接”（即不链接到任何页面）的标题是一种常见的需求，特别是在创建侧边栏、面包屑导航或其他非静态页面时。下面我将指导您如何实现这一功能。

步骤 1: 登录您的 WordPress 管理面板

首先，请确保您已经登录到了您的 WordPress 网站管理面板。

步骤 2: 导航至菜单设置

• 打开管理面板后，找到并点击“外观”或“设计”部分。
• 在“外观”选项卡下，选择“菜单”。

步骤 3: 添加新的菜单项

• 在左侧的“菜单”列表中，点击“添加新项”按钮。
• 输入菜单项的名称，例如：“关于我们”。
• 设置这个菜单项的显示顺序。

步骤 4: 配置菜单项属性

• 对于新添加的菜单项，您可能想要为其分配一个类别。这有助于组织和分类不同的菜单项。
• 点击右侧的“编辑”按钮来修改其他属性，比如字体大小、颜色等。
• 最后一步是决定是否启用“无链接”选项。勾选“无链接”，然后点击“保存更改”。

示例代码：

假设我们正在为一个名为“关于我们”的菜单项配置，以下是一段示例代码，展示了如何通过 wp_nav_menu 函数来实现这一点：

// 创建一个新的菜单
$my_custom_menu = wp_create_nav_menu('关于我们');

// 启用此菜单
add_menu_page(
    '关于我们', // 页面标题
    '关于我们', // 标签
    'manage_options', // 菜单项权限
    $my_custom_menu, // 菜单项ID
    'custom_menu_callback_function' // 指定回调函数
);

function custom_menu_callback_function() {
    ?>
    <h2 class="menu-item-title">关于我们</h2>
    <!-- 这里可以放置其他HTML元素 -->
    <?php
}

在这个例子中：

• wp_create_nav_menu 函数用于创建一个新的菜单。
• add_menu_page 函数用于在 WordPress 的菜单结构中添加一个页面。
• custom_menu_callback_function 是一个自定义的回调函数，它会在页面加载时被调用。

效果展示：

当您完成以上操作并在网站上查看侧边栏时，您应该会看到一个带有标题“关于我们”的无链接菜单项。点击该菜单项将不会链接到任何页面，而是呈现其内容。

请注意，为了使这些更改生效，您可能需要刷新浏览器缓存或者重新加载 WordPress 管理面板以查看最新的更改。

要在WordPress菜单中添加一个不链接到任何页面的标题，您可以使用以下方法：

方法一：使用<a>标签

示例代码：

<a class="menu-item" href="#example">不链接到页面的标题</a>

说明：

1. 使用<a>标签作为元素来创建一个新的超链接。
2. class="menu-item"用于指定该链接属于哪个类（在这个例子中为“menu-item”）。
3. href="#example"用于设置链接的目标位置，这里将目标设置为空，即不跳转到任何页面。

方法二：使用<span>和CSS

示例代码：

<span class="menu-item">不链接到页面的标题</span>
<style>
    .menu-item {
        display: none;
    }
</style>

<script>
    document.querySelector('.menu-item').classList.add('active');
</script>

说明：

1. 在HTML中创建一个包含不链接到页面的标题的<span>元素。
2. 在CSS中为这个元素添加一个样式属性，使其隐藏（.menu-item{display:none;}），以防止它被用户看到。
3. 添加JavaScript代码来改变这个元素的样式，使其变为活动状态（document.querySelector('.menu-item').classList.add('active');），这将使您能够看到这个未链接到页面的标题。

通过这两种方法中的任一种，都可以在WordPress菜单中添加一个不链接到任何页面的标题。选择哪种方法取决于您的需求和喜好。