웹 사이트 앞쪽 끝에 WordPress 사용자 등록 양식을 표시하는 방법은 무엇입니까?

이 문서 는 자신의 프런트 엔드 등록/로그인을 만드는 방법에 대한 훌륭한 자습서를 제공합니다./복원 암호 양식.

또는 플러그인을 찾고 있다면 이전에 사용한 적이 있으며 추천 할 수 있습니다.

• Ajax 로그인/등록
• Ajax로 로그인

this Article provides a greate tutorial on how to create you own frontend register/login/restore password forms.

or if you are looking for a plugin then i've used these before and can recomend them:

• Ajax Login/Register
• Login With Ajax

얼마 전에 프런트 엔드에 맞춤형 등록 양식을 표시하는 웹 사이트를 만들었습니다. 이 웹 사이트는 더 이상 라이브가 아니지만 여기에 스크린 샷이 있습니다.

다음은 내가 수행 한 단계입니다.

1) 모든 방문자가 설정> 일반> 멤버십 옵션을 통해 새 계정을 요청할 수있는 가능성을 활성화합니다. 이제 등록 페이지가 URL/wp-login.php?action=register

2) 사이트 프런트 엔드처럼 보이도록 등록 양식을 맞춤 설정합니다. 이것은 더 까다 롭고 사용중인 테마에 따라 다릅니다.

다음은 이십 삼 명의 예입니다.

 // include theme scripts and styles on the login/registration page
add_action('login_enqueue_scripts', 'twentythirteen_scripts_styles');

// remove admin style on the login/registration page
add_filter( 'style_loader_tag', 'user16975_remove_admin_css', 10, 2);
function user16975_remove_admin_css($tag, $handle){
    if ( did_action('login_init')
    && ($handle == 'wp-admin' || $handle == 'buttons' || $handle == 'colors-fresh'))
        return "";

    else return $tag;
}

// display front-end header and footer on the login/registration page
add_action('login_footer', 'user16975_integrate_login');
function user16975_integrate_login(){
    ?><div id="page" class="hfeed site">
        <header id="masthead" class="site-header" role="banner">
            <a class="home-link" href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home">
                <h1 class="site-title"><?php bloginfo( 'name' ); ?></h1>
                <h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
            </a>

            <div id="navbar" class="navbar">
                <nav id="site-navigation" class="navigation main-navigation" role="navigation">
                    <h3 class="menu-toggle"><?php _e( 'Menu', 'twentythirteen' ); ?></h3>
                    <a class="screen-reader-text skip-link" href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentythirteen' ); ?>"><?php _e( 'Skip to content', 'twentythirteen' ); ?></a>
                    <?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu' ) ); ?>
                    <?php get_search_form(); ?>
                </nav><!-- #site-navigation -->
            </div><!-- #navbar -->
        </header><!-- #masthead -->

        <div id="main" class="site-main">
    <?php get_footer(); ?>
    <script>
        // move the login form into the page main content area
        jQuery('#main').append(jQuery('#login'));
    </script>
    <?php
}
 

그런 다음 양식이 원하는대로 나타나도록 테마 스타일 시트를 수정합니다.

3) 표시된 메시지를 수정하여 양식을 추가로 수정할 수 있습니다.

 add_filter('login_message', 'user16975_login_message');
function user16975_login_message($message){
    if(strpos($message, 'register') !== false){
        $message = 'custom register message';
    } else {
        $message = 'custom login message';
    }
    return $message;
}

add_action('login_form', 'user16975_login_message2');
function user16975_login_message2(){
    echo 'another custom login message';
}

add_action('register_form', 'user16975_tweak_form');
function user16975_tweak_form(){
    echo 'another custom register message';
}
 

4) 프런트 엔드 등록 양식이 필요한 경우 등록 된 사용자가 로그인 할 때 백엔드가 표시되는 것을 원하지 않을 것입니다.

 add_filter('user_has_cap', 'user16975_refine_role', 10, 3);
function user16975_refine_role($allcaps, $cap, $args){
    global $pagenow;

    $user = wp_get_current_user();
    if($user->ID != 0 && $user->roles[0] == 'subscriber' && is_admin()){
        // deny access to WP backend
        $allcaps['read'] = false;
    }

    return $allcaps;
}

add_action('admin_page_access_denied', 'user16975_redirect_dashbord');
function user16975_redirect_dashbord(){
    wp_redirect(home_url());
    die();
}
 

