在 WordPress 中创建上下文相关的侧栏页面导航

在 WordPress 中创建上下文相关的侧栏页面导航

WordPress 是一个强大的内容管理系统，它提供了许多功能来帮助用户创建和管理网站，其中一项重要的功能是侧栏页面导航，它可以让用户轻松地浏览和访问网站的各个部分，默认的侧栏页面导航可能并不总是满足用户的需求，因为它通常只显示固定的链接，而不考虑上下文，在本文中，我们将介绍如何在 WordPress 中创建上下文相关的侧栏页面导航。

1、为什么需要上下文相关的侧栏页面导航？

上下文相关的侧栏页面导航可以根据用户当前浏览的页面或文章动态地显示相关链接，这样，用户可以更容易地找到他们感兴趣的内容，提高网站的用户体验和可用性，上下文相关的侧栏页面导航还可以帮助搜索引擎更好地理解网站的结构和内容，从而提高网站的搜索排名。

2、如何创建上下文相关的侧栏页面导航？

要在 WordPress 中创建上下文相关的侧栏页面导航，我们需要使用一些插件或自定义代码，以下是两种常见的方法：

方法一：使用插件

有许多 WordPress 插件可以帮助我们创建上下文相关的侧栏页面导航，Contextual Related Posts”、“Yoast SEO”等，这些插件通常都提供了丰富的设置选项，可以让我们根据需要定制导航的外观和行为。

以“Contextual Related Posts”插件为例，我们可以按照以下步骤安装和使用它：

1、登录到 WordPress 后台，点击“插件”>“添加新”，然后在搜索框中输入“Contextual Related Posts”，找到该插件并点击“安装现在”。

2、安装完成后，点击“插件”>“已安装插件”，找到“Contextual Related Posts”并点击“启用”。

3、在左侧菜单中，点击“设置”>“Contextual Related Posts”，进入插件的设置界面，在这里，我们可以设置相关文章的数量、样式、排序方式等。

4、设置完成后，回到文章编辑页面，点击“添加媒体”按钮，然后选择“相关帖子”，这时，我们就可以看到根据当前文章生成的相关帖子列表了。

5、将生成的相关帖子列表添加到侧栏小工具中，就可以在前台看到上下文相关的侧栏页面导航了。

方法二：使用自定义代码

如果我们不想使用插件，也可以使用自定义代码来创建上下文相关的侧栏页面导航，以下是一个简单的示例：

1、我们需要创建一个函数来获取相关的文章，这个函数应该接受一个参数（当前文章的 ID），然后查询数据库，返回与当前文章相关的其他文章，我们可以使用 WordPress 的内置函数 get_related_posts() 来实现这个功能。

function get_related_posts($post_id) {
    $args = array(
        'category__not_in' => array(1,2), // 排除分类为 1 和 2 的文章
        'post__not_in' => array($post_id), // 排除当前文章本身
        'posts_per_page' => 5, // 显示最多 5 篇相关文章
    );
    return get_related_posts($args);
}

2、我们需要在主题的侧栏模板文件中添加一个小工具区域，用于显示相关的文章列表，我们可以使用 WordPress 的内置函数 dynamic_sidebar() 来实现这个功能。

if (is_active_sidebar('related-posts')) {
    dynamic_sidebar('related-posts');
} else {
    // 如果主题没有提供相关的文章小工具区域，我们可以手动添加一个文本小工具。
    if (function_exists('register_sidebar')) {
        register_sidebar(array(
            'name' => 'Related Posts',
            'id' => 'related-posts',
            'description' => 'Display related posts in the sidebar.',
            'before_widget' => '<div class="widget">',
            'after_widget' => '</div>',
            'before_title' => '<h2 class="widget-title">',
            'after_title' => '</h2>',
        ));
    } else {
        // 如果主题不支持小工具区域，我们可以在主题的 functions.php 文件中添加以下代码来禁用小工具区域。
        add_filter('dynamic_sidebar_params', '__return_false');
    }
}

3、我们需要在主题的 functions.php 文件中注册我们的相关文章函数，并将其添加到侧栏小工具中，我们可以使用 WordPress 的内置函数 add_action() 和 add_filter() 来实现这个功能。

add_action('init', function() {
    add_filter('get_posts_orderby', function($orderby) { return 'rand'; }, 999); // 随机排序相关的文章列表。
});
add_filter('widget_text', 'get_related_posts'); // 将相关的文章函数应用到文本小工具中。

4、现在，当我们在前台浏览文章时，就可以看到根据当前文章生成的相关帖子列表了，如果主题支持小工具区域，我们还可以将相关的文章列表添加到其他小工具中。