";var nuttaibut = "<\/i> T\u1ea3i th\u00eam<\/span>"; Tự code trang đăng ký thành viên trên WordPress Trang chủGiới thiệuBlogPhần mềmThủ thuậtTiện íchRút gọn liên kếtVòng quay may mắnLiên hệ HomePhần mềmTự code trang đăng ký thành viên trên WordPress Nguyễn Văn Luyến 4 năm trướcTự code trang đăng ký thành viên trên WordPress Mục lụcỞ bài viết trước mình có hướng dẫn các bạn cách để tạo trang đăng nhập trên WordPress với giao diện tùy chỉnh để phù hợp với giao diện trang web mà bạn đang sử dụng.Tự code trang đăng nhập cho WordPress Phần tiếp theo là ở bài viết này, mình sẽ hướng dẫn các bạn cách để tạo trang đăng ký thành viên mới với giao diện tùy chỉnh trên WordPress. Thông tin thêm: Thì ở WordPress mặc định có sẵn chức năng đăng ký cho thành viên mới, tuy nhiên giao diện form đăng ký không được bắt mắt cho lắm, và không cho phép người dùng khi đăng ký mới có quyền tạo mật khẩu.Code trang đăng ký cho thành viên WordPressĐầu tiên các bạn hãy truy cập vào trình quản lý Hosting hay VPS của mình, vào thư mục theme mà bạn đang sử dụng, tạo cho mình một file mới có tên là dang-ky.phpNhư trên mình đang sử dụng Localhost trên máy tính nên việc tạo file là rất nhanh và dễ dàng, các bạn đang sử dụng Hosting hay VPS thì cũng làm tương tự.Sau khi tạo xong, bạn mở file dang-ky.php vừa tạo lên, và gõ vào cho mình nội dung như hình trên hoặc sao chép code bên dưới rồi dán vào cho nhanh, cuối cùng lưu lại./*Template Name: Đăng ký*/?>Tiếp theo truy cập vào Trình quán lý Admin > Trang > Thêm trang mới tạo cho mình một trang với tiêu đề là Đăng ký, Ở phần thuộc tính trang ở góc phải màn hình thì bạn chọn mẫu cũng là Đăng ký luôn, cuối cùng là Công bố trang.Tiếp theo, đây là bước khá quan trọng để làm cho trang đăng ký của bạn nó đồng bộ với trang web của bạn.1. Bạn tìm file page.php ở thư mục theme bạn đang sử dụng, mở nó lên, sao chép tất cả nội dung trong file này dán vào file dang-ky.php mà bạn đã tạo.2. Chú ý phần mình bôi đỏ ở hình trên, bạn xóa toàn bộ nội dung đó đi (xóa toàn bộ nội dung nằm trong thẻ xóa hết ).Lưu ý: tại sao phải làm vậy, thì cơ bản trang web của bạn các đường link dẫn tới file css và javascrips có chức năng mang tới diện mạo cho trang web của bạn nó đều nằm ở file header.php và footer.php, bạn không thể lấy nội dung 2 file này bỏ vào trang đăng ký được, mà bạn có thể dùng đoạn code và để gọi lại nội dung của 2 trang này. Vì giao diện mà các bạn đang sử dụng là hoàn toàn khác nhau, cho nên việc lấy trang page.php làm khung cho trang Đăng ký và hoàn hảo nhất.Tiếp theo, bạn sao chép đoạn code bên dưới rồi dán vào trang dang-ky.php, nhớ cho đoạn code này nằm trong thẻ mà bạn đã xóa nội dung ở trên, cuối cùng là lưu lại.Bạn đã đăng nhập với tài khoản display_name; ?> Hãy truy cập Quản trị viên hoặc Đăng xuất tài khoản$err = '';$success = '';global $wpdb, $PasswordHash, $current_user, $user_ID;if(isset($_POST['task']) && $_POST['task'] == 'register' ) {$pwd1 = $wpdb->escape(trim($_POST['pwd1']));$pwd2 = $wpdb->escape(trim($_POST['pwd2']));$first_name = $wpdb->escape(trim($_POST['first_name']));$last_name = $wpdb->escape(trim($_POST['last_name']));$email = $wpdb->escape(trim($_POST['email']));$username = $wpdb->escape(trim($_POST['username']));if( $email == "" || $pwd1 == "" || $pwd2 == "" || $username == "" || $first_name == "" || $last_name == "") {$err = 'Vui lòng không bỏ trống các thông tin!';} else if(!filter_var($email, FILTER_VALIDATE_EMAIL)) {$err = 'Địa chỉ email không hợp lệ!';} else if(email_exists($email) ) {$err = 'Email đã tồn tại!';} else {$user_id = wp_insert_user( array ('first_name' => apply_filters('pre_user_first_name', $first_name), 'last_name' => apply_filters('pre_user_last_name', $last_name), 'user_pass' => apply_filters('pre_user_user_pass', $pwd1), 'user_login' => apply_filters('pre_user_user_login', $username), 'user_email' => apply_filters('pre_user_user_email', $email), 'role' => 'subscriber' ) );if( is_wp_error($user_id) ) {$err = 'Lỗi đăng ký tài khoản';} else {do_action('user_register', $user_id);$success = 'Bạn đã đăng ký thành công!';}}}?>if(! empty($err) ) :echo ''.$err.'';endif;?>if(! empty($success) ) :echo ''.$success.'';endif;?>Họ của bạnTên của bạnEmail của bạnTài khoảnMật khẩuNhập lại mật khẩu Đăng ký Dán thêm đoạn code css này bên dưới đoạn code ở trên để tùy biến một chút form đăng ký luôn..dang-ky{margin-top:150px;margin-bottom:150px;width:40%;max-width:1400px;margin-left:auto;margin-right:auto}.dang-dang-nhap{margin-top:500px;}@media (max-width: 600px) {.dang-nhap{width:90%}}.message{color:#333}#username, #email, #pwd1, #pwd2, #last_name, #first_name{width:100%}#nut-dk{background:#444;color:#fff;border:none;padding:10px} Hãy thử truy cập trang đăng ký của bạn xem sao nhé “domain.com/dang-ky“.Như vậy là mình đã hướng dẫn xong cho các bạn tự code một trang đăng ký rồi đó.Nhớ để lại bình luận góp vui nhé, chúc các bạn thành công!Nguồn: //caodem.com/tu-code-trang-dang-ky-thanh-vien-tren-wordpress/Thẻ: Code cho Wordpress • Code hay • code signup8 lượt xem | 0 bình luận Nguyễn Văn LuyếnLuôn luôn lắng nghe, lâu lâu mới hiểu Đề xuất cho bạnHướng dẫn sử dụng công cụ ký số văn bản theo Nghị định 30/2020/NĐ-CP 1 tuần trướcPhần mềm Winamp phần mềm phát nhạc một thời đã “hồi sinh” 2 tuần trướcPhần mềm chụp màn hình và ghi chú nhanh Snap IT 5 tháng trướcvnTools – Công cụ hỗ trợ chuyển chữ hoa, chữ thường, đọc số thành số…. 6 tháng trướcQuy định mới về đào tạo lái xe hạng B1, B2, C áp dụng từ ngày 1.6.2024 6 tháng trướcỨng dụng Mô phỏng 120 tình huống giao thông trên điện thoại V2.0.0 9 tháng trướcBộ cài đặt phần mềm ÔN TẬP MÔ PHỎNG phiên bản V2.0.0 9 tháng trướcHướng dẫn cập nhật phần mềm ÔN TẬP MÔ PHỎNG từ phiên bản v1.2.2 lên v1.2.3 11 tháng trước ✕ Hủy ĐăngBiểu tượng cảm xúc✕Xác nhận thông tin của bạn Xác nhận thông tin Cách xóa bớt ô nhập thông tin thành viên trong WordPress So sánh các tính năng quan trọng của Surface Laptop 2 và MacBook Pro Những nguyên nhân khiến máy tính Mac chậm đi trông thấy Bình luận gần đâyAddin Word xuất Mail Merge có chức năng cắt ra…Davidmes 1 ngày trướcpVauyUhaoWWm8RbWkTwHAddin Word xuất Mail Merge có chức năng cắt ra…Furrionuwd 3 ngày trướcdrafts of literary worksAddin Word xuất Mail Merge có chức năng cắt ra…Nguyễn Văn Luyến 5 tháng trướcƯng dụng này rất hay cho người hay thực hiện các biểu mâu, thư mời,...Quy định mới về đào tạo lái xe hạng B1,…Nguyễn Văn Luyến 5 tháng trướcChuẩn bị lại lên giáTiện ích tiếng Việt trên Word năm 2022 miễn phíChuyển Đổi Số 10 tháng trướcCó trang nguồn mình tải á, bạn qua trang đó xem thử. Mình cài được bình thường áFont chữ thư pháp FZ Tiểu Tự Việt HoáChuyển Đổi Số 10 tháng trướcMỉnh cũng thấy cái gì hay hay lưu lại trên trang cá nhân khi nào cần lấy ra dùng thôi à. Cảm ơn bạn nhiều!Font chữ thư pháp FZ Tiểu Tự Việt Hoáquang tuấn 10 tháng trướcok cám ơn addTiện ích tiếng Việt trên Word năm 2022 miễn phíĐàm kiên 1 năm trướcsao không thấy hướng dẫn khắc phục lỗi the macro vậy Có nhiều lượt xemNewspaper v9.0 Premium WordPress Themes1376 lượt xemTiện ích tiếng Việt trên Word năm 2022 miễn phí990 lượt xemBộ cài đặt phần mềm ÔN TẬP MÔ PHỎNG phiên bản V2.0.0984 lượt xemAddin Word xuất Mail Merge có chức năng cắt ra nhiều file và gửi mail696 lượt xemQuy định mới về đào tạo lái xe hạng B1, B2, C áp dụng từ ngày 1.6.2024618 lượt xem×ZaloMessengerEmailZaloMessengerEmail Trang chủ Zalo Hỗ trợ Messenger Liên hệ Đồng ý Cookie Trang web này sử dụng Cookie để nâng cao trải nghiệm duyệt web của bạn và cung cấp các đề xuất được cá nhân hóa. Bằng cách chấp nhận để sử dụng trang web của chúng tôi Tôi chấp nhận
Ở bài viết trước mình có hướng dẫn các bạn cách để tạo trang đăng nhập trên WordPress với giao diện tùy chỉnh để phù hợp với giao diện trang web mà bạn đang sử dụng.Tự code trang đăng nhập cho WordPress Phần tiếp theo là ở bài viết này, mình sẽ hướng dẫn các bạn cách để tạo trang đăng ký thành viên mới với giao diện tùy chỉnh trên WordPress.
Đầu tiên các bạn hãy truy cập vào trình quản lý Hosting hay VPS của mình, vào thư mục theme mà bạn đang sử dụng, tạo cho mình một file mới có tên là dang-ky.php
Như trên mình đang sử dụng Localhost trên máy tính nên việc tạo file là rất nhanh và dễ dàng, các bạn đang sử dụng Hosting hay VPS thì cũng làm tương tự.
Sau khi tạo xong, bạn mở file dang-ky.php vừa tạo lên, và gõ vào cho mình nội dung như hình trên hoặc sao chép code bên dưới rồi dán vào cho nhanh, cuối cùng lưu lại./*Template Name: Đăng ký*/?>
Tiếp theo truy cập vào Trình quán lý Admin > Trang > Thêm trang mới tạo cho mình một trang với tiêu đề là Đăng ký, Ở phần thuộc tính trang ở góc phải màn hình thì bạn chọn mẫu cũng là Đăng ký luôn, cuối cùng là Công bố trang.
Tiếp theo, đây là bước khá quan trọng để làm cho trang đăng ký của bạn nó đồng bộ với trang web của bạn.1. Bạn tìm file page.php ở thư mục theme bạn đang sử dụng, mở nó lên, sao chép tất cả nội dung trong file này dán vào file dang-ky.php mà bạn đã tạo.2. Chú ý phần mình bôi đỏ ở hình trên, bạn xóa toàn bộ nội dung đó đi (xóa toàn bộ nội dung nằm trong thẻ xóa hết ).
Lưu ý: tại sao phải làm vậy, thì cơ bản trang web của bạn các đường link dẫn tới file css và javascrips có chức năng mang tới diện mạo cho trang web của bạn nó đều nằm ở file header.php và footer.php, bạn không thể lấy nội dung 2 file này bỏ vào trang đăng ký được, mà bạn có thể dùng đoạn code và để gọi lại nội dung của 2 trang này. Vì giao diện mà các bạn đang sử dụng là hoàn toàn khác nhau, cho nên việc lấy trang page.php làm khung cho trang Đăng ký và hoàn hảo nhất.
Tiếp theo, bạn sao chép đoạn code bên dưới rồi dán vào trang dang-ky.php, nhớ cho đoạn code này nằm trong thẻ mà bạn đã xóa nội dung ở trên, cuối cùng là lưu lại.
Bạn đã đăng nhập với tài khoản display_name; ?> Hãy truy cập Quản trị viên hoặc Đăng xuất tài khoản$err = '';$success = '';global $wpdb, $PasswordHash, $current_user, $user_ID;if(isset($_POST['task']) && $_POST['task'] == 'register' ) {$pwd1 = $wpdb->escape(trim($_POST['pwd1']));$pwd2 = $wpdb->escape(trim($_POST['pwd2']));$first_name = $wpdb->escape(trim($_POST['first_name']));$last_name = $wpdb->escape(trim($_POST['last_name']));$email = $wpdb->escape(trim($_POST['email']));$username = $wpdb->escape(trim($_POST['username']));if( $email == "" || $pwd1 == "" || $pwd2 == "" || $username == "" || $first_name == "" || $last_name == "") {$err = 'Vui lòng không bỏ trống các thông tin!';} else if(!filter_var($email, FILTER_VALIDATE_EMAIL)) {$err = 'Địa chỉ email không hợp lệ!';} else if(email_exists($email) ) {$err = 'Email đã tồn tại!';} else {$user_id = wp_insert_user( array ('first_name' => apply_filters('pre_user_first_name', $first_name), 'last_name' => apply_filters('pre_user_last_name', $last_name), 'user_pass' => apply_filters('pre_user_user_pass', $pwd1), 'user_login' => apply_filters('pre_user_user_login', $username), 'user_email' => apply_filters('pre_user_user_email', $email), 'role' => 'subscriber' ) );if( is_wp_error($user_id) ) {$err = 'Lỗi đăng ký tài khoản';} else {do_action('user_register', $user_id);$success = 'Bạn đã đăng ký thành công!';}}}?>if(! empty($err) ) :echo ''.$err.'';endif;?>if(! empty($success) ) :echo ''.$success.'';endif;?>Họ của bạnTên của bạnEmail của bạnTài khoảnMật khẩuNhập lại mật khẩu Đăng ký
$err = '';$success = '';
global $wpdb, $PasswordHash, $current_user, $user_ID;
if(isset($_POST['task']) && $_POST['task'] == 'register' ) {
$pwd1 = $wpdb->escape(trim($_POST['pwd1']));$pwd2 = $wpdb->escape(trim($_POST['pwd2']));$first_name = $wpdb->escape(trim($_POST['first_name']));$last_name = $wpdb->escape(trim($_POST['last_name']));$email = $wpdb->escape(trim($_POST['email']));$username = $wpdb->escape(trim($_POST['username']));
if( $email == "" || $pwd1 == "" || $pwd2 == "" || $username == "" || $first_name == "" || $last_name == "") {$err = 'Vui lòng không bỏ trống các thông tin!';} else if(!filter_var($email, FILTER_VALIDATE_EMAIL)) {$err = 'Địa chỉ email không hợp lệ!';} else if(email_exists($email) ) {$err = 'Email đã tồn tại!';} else {
$user_id = wp_insert_user( array ('first_name' => apply_filters('pre_user_first_name', $first_name), 'last_name' => apply_filters('pre_user_last_name', $last_name), 'user_pass' => apply_filters('pre_user_user_pass', $pwd1), 'user_login' => apply_filters('pre_user_user_login', $username), 'user_email' => apply_filters('pre_user_user_email', $email), 'role' => 'subscriber' ) );if( is_wp_error($user_id) ) {$err = 'Lỗi đăng ký tài khoản';} else {do_action('user_register', $user_id);$success = 'Bạn đã đăng ký thành công!';}
}
}?>if(! empty($err) ) :echo ''.$err.'';endif;?>if(! empty($success) ) :echo ''.$success.'';endif;?>
'.$err.'';
if(! empty($success) ) :echo ''.$success.'';endif;?>
'.$success.'';
Họ của bạnTên của bạnEmail của bạnTài khoảnMật khẩuNhập lại mật khẩu Đăng ký
Họ của bạn
Tên của bạn
Email của bạn
Tài khoản
Mật khẩu
Nhập lại mật khẩu
Dán thêm đoạn code css này bên dưới đoạn code ở trên để tùy biến một chút form đăng ký luôn.
.dang-ky{margin-top:150px;margin-bottom:150px;width:40%;max-width:1400px;margin-left:auto;margin-right:auto}.dang-dang-nhap{margin-top:500px;}@media (max-width: 600px) {.dang-nhap{width:90%}}.message{color:#333}#username, #email, #pwd1, #pwd2, #last_name, #first_name{width:100%}#nut-dk{background:#444;color:#fff;border:none;padding:10px}
Hãy thử truy cập trang đăng ký của bạn xem sao nhé “domain.com/dang-ky“.
Như vậy là mình đã hướng dẫn xong cho các bạn tự code một trang đăng ký rồi đó.Nhớ để lại bình luận góp vui nhé, chúc các bạn thành công!
Nguồn: //caodem.com/tu-code-trang-dang-ky-thanh-vien-tren-wordpress/