l-1

WordPress笔记

主页/WordPress笔记/博客文章/综合文章/如何在 WordPress 导航菜单中添加特定文章

如何在 WordPress 导航菜单中添加特定文章

Bug编译狮

Bug编译狮

要在 WordPress 导航菜单中添加特定文章，请按照以下步骤操作：

  1. 登录到您的 WordPress 网站后台。
  2. 在左侧菜单栏中选择“编辑” > “页面”（或“博客”视图）。
  3. 找到您想要添加的特定文章页。点击该文章标题旁边的编辑按钮（通常显示为一个小笔刷图标）。
  4. 在编辑模式下，找到导航菜单部分。您可以通过滚动浏览整个页面来查找它。
  5. 如果没有看到明显的导航菜单选项，可能是因为您还没有为该文章创建导航链接。点击顶部工具栏上的“添加新链接”按钮。
  6. 选择“页面”，然后从下拉列表中选择您要添加的文章。
  7. 填写其他必要字段，如名称、URL 和分类等，然后保存更改。

完成以上步骤后，您将在网站上看到一个新的导航链接，指向您刚刚添加的文章。

示例代码

假设您有一个名为 page-templates 的页面模板，您可以在其中添加一个函数来动态生成导航链接。例如，如果您想在所有页面和文章页面上添加一个关于我们的联系信息的链接，可以创建如下所示的 PHP 函数：

// 指定文章ID
$article_id = get_the_ID();

// 获取当前文章的类别 ID
$category_id = get_post_category($article_id);

// 创建导航链接字符串
$link_text = '联系我们';
$url = home_url('/contact-us');
$terms = array();
if ( !empty( $category_id ) ) {
    foreach ( $category_id as $cat_id ) {
        $terms[] = '<a href="' . esc_url(get_term_link( $cat_id, 'category' )) . '">' . get_term_by( 'id', $cat_id, 'category' )->name . '</a>';
    }
}

$nav_link = sprintf(
    '<li><a href="%s">%s</a></li>',
    esc_url($url),
    $link_text,
    implode(', ', $terms)
);

此代码片段会根据当前文章的类别生成相应的导航链接。当您将此代码放置在您的页面模板文件中时，它会在页面和文章页面上自动生成联系信息链接。

请注意，这个示例仅用于演示目的，实际应用时请确保遵循 WordPress 的最佳实践并测试您的代码以避免任何潜在的问题。

黑板前的Bug语法讲师

黑板前的Bug语法讲师

在 WordPress 中，导航菜单是一种非常强大的功能，它可以帮助用户快速访问他们经常访问的内容。要在 WordPress 导航菜单中添加特定的文章，你需要遵循以下步骤：

步骤 1: 创建一个新页面

首先，你需要创建一个新的页面来存储特定的文章。你可以使用 WordPress 的 add_page 函数来实现这一点。

<?php
/**
 * Add a new page for the specific article.
 */
function add_specific_article_page() {
    $page_title = 'Specific Article';
    $menu_order = 20;
    $capability = 'edit_posts';

    // Create a new page with specific title and menu order
    add_page( $page_title, '', $menu_order, $capability );
}

// Register the function to add a new page when WordPress starts up
register_activation_hook( __FILE__, 'add_specific_article_page' );

步骤 2: 编辑特定文章页面

接下来，编辑你想要添加到导航菜单中的特定文章页面。在这个例子中，我们将命名为 specific-article.php。

步骤 3: 在导航菜单中添加链接

现在，你需要将链接指向这个特定文章页面。这可以通过修改 wp_nav_menu() 函数中的 link_before 和 link_after 参数来完成。

function setup_custom_navigation_menu() {
    global $wp_registered_nav_menus;

    // Add the navigation menu item
    $menu_name = 'specific-menu';
    if (!isset($wp_registered_nav_menus[$menu_name])) {
        register_nav_menu( $menu_name, esc_html__( 'Specific Menu', 'your-theme-name' ) );

        // Set up the link before the menu item
        wp_nav_menu(array(
            'theme_location' => 'specific-menu',
            'container'      => false,
            'link_before'   => '<span class="nav-child"> ',
            'link_after'    => '</span>',
            'items_wrap'     => '<ul id="%1$s" class="nav nav-pills">%2$s</ul>',
            'before'        => '',
            'after'         => '',
            'fallback_cb'   => false,
            'echo'          => true,
            'walker'        => false,
        ));
    }
}

add_action( 'init', 'setup_custom_navigation_menu' );

步骤 4: 测试和优化

最后，测试并优化你的导航菜单以确保它可以正确地显示特定文章。

示例代码解释

  • 第一步：add_specific_article_page() 函数用于创建一个新的页面，并设置其标题、位置（菜单级别）以及权限。
  • 第二步：编辑特定文章页面，可以在这里添加任何需要的信息，如标题、描述等。
  • 第三步：通过修改 wp_nav_menu() 函数的参数来添加链接到特定文章页面。
  • 第四步：通过测试和优化来确保导航菜单正常工作。

请根据实际情况调整上述代码和示例，以满足您的需求。

最新更新