WordPress 基于前置页选中的服务分组调整州页展示顺序的实现方法

核心逻辑本质 #

不需要为每个排序场景重复写分组HTML代码，只要把所有会展示的有效分组整理成可排序的列表，按规则重排顺序后，通过统一的渲染入口输出每个分组的内容即可。 #

具体实现步骤 #

1. 把独立分组的展示逻辑封装成单份可复用单元 #

不要把每个分组的判断、输出代码按顺序硬写在页面流里，给每个分组绑定对应序号，统一写成可调用的渲染块，每个块的逻辑只写一次：

// 定义每个序号对应分组的渲染逻辑，仅维护一次
$group_render_map = [
    1 => function() {
        // 原有第1分组的判断+输出逻辑：检查是否有可下载条目、渲染分组列表
        if (has_group_downloads(1)) {
            echo render_group_content(1);
        }
    },
    2 => function() {
        if (has_group_downloads(2)) {
            echo render_group_content(2);
        }
    },
    3 => function() {
        if (has_group_downloads(3)) {
            echo render_group_content(3);
        }
    },
    4 => function() {
        if (has_group_downloads(4)) {
            echo render_group_content(4);
        }
    },
    5 => function() {
        if (has_group_downloads(5)) {
            echo render_group_content(5);
        }
    },
    6 => function() {
        if (has_group_downloads(6)) {
            echo render_group_content(6);
        }
    },
];

2. 基于传参生成最终的分组展示顺序 #

你已经从URL hash里提取到了用户选中的分组序号$selected_group_n，通过3步处理就能得到符合要求的顺序，不需要写多套分支判断：

// 第一步：生成分组的原始默认顺序
$default_order = [1,2,3,4,5,6];

// 第二步：过滤出当前州实际有内容、需要展示的分组（和你原来的条件展示判断逻辑完全复用）
$visible_groups = array_filter($default_order, function($gid) {
    return has_group_downloads($gid);
});

// 第三步：按规则把选中的分组挪到最前面
if (in_array($selected_group_n, $visible_groups)) {
    // 把选中的分组从原可见列表中取出
    $remove_key = array_search($selected_group_n, $visible_groups);
    unset($visible_groups[$remove_key]);
    // 重排索引后，把选中的分组插到列表最开头
    $visible_groups = array_values($visible_groups);
    array_unshift($visible_groups, $selected_group_n);
}

逻辑验证（完全匹配你的场景要求）

• 场景1：选中第3组，所有6个分组都有内容，处理后的顺序为[3,1,2,4,5,6]
• 场景2：选中第4组，当前州缺少2、6组，可见分组原顺序为[1,3,4,5]，处理后顺序为[4,1,3,5]

3. 循环输出分组内容，彻底消除重复代码 #

// 按最终排序后的顺序，逐个调用对应分组的渲染函数输出内容
foreach ($visible_groups as $gid) {
    call_user_func($group_render_map[$gid]);
}

适配现有流程的注意点 #

• 逻辑天然兼容无内容分组的判断：如果用户选中的序号对应的分组在当前州没有内容，代码会自动跳过前置逻辑，按原有默认顺序展示，不会出现报错
• 后续维护成本极低：不管是改分组的样式、判断逻辑，还是调整排序规则，都只需要修改对应位置的单份代码，不需要在多套硬编码的HTML块里反复调整
• 完全复用你已有的能力：只要保证从JS传过来的$selected_group_n是1-6范围内的整数，不需要改动之前写的URL hash提取、PHP变量传递的逻辑

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