我来帮你解决这个问题——核心思路是不管后台选项，始终输出注册框的HTML，然后用前端代码控制它的显示/隐藏状态，这样就能实现点击提示文字动态切换的效果。下面是分步实现方案：

第一步：修改登录模板代码 #

首先，你需要调整myaccount/login.php模板（记得放在主题的woocommerce/myaccount/目录下，避免WooCommerce更新覆盖），移除依赖woocommerce_enable_myaccount_registration的条件判断，始终输出登录和注册区域，并给注册区域加一个默认隐藏的类。

修改后的完整模板代码：

<?php echo "<br>"; if ( ! defined( 'ABSPATH' ) ) { exit; // Exit if accessed directly } ?>
<?php wc_print_notices(); ?>
<?php do_action( 'woocommerce_before_customer_login_form' ); ?>

<!-- 始终输出两列布局，不再依赖后台选项 -->
<div class="u-columns col2-set" id="customer_login">
    <div class="u-column1 col-1">
        <h2><?php _e( 'Login', 'woocommerce' ); ?></h2>
        <form class="woocommerce-form woocommerce-form-login login" method="post">
            <?php do_action( 'woocommerce_login_form_start' ); ?>
            <p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide">
                <label for="username"><?php _e( 'Username or email address', 'woocommerce' ); ?> <span class="required">*</span></label>
                <input type="text" class="woocommerce-Input woocommerce-Input--text input-text" name="username" id="username" value="<?php echo ( ! empty( $_POST['username'] ) ) ? esc_attr( $_POST['username'] ) : ''; ?>" />
            </p>
            <p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide">
                <label for="password"><?php _e( 'Password', 'woocommerce' ); ?> <span class="required">*</span></label>
                <input class="woocommerce-Input woocommerce-Input--text input-text" type="password" name="password" id="password" />
            </p>
            <?php do_action( 'woocommerce_login_form' ); ?>
            <p class="form-row">
                <?php wp_nonce_field( 'woocommerce-login', 'woocommerce-login-nonce' ); ?>
                <input type="submit" class="woocommerce-Button button" name="login" value="<?php esc_attr_e( 'Login', 'woocommerce' ); ?>" />
                <label class="woocommerce-form__label woocommerce-form__label-for-checkbox inline">
                    <input class="woocommerce-form__input woocommerce-form__input-checkbox" name="rememberme" type="checkbox" id="rememberme" value="forever" />
                    <span><?php _e( 'Remember me', 'woocommerce' ); ?></span>
                </label>
            </p>
            <p class="woocommerce-LostPassword lost_password">
                <!-- 替换成可点击的注册切换链接 -->
                <a href="#" class="toggle-registration"><?php _e( '¿No tiene una cuenta? Cree una.', 'woocommerce' ); ?></a>
                <br>
                <a href="<?php echo esc_url( wp_lostpassword_url() ); ?>"><?php _e( 'Lost your password?', 'woocommerce' ); ?></a>
            </p>
            <?php do_action( 'woocommerce_login_form_end' ); ?>
        </form>
    </div>

    <!-- 注册框始终输出，默认添加隐藏类 -->
    <div class="u-column2 col-2 hidden-registration">
        <h2><?php _e( 'Register', 'woocommerce' ); ?></h2>
        <!-- 添加返回登录的切换链接，提升用户体验 -->
        <p><a href="#" class="toggle-registration"><?php _e( '¿Ya tiene una cuenta? Inicie sesión.', 'woocommerce' ); ?></a></p>
        <form method="post" class="register">
            <?php do_action( 'woocommerce_register_form_start' ); ?>
            <?php if ( 'no' === get_option( 'woocommerce_registration_generate_username' ) ) : ?>
            <p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide">
                <label for="reg_username"><?php _e( 'Username', 'woocommerce' ); ?> <span class="required">*</span></label>
                <input type="text" class="woocommerce-Input woocommerce-Input--text input-text" name="username" id="reg_username" value="<?php echo ( ! empty( $_POST['username'] ) ) ? esc_attr( $_POST['username'] ) : ''; ?>" />
            </p>
            <?php endif; ?>
            <p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide">
                <label for="reg_email"><?php _e( 'Email address', 'woocommerce' ); ?> <span class="required">*</span></label>
                <input type="email" class="woocommerce-Input woocommerce-Input--text input-text" name="email" id="reg_email" value="<?php echo ( ! empty( $_POST['email'] ) ) ? esc_attr( $_POST['email'] ) : ''; ?>" />
            </p>
            <?php if ( 'no' === get_option( 'woocommerce_registration_generate_password' ) ) : ?>
            <p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide">
                <label for="reg_password"><?php _e( 'Password', 'woocommerce' ); ?> <span class="required">*</span></label>
                <input type="password" class="woocommerce-Input woocommerce-Input--text input-text" name="password" id="reg_password" />
            </p>
            <?php endif; ?>
            <?php do_action( 'woocommerce_register_form' ); ?>
            <p class="woocommerce-FormRow form-row">
                <?php wp_nonce_field( 'woocommerce-register', 'woocommerce-register-nonce' ); ?>
                <input type="submit" class="woocommerce-Button button" name="register" value="<?php esc_attr_e( 'Register', 'woocommerce' ); ?>" />
            </p>
            <?php do_action( 'woocommerce_register_form_end' ); ?>
        </form>
    </div>
</div>

<?php do_action( 'woocommerce_after_customer_login_form' ); ?>

第二步：添加CSS控制默认隐藏 #

在你的主题style.css或者WordPress后台的「外观→自定义→额外CSS」中添加以下代码：

/* 默认隐藏注册区域 */
.hidden-registration {
    display: none;
}

/* 可选：添加平滑过渡动画，提升交互体验 */
.u-column2.col-2 {
    transition: all 0.3s ease;
}

第三步：添加JavaScript实现切换交互 #

你可以把这段代码添加到主题的functions.php中，或者直接放在模板的末尾：

add_action('woocommerce_after_customer_login_form', 'add_registration_toggle_script');
function add_registration_toggle_script() {
    ?>
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            // 获取所有切换链接和注册区域元素
            const toggleLinks = document.querySelectorAll('.toggle-registration');
            const registrationColumn = document.querySelector('.u-column2.col-2');
            const loginColumn = document.querySelector('.u-column1.col-1');
            
            toggleLinks.forEach(link => {
                link.addEventListener('click', function(e) {
                    e.preventDefault(); // 阻止默认跳转行为
                    // 切换注册区域的隐藏状态
                    registrationColumn.classList.toggle('hidden-registration');
                    
                    // 可选：调整登录区域宽度，保持布局美观
                    if(registrationColumn.classList.contains('hidden-registration')) {
                        loginColumn.style.width = '100%';
                    } else {
                        loginColumn.style.width = ''; // 恢复默认宽度
                    }
                });
            });
        });
    </script>
    <?php
}

关键说明 #

1. 移除后台选项依赖：我们不再通过woocommerce_enable_myaccount_registration控制注册框的输出，而是始终渲染HTML，只通过CSS控制显示状态。
2. 交互逻辑：通过点击带有.toggle-registration类的链接，切换注册区域的hidden-registration类，实现显示/隐藏的切换。
3. 布局适配：可选的宽度调整是为了让登录区域在注册框隐藏时占满整个容器，避免布局留白。

测试一下，现在点击「¿No tiene una cuenta? Cree una.」就能在当前页面显示注册框，点击注册区域的返回链接又能切换回登录状态，完全不需要依赖后台选项的静态设置。

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