Pag-gawa ng Custom WordPress Registration Form Plugin

Tagalog (Wikang Tagalog) translation by Robert Alexander (you can also view the original English article)

Mula sa kawalan, ang WordPress ay nagbibigay ng custom registration form na maaaring gamitin sa pag-gawa nang bagong user, o para magdagdag nang bago pang user sa pagdadagdag sa kanilang kasalukuyang WordPress installation. Ngunit paano kung nais mong gumawa ng custom registration form na hindi nagbibigay ng mga pagpipilian sa WordPress Dashboard?

Sa pagtuturong ito, malalaman natin kung paano gumawa ng custom registration form sa WordPress gamit ang kombinasyon ng mga template tags at shortcodes.

Ang default registration form ay binubuo ng da-dalawa lamang na form fields - ang username at email.

Ang presensya ng username at email form field ay ginagawang madali ang proseso ng pagpapa-rehistro. Una, ilagay lamang ang username at rmail pagkatapos ay mapapadalhan ka ng password. Susunod, mag-log-in sa site kasama ang password at kumpletuhin ang iyong profile at palitan ang password sa iba pang katanda-tanda.

Kesa sa papuntahin ang user sa iba pang ka-abalahan para lamang makapagrehistro, bakit hindi magbigay ng diretsong form para magrehistro na may kasamang ma-ilang importanteng karagdagang form fields na karagdagan pa sa default username at i-email ang password, ang URL sa website, ang biograpiya, ang nickname, at ang kanilang una at huling pangalan.

Ito ay partikular na gamitin sa mga multi-author website kagaya ng Tuts+.

Sa artikulong ito, In this article, gagawa tayo ng custom registration form plugin kasama ang mga sumusunod na form fields:

username
password
email
website URL
unang pangalan
huling pangalan
nickname
biograpiya (o tungkol kung saan na seksyon)

Ang custom registration form ay maaaring isama sa WordPress gamit ang plugin shortcode at kasamang template tag.

Gamit ang shortcode, maaari kang gumawa ng page at gawin itong opisyal na registration page sa iyong site. Maaari mo ring gamitin ang shortcode sa loob ng post para makapag-sign-up ang mga user sa iyong site matapos nilang magbasa ng isa sa iyong mga artikulo.

Kung nais mong idagdag ang registration form sa sidebar o sa eksaktong lokasyon sa iyong website, maaari mong i-edit ang tema ng WorPress ngunit ilagay ang template tag sa iyong nais na lokasyon.

Bago tayo magsimulang gumawa ng registration form plugin, kailangan nating tandaan na ang username, password, at lugar ng email ay kinakailangan.

Aming palalakasin ang batas na ito kapag sumusulat nang ating validation function.

Premium Option

Ang pagtuturong ito ay magbabahagi sa inyo sa pag-gawa ng plug-in mula sa wala, ngunit kung ikaw ay naghahanap ng madali at minsanang solusyon, subukan ang WordPress Registration Form plugin sa Envato Market. Maaari kang magtala na malawak na pagpipilian sa registration fields kasama ng validation control. Kapag natapos na ang pagrerehistro, may email na ipapadala sa bagong miyembro kasama nang kanilang detalye sa pagla-log-in. Ang templates ng email ay maaaring baguhin para sa pagpaparehistro, pagpapalit ng password, at iba pa.

WordPress Registration Form plugin on Envato Market — WordPress Registration Form plugin sa Envato Market

Isa pang pagpipilian para simpleng makapaglagay ng order sa Envato Studio. Maaari kang pumili ng tamang tao mula sa malawak na maraming eksperiyensyang WordPress plugin developers. Pagkatapos ay magpadala nang madalian at hayann ang developer na gumawa ng plugin sa loob ng napagkasunduang oras.

Halimbawa, si Alisaleem252 ay gagawa ng customized WordPress plugin na maaaring gamitin sa pinaka-bagong bersyon ng WordPress at iba pang plugins sa WordPress Repository base sa iyong mga kinakailangan.

