There is a ready to use the code for registration page template. You should probably change some classes, add CSS to make it look nice but the essential code should be good.
Create file register.php in your theme root folder and paste the content below.

<?php
/*
* Template Name: Registration Page
*/

get_header();

?>

<div id="wpi-content-part">

    <div id="wpi-content-part-in" class="wpi-container">
        <div class="wpi-row">

            <div id="wpi-content">

                <!-- Begin of main content area -->
                <main id="wpi-maincontent">

                    <article <?php post_class(); ?>>

                        <?php if ( has_post_thumbnail() ) {
                            the_post_thumbnail( 'full' );
                        } ?>

                        <header class="page-header">
                                <h2><?php the_title(); ?></h2>
                        </header>

                        <?php if ( is_user_logged_in() ) : // logged-in ?>
                            <div id="wpi-login-register-forgot">
                                <p class="wpi-info"><?php esc_html_e( 'You are already logged in.', 'wpi-lang' ); ?></p>
                                <a class="button" href="<?php echo wp_logout_url( get_permalink() ); ?>"><?php esc_html_e( 'Logout', 'wpi-lang' ); ?></a>
                            </div>
                        <?php else : // not logged-in ?>
                            <div id="wpi-login-register-forgot" class="wpi-tabs">
                                <div class="wpi-tabs-content">
                                    <form action="<?php echo site_url( 'wp-login.php?action=register', 'login_post' ) ?>" id="signup-form" method="post">

                                        <p class="register-username">
                                            <label class="sr-only" for="userName"><?php esc_html_e( 'Username', 'wpi-lang' ) ?></label>
                                            <input size="30" type="text" id="userName" name="user_login" placeholder="<?php esc_html_e( 'Username', 'wpi-lang' ); ?>"/>
                                        </p>

                                        <p class="register-email">
                                            <label class="sr-only" for="user_email"><?php esc_html_e( 'Email', 'wpi-lang' ) ?></label>
                                            <input size="30" type="text" id="user_email" name="user_email" placeholder="<?php esc_html_e( 'Email', 'wpi-lang' ); ?>"/>
                                        </p>

                                        <p class="register-submit">
                                            <input type="submit" class="button" name="user-submit" value="<?php esc_html_e( 'Register', 'wpi-lang' ); ?>"/>
                                            <input type="hidden" name="user-cookie" value="1"/>
                                        </p>

                                    </form>
                                </div>
                            </div>

                            <?php
                        endif;

                        $content = apply_filters( 'the_content', $post->post_content );
                        echo $content;

                        ?>

                    </article>

                </main>
                <!-- End of main content area -->

            </div>

            <!-- Sidebars -->
            <?php get_sidebar(); ?>

        </div>

    </div>

</div>

<?php

get_footer();

?>

Now go to Pages -> Add New and select Registration Page on the right sidebar and publish the page.

Share this post

Leave a Reply

Your email address will not be published. Required fields are marked *