많은 단계가 있지만 결과는 여기에 있습니다!

I made a website some time ago that was displaying a customized registration form on the front end side. This website is not live anymore but here are some screenshots.

Here are the steps I have followed:

1) Activate the possibility for all visitors to request a new account via Settings > General > Membership option. The registration page now appears at the URL /wp-login.php?action=register

2) Customize the registration form so that it looks like your site front-end. This is more tricky and depends on the theme you are using.

Here is an example with twentythirteen :

// include theme scripts and styles on the login/registration page
add_action('login_enqueue_scripts', 'twentythirteen_scripts_styles');

// remove admin style on the login/registration page
add_filter( 'style_loader_tag', 'user16975_remove_admin_css', 10, 2);
function user16975_remove_admin_css($tag, $handle){
    if ( did_action('login_init')
    && ($handle == 'wp-admin' || $handle == 'buttons' || $handle == 'colors-fresh'))
        return "";

    else return $tag;
}

// display front-end header and footer on the login/registration page
add_action('login_footer', 'user16975_integrate_login');
function user16975_integrate_login(){
    ?><div id="page" class="hfeed site">
        <header id="masthead" class="site-header" role="banner">
            <a class="home-link" href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home">
                <h1 class="site-title"><?php bloginfo( 'name' ); ?></h1>
                <h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
            </a>

            <div id="navbar" class="navbar">
                <nav id="site-navigation" class="navigation main-navigation" role="navigation">
                    <h3 class="menu-toggle"><?php _e( 'Menu', 'twentythirteen' ); ?></h3>
                    <a class="screen-reader-text skip-link" href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentythirteen' ); ?>"><?php _e( 'Skip to content', 'twentythirteen' ); ?></a>
                    <?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu' ) ); ?>
                    <?php get_search_form(); ?>
                </nav><!-- #site-navigation -->
            </div><!-- #navbar -->
        </header><!-- #masthead -->

        <div id="main" class="site-main">
    <?php get_footer(); ?>
    <script>
        // move the login form into the page main content area
        jQuery('#main').append(jQuery('#login'));
    </script>
    <?php
}

Then modify the theme stylesheet to make the form appear as you want.

3) You can further modify the form by tweaking the displayed messages :

add_filter('login_message', 'user16975_login_message');
function user16975_login_message($message){
    if(strpos($message, 'register') !== false){
        $message = 'custom register message';
    } else {
        $message = 'custom login message';
    }
    return $message;
}

add_action('login_form', 'user16975_login_message2');
function user16975_login_message2(){
    echo 'another custom login message';
}

add_action('register_form', 'user16975_tweak_form');
function user16975_tweak_form(){
    echo 'another custom register message';
}

4) If you need a front-end registration form, you will probably don't want that registered users see the backend when they log-in.

add_filter('user_has_cap', 'user16975_refine_role', 10, 3);
function user16975_refine_role($allcaps, $cap, $args){
    global $pagenow;

    $user = wp_get_current_user();
    if($user->ID != 0 && $user->roles[0] == 'subscriber' && is_admin()){
        // deny access to WP backend
        $allcaps['read'] = false;
    }

    return $allcaps;
}

add_action('admin_page_access_denied', 'user16975_redirect_dashbord');
function user16975_redirect_dashbord(){
    wp_redirect(home_url());
    die();
}

There are lots of steps, but the result is here !

더 쉬운 방법 : wp_login_form() ( 코덱스 페이지 여기에서 ).

페이지에서 단축 코드를 사용할 수 있도록 자체 플러그인을 만들 수 있습니다.

 <?php
/*
Plugin Name: WP Login Form Shortcode
Description: Use <code>[wp_login_form]</code> to show WordPress' login form.
Version: 1.0
Author: WP-Buddy
Author URI: http://wp-buddy.com
License: GPLv2 or later
*/

add_action( 'init', 'wplfsc_add_shortcodes' );

function wplfsc_add_shortcodes() {
    add_shortcode( 'wp_login_form', 'wplfsc_shortcode' );
}

