在Bootstrap模式弹出窗口中调用主题我的登录模板

Question

希望你能帮忙解决这个问题。问题可以在http://adopt.hatchmedia.ie找到。

我在WordPress网站上使用Bootstrap v3。该站点有一个用户登录窗口，当我们点击导航栏中的“登录”时，我将其设置为模式弹出窗口。

我正在使用Theme My Login插件重定向用户并将其保留在管理区域之外。我已将登录窗口的代码添加到模式弹出窗口中。

我希望在同一个弹出窗口中包含“丢失的密码”模板，并在用户单击“忘记密码”链接时使用jquery调用它。

目前，只要我使用以下内容（在底部）包含丢失的密码模板，该网站就会崩溃，并且在丢失的密码模板后不会加载任何内容。

<div class="login" id="theme-my-login">
                    <form name="loginform" id="loginform" action="/my-account-2/login/" method="post" class="form-horizontal">
                        <div class="form-group">

                                <div class="col-sm-12">
                                    <input type="text" name="log" id="user_login" class="form-control" placeholder="Username/Email"/>
                                    <span class="glyphicon glyphicon-user"></span>
                                </div>
                         </div>
                        <div class="form-group">
                            <!--<label for="user_pass" class="col-sm-2 control-label">Password</label>-->
                            <div class="col-sm-12">
                                <input type="password" name="pwd" id="user_pass" class="form-control input" placeholder="Password" />
                                <span class="glyphicon glyphicon-lock"></span>
                            </div>
                        </div>
                            <input type="hidden" name="_wp_original_http_referer" value="http://www.adopt.hatchmedia.ie/" />

                        <div class="form-group" style="display:none;">
                            <div class="col-sm-offset-2 col-sm-10">
                                <div class="forgetmenot">
                                    <label>
                                        <input name="rememberme" type="checkbox" id="rememberme" value="forever" /> Remember Me
                                    </label>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-12">
                                <div class="submit col-sm-4">
                                    <input type="submit" name="wp-submit" id="wp-submit" value="Log In" class="btn" />
                                    <input type="hidden" name="redirect_to" value="http://www.adopt.hatchmedia.ie/wp-admin/" />
                                    <input type="hidden" name="instance" value="" />
                                    <input type="hidden" name="action" value="login" />
                                </div>
                                <div class="col-sm-8 password">
                                    <div><a href="http://www.adopt.hatchmedia.ie/lostpassword/" class="forgot_pass" rel="nofollow">Forgot your password?</a></div>
                                </div>
                            </div>
                        </div>
                        <div class="form-group register">
                            Not Registered? <a href="#">Contact us here!</a>
                        </div>
                    </form>

                </div>



                <div class="lost-password">
                <!--CRASHES HERE-->

                    <?php include (TEMPLATEPATH . '/lostpassword-form.php'); ?>
                </div>

如果我尝试以下操作，找到here，我只需加载默认登录表单而不是丢失的密码模板。

<?php theme_my_login( 'lostpassword_template' ); ?>

希望有人能指出我正确的方向。

修改

以下是lostpassword-form.php的代码：

<?php
/*
If you would like to edit this file, copy it to your current theme's directory and edit it there.
Theme My Login will always look in your theme's directory first, before using this default template.
*/
?>
<div class="login" id="theme-my-login<?php $template->the_instance(); ?>">
    <?php $template->the_action_template_message( 'lostpassword' ); ?>
    <?php $template->the_errors(); ?>
    <form name="lostpasswordform" id="lostpasswordform<?php $template->the_instance(); ?>" action="<?php $template->the_action_url( 'lostpassword' ); ?>" method="post">
        <p>
            <label for="user_login<?php $template->the_instance(); ?>"><?php _e( 'Username or E-mail:' ); ?></label>
            <input type="text" name="user_login" id="user_login<?php $template->the_instance(); ?>" class="input" value="<?php $template->the_posted_value( 'user_login' ); ?>" size="20" />
        </p>

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

        <p class="submit">
            <input type="submit" name="wp-submit" id="wp-submit<?php $template->the_instance(); ?>" value="<?php esc_attr_e( 'Get New Password' ); ?>" />
            <input type="hidden" name="redirect_to" value="<?php $template->the_redirect_url( 'lostpassword' ); ?>" />
            <input type="hidden" name="instance" value="<?php $template->the_instance(); ?>" />
            <input type="hidden" name="action" value="lostpassword" />
        </p>
    </form>
    <?php $template->the_action_links( array( 'lostpassword' => false ) ); ?>
</div>