Woocommerce My Account页面：添加地址板块标题及调整字段布局

1. 为地址板块添加标题 #

你可以通过自定义代码，借助WooCommerce的钩子在地址表单前插入标题，无需修改核心模板文件：

add_action( 'woocommerce_before_edit_address_form', 'add_edit_address_section_title', 10, 1 );
function add_edit_address_section_title( $load_address ) {
    $title = $load_address === 'billing' ? '账单地址' : '配送地址';
    echo '<h2 class="woocommerce-address-title">' . esc_html( $title ) . '</h2>';
}

再通过CSS调整标题样式，匹配你的目标效果：

.woocommerce-address-title {
    font-size: 1.2rem;
    margin-bottom: 1.5rem;
    padding-bottom: 0.8rem;
    border-bottom: 1px solid #e5e5e5;
}

2. 仅在我的账户页面调整手机号到姓名下方 #

利用字段优先级排序规则，通过过滤器修改手机号字段的优先级，让它排在姓名之后，且仅在我的账户页面生效：

add_filter( 'woocommerce_billing_fields', 'reorder_billing_phone_in_my_account', 20, 1 );
function reorder_billing_phone_in_my_account( $fields ) {
    // 仅针对我的账户编辑地址页面生效
    if ( is_account_page() && isset( $_GET['edit-address'] ) ) {
        // 姓名默认优先级为10，将手机号设为15即可排在后面
        $fields['billing_phone']['priority'] = 15;
    }
    return $fields;
}

如果你的手机号是自定义字段，把billing_phone替换成实际的字段键即可。

注意：建议使用子主题或代码片段插件添加上述代码，避免主题更新导致代码丢失。

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