如何在编辑用户页面的联系信息区添加自定义字段

嘿，我懂你的需求了——你现在的代码会在账户管理区域之后新增一个独立的字段板块，但你想要的是把新字段直接插进联系信息区域里，紧跟在邮箱字段的后面，对吧？这里给你两种靠谱的解决方案：

方法一：官方推荐的标准联系字段添加法 #

如果你的新字段是类似邮箱、电话这类标准的联系类信息，WordPress有专门的过滤器可以直接把字段整合到联系信息区域，不用自己折腾位置，非常省心。

把下面的代码加到你的主题functions.php或者自定义插件里：

// 添加自定义联系字段到联系信息区域
add_filter( 'user_contactmethods', 'yoursite_add_custom_contact_fields', 10, 1 );
function yoursite_add_custom_contact_fields( $methods ) {
    // 这里的键名（custom_contact）可以自定义，值是字段显示名称
    // 这个字段会自动出现在联系信息区域的现有字段之后（默认在Jabber字段后面，想调整顺序可以修改数组结构）
    $methods['custom_contact'] = __( '自定义联系项', '你的主题文本域' );
    return $methods;
}

这种方法的好处是：字段会自动继承WordPress原生的样式和保存逻辑，不用自己写额外的保存代码，完全贴合原生页面的体验。

方法二：自定义复杂字段（精准插入邮箱之后） #

如果你需要的是更复杂的字段（比如下拉框、多行文本，或者就是想精准插在邮箱字段紧后面），可以用钩子结合JS来实现，步骤如下：

1. 输出字段并通过JS定位到邮箱之后 #

// 在用户资料页输出自定义字段
add_action( 'show_user_profile', 'yoursite_add_field_after_email' );
add_action( 'edit_user_profile', 'yoursite_add_field_after_email' );
function yoursite_add_field_after_email( $user ) {
    // 获取已保存的字段值
    $custom_field_value = esc_attr( get_user_meta( $user->ID, 'custom_special_field', true ) );
    ?>
    <script>
        jQuery(document).ready(function($) {
            // 找到邮箱字段所在的行，在它后面插入我们的自定义字段行
            $('#email').closest('tr').after(`
                <tr class="user-custom-special-field-wrap">
                    <th><label for="custom_special_field"><?php _e('专属自定义字段', '你的主题文本域'); ?></label></th>
                    <td>
                        <input type="text" name="custom_special_field" id="custom_special_field" value="<?php echo $custom_field_value; ?>" class="regular-text" />
                        <p class="description"><?php _e('这里可以写字段的说明文字', '你的主题文本域'); ?></p>
                    </td>
                </tr>
            `);
        });
    </script>
    <?php
}

2. 保存自定义字段的值 #

别忘了添加保存逻辑，不然用户输入的内容不会被存储：

// 保存自定义字段的值
add_action( 'personal_options_update', 'yoursite_save_custom_special_field' );
add_action( 'edit_user_profile_update', 'yoursite_save_custom_special_field' );
function yoursite_save_custom_special_field( $user_id ) {
    // 检查当前用户是否有权限编辑该用户
    if ( ! current_user_can( 'edit_user', $user_id ) ) {
        return;
    }
    // 清理并保存字段值
    if ( isset( $_POST['custom_special_field'] ) ) {
        update_user_meta( $user_id, 'custom_special_field', sanitize_text_field( $_POST['custom_special_field'] ) );
    }
}

这样设置后，你的自定义字段就会精准出现在邮箱字段的下一行，完全融入联系信息区域里啦。

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