如何在多语言站点中实现BuddyPress动态流的语言隔离管理？

我最近在做双语（英语+法语）站点时，遇到了BuddyPress全局动态流的痛点：虽然搭配WPML和BuddyPress Multilingual插件后大部分功能适配良好，但所有人发布的动态会不分语言混在一起显示，不管当前站点切换到哪种语言。翻了一圈官方文档和社区讨论，发现目前没有原生的分语言信息流方案，于是自己折腾出了一套可行的替代方案，核心思路是给每条动态标记发布时的语言，再根据当前站点语言过滤显示，具体步骤如下：

步骤1：给body标签添加当前语言类 #

这一步是为了让页面能识别当前显示的语言，实现方式取决于你用的多语言插件，我以WPML为例，在子主题的functions.php中添加以下函数：

function body_class_language( $classes ) {
    if ( ICL_LANGUAGE_CODE == 'en' ) {
        $classes[] = 'en';
    } elseif ( ICL_LANGUAGE_CODE == 'fr' ) {
        $classes[] = 'fr';
    }
    return $classes;
}
add_filter('body_class','body_class_language');

如果用Polylang、Weglot等其他插件，只需要替换获取当前语言的逻辑即可。

步骤2：将动态发布时的语言保存到数据库 #

同样在子主题的functions.php中添加函数，在用户点击“发布”后，把当前站点语言保存到动态的元数据中：

function save_activity_extra_fields( $activity ) {
    global $wpdb;
    $activity_id = $activity -> id;
    $save = $wpdb->insert( 'wp_bp_activity_meta',
        array( 'activity_id' => $activity_id, 'meta_key' => 'lang','meta_value' => get_bloginfo( 'language' ) ),
        array( '%d', '%s', '%s' ),
    );
}
add_action('bp_activity_after_save', 'save_activity_extra_fields');

注意：请务必根据你的数据库表前缀修改wp_（对应表wp_bp_activity_meta）！

步骤3：给每条动态添加语言属性 #

我们需要修改BuddyPress的动态条目模板，为每个动态的<li>标签加上语言数据属性。先找到BuddyPress的模板文件：plugins/buddypress/bp-templates/bp-nouveau/buddypress/activity/entry.php，将第14行的代码：

<li class="<?php bp_activity_css_class(); ?>" id="activity-<?php bp_activity_id(); ?>" <?php bp_nouveau_activity_data_attribute_id(); ?> data-bp-timestamp="<?php bp_nouveau_activity_timestamp(); ?>">

替换为：

<?php
global $wpdb;
$lang = $wpdb->get_results( "SELECT `meta_value` FROM `wp_bp_activity_meta` WHERE `meta_key` = 'lang' AND `activity_id` = ". bp_get_activity_id() );
$lang = $lang[0]->meta_value;
?>
<li class="<?php bp_activity_css_class(); ?>" id="activity-<?php bp_activity_id(); ?>" <?php bp_nouveau_activity_data_attribute_id(); ?> data-bp-timestamp="<?php bp_nouveau_activity_timestamp(); ?>" data-bp-lang="<?php echo $lang; ?>">

再次提醒：请根据你的数据库表前缀修改wp_（对应表wp_bp_activity_meta）！

修改完成后，把这个文件复制到子主题的对应目录：themes/YOUR-CHILD-THEME/buddypress/activity/，这样BuddyPress更新时你的修改不会被覆盖。

步骤4：根据当前语言过滤动态内容 #

最后一步是用CSS实现过滤，在子主题的CSS文件中添加以下代码（以英语en-US和法语fr-FR为例）：

body.fr li[data-bp-lang="en-US"], body.en li[data-bp-lang="fr-FR"] {
    display: none;
}

这样切换到法语站点时，英语动态会被隐藏；切换到英语站点时，法语动态会被隐藏。如果你想让用户自行选择查看的语言，也可以基于这个语言属性做一个下拉筛选功能，不过这属于额外需求了。

亲测这个方案在我的双语站点上完美生效，希望能帮到遇到同样问题的开发者！

内容的提问来源于stack exchange，提问作者dragoweb