Makakakuha ka ng:

custom widget kung kinakailangan
custom shortcode kung kinakailangan
custom post type kung kinakailangan
maaasahang serbisyo

Ang kabuuang halaga ng serbisyo ay $300 lamang, at dagdagan ang iyong plugin ay mmula sa mga dating kliyente. Bakit hindi subukan ang kanyang popular na Custom WordPress Plugin Development na serbisyo!

Pag-buo ng Plugin

Pagkatapos nang mga nabanggit, umpisahan na natin sa coding ng plugin. Una, isama ang plugin header.

<?php
/*
  Plugin Name: Custom Registration
  Plugin URI: http://code.tutsplus.com
  Description: Updates user rating based on number of posts.
  Version: 1.0
  Author: Agbonghama Collins
  Author URI: http://tech4sky.com
 */

Susunod, gagawa tayo ng PHP function na naglalaman ng HTML code ng registration form.

function registration_form( $username, $password, $email, $website, $first_name, $last_name, $nickname, $bio ) {
    echo '
    <style>
    div {
      margin-bottom:2px;
	}
	
	input{
		margin-bottom:4px;
	}
	</style>
	';

    echo '
    <form action="' . $_SERVER['REQUEST_URI'] . '" method="post">
	<div>
	<label for="username">Username <strong>*</strong></label>
	<input type="text" name="username" value="' . ( isset( $_POST['username'] ) ? $username : null ) . '">
	</div>
	
	<div>
	<label for="password">Password <strong>*</strong></label>
	<input type="password" name="password" value="' . ( isset( $_POST['password'] ) ? $password : null ) . '">
	</div>
	
	<div>
	<label for="email">Email <strong>*</strong></label>
	<input type="text" name="email" value="' . ( isset( $_POST['email']) ? $email : null ) . '">
	</div>
	
	<div>
	<label for="website">Website</label>
	<input type="text" name="website" value="' . ( isset( $_POST['website']) ? $website : null ) . '">
	</div>
	
	<div>
	<label for="firstname">First Name</label>
	<input type="text" name="fname" value="' . ( isset( $_POST['fname']) ? $first_name : null ) . '">
	</div>
	
	<div>
	<label for="website">Last Name</label>
	<input type="text" name="lname" value="' . ( isset( $_POST['lname']) ? $last_name : null ) . '">
	</div>
	
	<div>
	<label for="nickname">Nickname</label>
	<input type="text" name="nickname" value="' . ( isset( $_POST['nickname']) ? $nickname : null ) . '">
	</div>
	
	<div>
	<label for="bio">About / Bio</label>
	<textarea name="bio">' . ( isset( $_POST['bio']) ? $bio : null ) . '</textarea>
	</div>
	<input type="submit" name="submit" value="Register"/>
	</form>
	';
}

Pansinin na ang registration field na naipapasa sa itaas na function bilang variable? Sa function code, makakakita ka nang pagkakataon sa mga sumusunod na code, halimbawa:

( isset( $_POST['lname'] ) ? $last_name : null )

Ang ternary operator ay nagche-ckeck ng nilalaman ng global $_POST array para makita kung ang form ay naglalaman ng value. Kung wala itong nilalaman, pinupuno lamang nito ang form fields gamit ang value para makapag-save ng user mula sa naglalagay ng field input.

Ang registration form ay hindi kailan man kumpleto hangang mai-validate at linisin ang user input. Bilang resulta, maaari tayong gumawa ng validation function na may pangalan registration_validation.

Para mapadali ang validation, gagamitin natin ang WordPress WP_Error class. Sundan nyo ako habang inilalagay natin ang code sa validation function:

Gumawa ng function at ipasa ang pass registration field bilang function argument.