function wplfsc_shortcode( $atts, $content, $name ) {

$atts = shortcode_atts( array(
        'redirect'       => site_url( $_SERVER['REQUEST_URI'] ),
        'form_id'        => 'loginform',
        'label_username' => __( 'Username' ),
        'label_password' => __( 'Password' ),
        'label_remember' => __( 'Remember Me' ),
        'label_log_in'   => __( 'Log In' ),
        'id_username'    => 'user_login',
        'id_password'    => 'user_pass',
        'id_remember'    => 'rememberme',
        'id_submit'      => 'wp-submit',
        'remember'       => false,
        'value_username' => NULL,
        'value_remember' => false
), $atts, $name );

// echo is always false
$atts['echo'] = false;

// make real boolean values
$atts['remember']       = filter_var( $atts['remember'], FILTER_VALIDATE_BOOLEAN );
$atts['value_remember'] = filter_var( $atts['value_remember'], FILTER_VALIDATE_BOOLEAN );

return '<div class="cct-login-form">' . wp_login_form( $atts ) . '</div>';

}
 

사용자는 프런트 엔드에서 양식 스타일을 지정하기 만하면됩니다.

Way easier: use a WordPress function called wp_login_form() (Codex page here).

You can make your own plugin so that you can use a shortcode in on of your pages:

<?php
/*
Plugin Name: WP Login Form Shortcode
Description: Use <code>[wp_login_form]</code> to show WordPress' login form.
Version: 1.0
Author: WP-Buddy
Author URI: http://wp-buddy.com
License: GPLv2 or later
*/

add_action( 'init', 'wplfsc_add_shortcodes' );

function wplfsc_add_shortcodes() {
    add_shortcode( 'wp_login_form', 'wplfsc_shortcode' );
}

function wplfsc_shortcode( $atts, $content, $name ) {

$atts = shortcode_atts( array(
        'redirect'       => site_url( $_SERVER['REQUEST_URI'] ),
        'form_id'        => 'loginform',
        'label_username' => __( 'Username' ),
        'label_password' => __( 'Password' ),
        'label_remember' => __( 'Remember Me' ),
        'label_log_in'   => __( 'Log In' ),
        'id_username'    => 'user_login',
        'id_password'    => 'user_pass',
        'id_remember'    => 'rememberme',
        'id_submit'      => 'wp-submit',
        'remember'       => false,
        'value_username' => NULL,
        'value_remember' => false
), $atts, $name );

// echo is always false
$atts['echo'] = false;

// make real boolean values
$atts['remember']       = filter_var( $atts['remember'], FILTER_VALIDATE_BOOLEAN );
$atts['value_remember'] = filter_var( $atts['value_remember'], FILTER_VALIDATE_BOOLEAN );

return '<div class="cct-login-form">' . wp_login_form( $atts ) . '</div>';

}

All you have to do is to style your form on the frontend.

플러그인 사용에 개방적이라면 이전에 Gravity Forms 용 사용자 등록 애드온을 사용해 보았지만 매우 잘 작동했습니다.

http://www.gravityforms.com/add-ons/user-registration/

편집 : 이것이 매우 상세한 솔루션이 아니라는 것을 알고 있지만 정확히 필요한 작업을 수행하고 좋은 솔루션입니다.

편집 : 내 대답을 더 확장하기 위해 중력 양식에 대한 사용자 등록 추가 기능을 사용하면 Gravity 양식을 사용하여 만든 양식의 모든 필드를 사용자 별 필드에 매핑 할 수 있습니다. 예를 들어 이름,성,이메일,웹 사이트,비밀번호로 양식을 만들 수 있습니다. 제출시 추가 기능은 해당 입력을 관련 사용자 필드에 매핑합니다.

또 다른 장점은 등록 된 사용자를 승인 대기열에 추가 할 수 있다는 것입니다. 사용자 계정은 관리자가 백엔드에서 승인 한 후에 만 ​​생성됩니다.

위 링크가 끊어지면 Google "Gravity Forms 용 사용자 등록 추가 기능"

If you're open to the use of plugins, I've used the User Registration add-on for Gravity Forms before, it worked very well:

http://www.gravityforms.com/add-ons/user-registration/

Edit: I realise this isn't a very detailed solution, but it does exactly what you need and is a good solution.

Edit: To expand on my answer further, the User Registration add-on for gravity forms allows you to map any fields in a form created using Gravity Forms, to user-specific fields. For example, you can create a form with First Name, Last Name, Email, Website, Password. Upon submission, the add-on will map those inputs to the relevant user fields.

Another great thing about it, is you can add any registered users into an approval queue. Their user accounts would only be created once approved in the backend by an admin.

If the above link breaks, just Google "User Registration add on for Gravity Forms"