如何优化含重复HTML输出的PHP if-elseif语句？

核心思路 #

把不同CTA类型的字段映射关系提取成数组，通过选中的which_call_to_action值直接匹配对应字段，最后只写一次HTML输出逻辑，彻底消除重复代码。

优化后的代码 #

<?php
// 1. 定义CTA类型与对应字段、样式的映射关系
$cta_mapping = [
    'primary_cta' => [
        'title_field' => 'primary_cta_title',
        'link_field'  => 'primary_cta_link',
        'style'       => 'primary'
    ],
    'secondary_cta' => [
        'title_field' => 'secondary_cta_title',
        'link_field'  => 'secondary_cta_link',
        'style'       => 'secondary'
    ],
    'tertiary_cta' => [
        'title_field' => 'tertiary_cta_title',
        'link_field'  => 'tertiary_cta_link',
        'style'       => 'tertiary'
    ]
];

// 2. 获取选中的CTA类型
$selected_cta = get_field('which_call_to_action');

// 3. 检查选中的类型是否合法，避免无效值报错
if (isset($cta_mapping[$selected_cta])) {
    $cta_data = $cta_mapping[$selected_cta];
    // 从ACF获取对应字段值
    $cta_title = get_field($cta_data['title_field']);
    $cta_link = get_field($cta_data['link_field']);
    $cta_style = $cta_data['style'];

    // 4. 统一输出HTML结构（仅需写一次）
    if (!empty($cta_title) && !empty($cta_link)) { // 过滤空字段，避免无效输出
    ?>
    <a href="<?php echo esc_url($cta_link); ?>" class="cta cta--<?php echo esc_attr($cta_style); ?>">
        <?php echo esc_html($cta_title); ?>
    </a>
    <?php
    }
}
?>

关键改进点 #

• 消除重复HTML：重复的输出逻辑合并为一段，后续新增CTA类型只需在映射数组中添加配置，无需修改HTML部分。
• 提升容错性：通过isset()校验选中的CTA类型合法性，同时判断字段非空，避免输出空链接或空文本。
• 增强可维护性：所有CTA配置集中在映射数组，修改字段名或样式只需调整数组，无需遍历多个分支。
• 安全规范：使用esc_url()、esc_attr()、esc_html()对输出内容转义，符合WordPress安全标准。

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