当前位置：首页 > 文章列表 > 文章 > php教程 > WordPress多站点实时显示技巧

WordPress多站点实时显示技巧

2025-09-07 20:46:23 0浏览收藏

想知道如何在WordPress多站点环境中实时显示站点数量吗？本文为你详细解读！作为一名WordPress站长，动态展示站点总数能有效提升用户体验。本文将深入讲解如何利用 `get_sites()` 函数和 `wp_head` 钩子，在你的WordPress Multisite站点上创建一个自动更新的站点计数器。我们将提供清晰的代码示例和分步指南，即使是新手也能轻松掌握。此外，我们还会探讨如何使用CSS美化计数器，以及如何通过AJAX实现无需刷新页面的实时更新，让你的网站更具吸引力！还在等什么？快来学习吧！

WordPress Multisite：动态显示站点数量

本文将介绍如何在 WordPress Multisite 环境中动态显示站点数量。通过使用 get_sites 函数和 wp_head 钩子，我们可以创建一个实时更新的计数器，该计数器会在每次页面加载时显示最新的站点数量。本文将提供详细的代码示例和步骤，帮助你轻松实现这一功能。

实现原理

WordPress Multisite 允许你在一个 WordPress 安装中运行多个站点。了解当前站点数量对于管理员和用户来说都很有用。为了实现动态计数器，我们将使用以下两个关键 WordPress 功能：

get_sites() 函数： 此函数用于检索站点信息。通过将 count 参数设置为 true，我们可以获取站点总数。
wp_head 动作钩子： 此钩子在每个页面的部分触发。我们可以利用它在每次页面加载时更新计数器。

具体步骤

编辑 functions.php 文件： 首先，你需要编辑当前主题的 functions.php 文件。你可以在 WordPress 后台的 "外观" -> "主题编辑器" 中找到它。请注意，直接编辑主题文件存在风险，建议使用子主题或代码片段插件。
添加代码： 将以下代码添加到 functions.php 文件中：

add_action('wp_head', 'your_multisite_counter', 99);

function your_multisite_counter(){

    $args = array(
        'count' => true
    );

    $number_of_sites = get_sites( $args );

    echo '<div class="multisite-counter">站点总数：' . $number_of_sites . '</div>';
}

这段代码做了以下事情：

add_action('wp_head', 'your_multisite_counter', 99);：将 your_multisite_counter 函数绑定到 wp_head 钩子。 99 是优先级，确保此函数在其他函数之后执行。
your_multisite_counter() 函数：
- $args = array('count' => true);：创建一个数组，设置 count 参数为 true，以便 get_sites() 函数返回站点数量。
- $number_of_sites = get_sites( $args );：调用 get_sites() 函数，获取站点数量。
- echo '
  站点总数：' . $number_of_sites . '
  ';：将站点数量输出到页面上。我们使用一个 div 元素包裹数字，方便后续使用 CSS 进行样式调整。

保存文件： 保存 functions.php 文件。
查看效果： 刷新你的 WordPress 站点。你应该能在页面上看到站点数量。

样式调整

上面的代码只是输出了站点数量，可能需要进行样式调整以使其更美观。你可以添加 CSS 样式到你的主题的 style.css 文件或通过 WordPress 后台的 "外观" -> "自定义" -> "附加 CSS" 添加。

例如，你可以添加以下 CSS 样式：

.multisite-counter {
    background-color: #f0f0f0;
    padding: 10px;
    border: 1px solid #ccc;
    text-align: center;
    font-size: 16px;
}

使用 AJAX 实时更新 (可选)

如果你希望站点数量能够实时更新，而无需刷新页面，可以使用 AJAX。这需要更复杂的代码，但可以提供更好的用户体验。

创建 AJAX 处理函数： 在 functions.php 文件中添加以下代码：

add_action( 'wp_ajax_get_site_count', 'get_site_count_callback' );
add_action( 'wp_ajax_nopriv_get_site_count', 'get_site_count_callback' ); // 对于未登录用户

function get_site_count_callback() {
    $args = array(
        'count' => true
    );
    $number_of_sites = get_sites( $args );
    echo $number_of_sites;
    wp_die(); // 必须，用于正确结束 AJAX 请求
}

添加 JavaScript 代码： 在你的主题的 footer.php 文件中或通过 WordPress 钩子添加以下 JavaScript 代码：

jQuery(document).ready(function($) {
    function updateSiteCount() {
        $.ajax({
            url: ajaxurl, // WordPress 定义的 AJAX URL
            type: 'POST',
            data: {
                action: 'get_site_count'
            },
            success: function(response) {
                $('.multisite-counter').text('站点总数：' + response);
            }
        });
    }

    // 初始加载时更新
    updateSiteCount();

    // 定期更新 (例如，每 5 分钟)
    setInterval(updateSiteCount, 300000); // 300000 毫秒 = 5 分钟
});

确保你的主题已经加载了 jQuery。如果没有，你需要手动加载它。