function registration_validation( $username, $password, $email, $website, $first_name, $last_name, $nickname, $bio )  {

Ilagay ang WP_Error class at gumawa ng instance variable global para io ay kayang abutin ng mga nasa labas ng sakop ng function.
```
global $reg_errors;
$reg_errors = new WP_Error;
```
Tandaan: Sinabi natin ang username, password, at email ay kailangan at hindi dapat makalimutan. Para masiguradi ito, kailangan nating i-tsek kung mayroong walang laman sa mga fields. Kung walang laman, ilalagay natin ang maling message sa global WP_Error class.
```
if ( empty( $username ) || empty( $password ) || empty( $email ) ) {
    $reg_errors->add('field', 'Required form field is missing');
}
```

Titignan din natin para masigurado ang numero ng username na karakter ay hindi dapat bababa sa 4.

if ( 4 > strlen( $username ) ) {
    $reg_errors->add( 'username_length', 'Username too short. At least 4 characters is required' );
}

Tignan kung ang username ay nakarehistro na.

if ( username_exists( $username ) )
    $reg_errors->add('user_name', 'Sorry, that username already exists!');

Maglagay ng mga serbisyo sa WordPress validate_username function para masigurado na ang username ay valid.

if ( ! validate_username( $username ) ) {
    $reg_errors->add( 'username_invalid', 'Sorry, the username you entered is not valid' );
}

Siguraduhing ang password na inilagay ng mga users au hindi bababa sa 5 na karakter.

if ( 5 > strlen( $password ) ) {
        $reg_errors->add( 'password', 'Password length must be greater than 5' );
    }

Tignan kung ang email ay valid na email.

if ( !is_email( $email ) ) {
    $reg_errors->add( 'email_invalid', 'Email is not valid' );
}

Tignan kung ang email ay naka-rehistro na.

if ( email_exists( $email ) ) {
    $reg_errors->add( 'email', 'Email Already in use' );
}

Kung may laman na ang website field, tignan kung ito ay valid.

if ( ! empty( $website ) ) {
    if ( ! filter_var( $website, FILTER_VALIDATE_URL ) ) {
        $reg_errors->add( 'website', 'Website is not a valid URL' );
    }
}

Panghuli, tignan ang mga mali sa WP_Error instance at display sa tig-iisang mali.

if ( is_wp_error( $reg_errors ) ) {

    foreach ( $reg_errors->get_error_messages() as $error ) {
    
        echo '<div>';
        echo '<strong>ERROR</strong>:';
        echo $error . '<br/>';
        echo '</div>';
        
    }

}

Tapos na tayong mag-code sa validation function.

Susunod ay ang plugin complete_registration() function na humahawak sa pagpaparehistro ng user.
Ang user registration ay ginagawa sa wp_insert_user function na tumatanggap ng iba’t-ibang datos.

function complete_registration() {
    global $reg_errors, $username, $password, $email, $website, $first_name, $last_name, $nickname, $bio;
    if ( 1 > count( $reg_errors->get_error_messages() ) ) {
        $userdata = array(
        'user_login'    => 	$username,
        'user_email' 	=> 	$email,
        'user_pass' 	=> 	$password,
        'user_url' 		=> 	$website,
        'first_name' 	=> 	$first_name,
        'last_name' 	=> 	$last_name,
        'nickname' 		=> 	$nickname,
        'description' 	=> 	$bio,
		);
        $user = wp_insert_user( $userdata );
        echo 'Registration complete. Goto <a href="' . get_site_url() . '/wp-login.php">login page</a>.';   
	}
}

Sa complete_registration() function sa itaas, ginawa natin ang $reg_errors WP_Error instance at ang form fields variable global para makuha natin ang variable sa global na sakop.

Titignan natin ngayon kung ang $reg_errors error handling instance ay naglalaman ng ano mang pagkakamali. Kung walang maling makikita, maaari na tayong sumunod sa pagpupuno ng we $userdata array at ilagay ang user registration na mga detalye sa WordPress database at ipapakita ang Registration Complete na mensahe sa link sa login page.

Susunod ay ang super custom_registration_function() function na naglalagay sa lahat ng functions na ating ginawa para magamit.

function custom_registration_function() {
    if ( isset($_POST['submit'] ) ) {
        registration_validation(
        $_POST['username'],
        $_POST['password'],
        $_POST['email'],
        $_POST['website'],
        $_POST['fname'],
        $_POST['lname'],
        $_POST['nickname'],
        $_POST['bio']
    	);
		
		// sanitize user form input
        global $username, $password, $email, $website, $first_name, $last_name, $nickname, $bio;
        $username	= 	sanitize_user( $_POST['username'] );
        $password 	= 	esc_attr( $_POST['password'] );
        $email 		= 	sanitize_email( $_POST['email'] );
        $website 	= 	esc_url( $_POST['website'] );
        $first_name = 	sanitize_text_field( $_POST['fname'] );
        $last_name 	= 	sanitize_text_field( $_POST['lname'] );
        $nickname 	= 	sanitize_text_field( $_POST['nickname'] );
        $bio 		= 	esc_textarea( $_POST['bio'] );

		// call @function complete_registration to create the user
		// only when no WP_error is found
        complete_registration(
        $username,
        $password,
        $email,
        $website,
        $first_name,
        $last_name,
        $nickname,
        $bio
		);
    }

    registration_form(
    	$username,
        $password,
        $email,
        $website,
        $first_name,
        $last_name,
        $nickname,
        $bio
		);
}

Hayaan akong ipaliwanag ang code sa custom_registration_function() function.

Una, ating alamin kung ang form ay nai-sumite na sa pamamagitan nang pag-tsek kung ang $_POST['submit'] ay nakalagay. kung ito ay nai-sumite na, tawagin ang registration_validation function para i-validate ang user submitted form.

Atin na ngayong isa-sanitize ang form data at ilalagay ang sanitize data sa variable na nakapangalan pagkataposmapuno ng form. Sa wakas, tatawagin natin ang complete_registration para i-rehistro ang user.

Kailangan nating tawagin ang registration_form function para ipakita ang registration form.

Tandaan na binanggit ko na magbibigay kami ng shortcode support para sa registration plugin? nasa ibaba ay ang shortcode support code.

// Register a new shortcode: [cr_custom_registration]
add_shortcode( 'cr_custom_registration', 'custom_registration_shortcode' );

// The callback function that will replace [book]
function custom_registration_shortcode() {
    ob_start();
    custom_registration_function();
    return ob_get_clean();
}

Sa puntong ito, tapos na nating i-code ang plugin. Sa ibaba ay ang larawan na nagpapakita kung paano ang hitsura ng registration form.

Tandaan na maaaring hindi mo makuha ang eksaktong hitsura nito sa iyong WordPress dahil sa pagkakaiba-iba nang estilo ng CSS.

Gamit ng Plugin

Para gamitin ang plugin sa WordPress post o page, gamiting ang shortcode cr_custom_registration.

Para gamitin ang registration form sa ispesipikong aspeto ng iyong tema, idagdag ang mga sumusunod na template tag - <?php custom_registration_function(); ?>
Maaari mo nang kunin ang plugin file mula sa attachment ng artikulong ito.

Buod

Sa artikulong ito, nilakbay natin ang proseso sa paggawa ng plugin na nagdadagdag ng custom registration form sa WordPress. Maaari mo pang pahabain ang registration form para magdagdag ng fields tulad ng user role, AOL IM account, pero siguraduhing ang forlm field ay valid meta data para sa wp_insert_user.

kung mayroong mga katanungan at suhestyon, ipa-alam sa akin sa pamamagitan ng mga komento!

Tandaan na kung ikaw ay nahihirapang makasunod sa pagtuturong ito at mas nais mo nang simpleng solusyon, subukan ang WordPress Registration Form plugin sa Envato Market.