{"id":483,"date":"2014-02-19T13:49:04","date_gmt":"2014-02-19T06:49:04","guid":{"rendered":"https:\/\/www.manpham.com\/?p=483"},"modified":"2014-02-19T13:49:04","modified_gmt":"2014-02-19T06:49:04","slug":"series-cach-su-dung-wp-user-frontend-pro-phan-1-tao-form-dang-ky","status":"publish","type":"post","link":"https:\/\/www.manpham.com\/series-cach-su-dung-wp-user-frontend-pro-phan-1-tao-form-dang-ky.html","title":{"rendered":"[Series] C\u00e1ch s\u1eed d\u1ee5ng WP User Frontend Pro – Ph\u1ea7n 1, T\u1ea1o Form \u0110\u0103ng k\u00fd"},"content":{"rendered":"
Trong b\u00e0i tr\u01b0\u1edbc, m\u00ecnh \u0111\u00e3 gi\u1edbi thi\u1ec7u b\u1ea1n c\u00e1ch s\u1eed d\u1ee5ng WP User Frontend b\u1ea3n mi\u1ec5n ph\u00ed, ch\u1eafc c\u00f3 l\u1ebd nhi\u1ec1u b\u1ea1n v\u1eabn ch\u01b0a bi\u1ebft b\u1ea3n Premium s\u1ebd t\u1ed1t \u0111\u1ebfn c\u1ee1 n\u00e0o, \u1edf b\u1ea3n Premium (t\u1ea1m g\u1ecdi l\u00e0 b\u1ea3n t\u00ednh ph\u00ed) b\u1ea1n s\u1ebd \u0111\u01b0\u1ee3c h\u1ed7 tr\u1ee3 h\u1ea7u nh\u01b0 to\u00e0n b\u1ed9 nh\u1eefng g\u00ec b\u1ea1n c\u1ea7n \u0111\u1ec3 x\u00e2y d\u1ef1ng 1 trang post b\u00e0i ngo\u00e0i website, t\u1eeb trang b\u00e1n h\u00e0ng, post tin t\u1ee9c, \u0111\u0103ng k\u00fd th\u00e0nh vi\u00ean, v.v…. V\u00e2y h\u00e3y c\u0169ng m\u00ecnh t\u00ecm hi\u1ec3u nh\u1eefng t\u00ednh n\u0103ng v\u00e0ng trong b\u1ea3n T\u00ednh ph\u00ed nh\u00e9<\/strong><\/p>\n N\u1ed9i dung bài vi\u1ebft<\/p> – Sau khi mua, b\u1ea1n upload to\u00e0n b\u1ed9 th\u01b0 m\u1ee5c folder c\u1ee7a Plugin l\u00ean th\u01b0 m\u1ee5c wp-content\/Plugins,\u00a0<\/strong>b\u1eb1ng ftp. Ho\u1eb7c upload tr\u1ef1c ti\u1ebfp file .zip \u0111\u00f3 l\u00ean b\u1eb1ng c\u00e1ch v\u00e0o Plugins\/Add new<\/strong><\/p>\n – B\u1ea1n c\u00f3 th\u1ec3 mua tr\u1ef1c ti\u1ebfp t\u1ea1i li\u00ean k\u1ebft : V\u1edbi b\u1ea3n th\u1ea5p nh\u1ea5t l\u00e0 49$\u00a0[button color=red size=normal alignment=none url=http:\/\/wedevs.com\/plugin\/wp-user-frontend-pro\/#buyNow]Mua ngay[\/button]\n – Ho\u1eb7c c\u00f3 th\u1ec3 download theo li\u00ean k\u1ebft d\u01b0\u1edbi \u0111\u00e2y (Ch\u00fang t\u00f4i khuy\u1ebfn kh\u00edch b\u1ea1n h\u00e3y mua \u0111\u1ec3 c\u00f3 \u0111\u01b0\u1ee3c b\u1ea3n m\u1edbi nh\u1ea5t, \u0111\u1ec3 c\u00f3 \u0111\u01b0\u1ee3c nh\u1eefng update nhi\u1ec1u nh\u1ea5t t\u1eeb nh\u00e0 l\u1eadp tr\u00ecnh)<\/p>\n[button color=blue size=normal alignment=none url=https:\/\/www.manpham.com\/wp-content\/uploads\/2014\/02\/wp-user-frontend-pro.zip]T\u1ea3i ngay[\/button] –\u00a0[button color=red size=normal alignment=none url=http:\/\/wedevs.com\/plugin\/wp-user-frontend-pro\/#buyNow]Mua ngay[\/button]\n Sau khi c\u00e0i \u0111\u1eb7t b\u1ea1n s\u1ebd xu\u1ea5t hi\u1ec7n th\u00eam m\u1ed9t menu User Frontend<\/strong>, b\u1ea1n v\u00e0o ti\u1ebfp Registration Forms<\/strong> (User Frontend \/Registration Forms<\/strong> ) \u0110\u00e2y l\u00e0 m\u1ee5c s\u1ebd gi\u00fap b\u1ea1n t\u1ea1o form \u0111\u0103ng k\u00fd v\u00e0 qu\u1ea3n l\u00fd profile chuy\u00ean nghi\u1ec7p. B\u1ea5m Add Form<\/strong> \u0111\u1ec3 b\u1eaft \u0111\u1ea7u t\u1ea1o form<\/p>\n <\/a><\/p>\n Thanh menu c\u1ee7a User Frontend Pro (Kh\u00e1c r\u1ea5t nhi\u1ec1u so v\u1edbi b\u1ea3n mi\u1ec5n ph\u00ed<\/a>)<\/em><\/p>\n <\/a><\/p>\n \n Trong khung t\u1ea1o Form hi\u1ec7n t\u1ea1i m\u00ecnh chia ra 3 khu v\u1ef1c ch\u00ednh \u0111\u1ec3 h\u01b0\u1edbng d\u1eabn<\/p>\n – Khu v\u1ef1c 1 : L\u00e0 khu v\u1ef1c s\u1ebd hi\u1ec3n th\u1ecb c\u00e1c th\u00e0nh ph\u1ea7n nh\u01b0 Text Label, Text box, v.v…<\/p>\n – Khu v\u1ef1c 2 : T\u1ea1m g\u1ecdi l\u00e0 khu v\u01b0c \u0111i\u1ec1u ch\u1ec9nh Form<\/p>\n – Khu v\u1ef1c 3 : L\u00e0 khu v\u1ef1c Elements (t\u1ea1m g\u1ecdi l\u00e0 c\u00e1c th\u00e0nh ph\u1ea7n l\u1ef1a ch\u1ecdn cho Khu v\u1ef1c 1)<\/p>\n B\u1ea1n click v\u00e0o Setting (Khu v\u1ef1c 2), \u0111\u1ec3 l\u1ef1a ch\u1ecdn c\u00e1c t\u00f9y ch\u1ec9nh ph\u00f9 h\u1ee3p v\u1edbi nhu c\u1ea7u website c\u1ee7a m\u00ecnh<\/p>\n <\/a><\/p>\n – New User Role :<\/strong> Sau khi \u0111\u0103ng k\u00fd, Role c\u1ee7a user s\u1ebd l\u00e0 g\u00ec, th\u01b0\u1eddng th\u00ec b\u1ea1n n\u00ean ch\u1ecdn Subscriber. N\u1ebfu b\u1ea1n t\u1ea1o nhi\u1ec1u m\u1ee5c cho c\u00e1c th\u00e0nh vi\u00ean nh\u01b0 th\u00e0nh vi\u00ean post b\u00e0i, th\u00e0nh vi\u00ean up \u1ea3nh, th\u00ec b\u1ea1n c\u00f3 th\u1ec3 t\u1ea1o nhi\u1ec1u form kh\u00e1c nhau<\/p>\n – Redirect To :<\/strong> Sau khi \u0111\u0103ng k\u00fd, \u0111\u00e2y s\u1ebd l\u00e0 page s\u1ebd \u0111\u01b0\u1ee3c chuy\u1ec3n t\u1edbi, v\u00ed d\u1ee5 khi th\u00e0nh vi\u00ean \u0111\u0103ng k\u00fd th\u00e0nh c\u00f4ng, b\u1ea1n c\u00f3 th\u1ec3 t\u1ea1o 1 Page m\u1edbi v\u00e0 vi\u1ebft v\u00e0o d\u00f2ng nh\u01b0 c\u00e1m \u01a1n b\u1ea1n \u0111\u00e3 \u0111\u0103ng k\u00fd, \u0111\u0103ng k\u00fd th\u00e0nh c\u00f4ng v.v…<\/p>\n – Registration success message :<\/strong> Tin nh\u1eafn khi \u0111\u0103ng k\u00fd th\u00e0nh c\u00f4ng (Tin nh\u1eafn n\u00e0y kh\u00e1c v\u1edbi Redirect To nh\u00e9, tin nh\u1eafn s\u1ebd hi\u1ec3n th\u1ecb li\u1ec1n l\u00fac \u0111\u00f3 v\u00e0 sau \u0111\u00f3 v\u00e0i gi\u00e2y s\u1ebd chuy\u1ec3n sang Redirect To)<\/p>\n –\u00a0Update profile message:<\/strong> Tin nh\u1eafn c\u1eadp nh\u1eadt khi profile \u0111\u01b0\u1ee3c update<\/p>\n –\u00a0Submit Button text :<\/strong> Button x\u00e1c nh\u1eadn s\u1ebd \u0111\u01b0\u1ee3c b\u1ea1n \u0111\u1eb7t t\u00ean l\u00e0 g\u00ec<\/p>\n –\u00a0Update Button text :<\/strong> Button Update Profile, b\u1ea1n c\u00f3 th\u1ec3 \u0111i\u1ec1n l\u00e0 c\u1eadp nh\u1eadt t\u00e0i kho\u1ea3n<\/p>\n B\u1ea1n chuy\u1ec3n l\u1ea1i khu v\u1ef1c 1 b\u1eb1ng c\u00e1ch b\u1ea5m v\u00e0o Form Editor. \u1ede khu v\u1ef1c 3 (Elements) b\u1ea1n s\u1ebd ch\u1ecdn nh\u1eefng c\u00e1i m\u00e0 b\u1ea1n mu\u1ed1n, ch\u1ec9 c\u1ea7n click v\u00e0o n\u00f3 s\u1ebd hi\u1ec3n th\u1ecb qua b\u00ean khu v\u1ef1c 1. Th\u01b0\u1eddng th\u00ec ng\u01b0\u1eddi d\u00f9ng hay ch\u1ecdn nh\u01b0 User Name, Password, Email, Biography.<\/p>\n <\/a><\/p>\n Khi click v\u00e0o m\u0169i t\u00ean xu\u1ed1ng, l\u00e0 b\u1ea1n v\u00e0o trong t\u00f9y ch\u1ec9nh s\u00e2u h\u01a1n \u0111\u1ec3 hi\u1ec3n th\u1ecb:<\/p>\n –\u00a0Required :<\/strong> Y\u00eau c\u1ea7u \u0111i\u1ec1n m\u1edbi \u0111\u01b0\u1ee3c \u0111\u0103ng k\u00fd<\/p>\n –\u00a0Field Label :<\/strong> T\u1ef1a \u0111\u1ec1 c\u1ee7a m\u1ee5c n\u00e0y l\u00e0 g\u00ec (N\u1ebfu l\u00e0 Username – T\u00e0i kho\u1ea3n, Password – M\u1eadt kh\u1ea9u)<\/p>\n –\u00a0Help text :<\/strong> Tin nh\u1eafn tr\u1ee3 gi\u00fap (V\u00ed d\u1ee5, t\u00ean t\u00e0i kho\u1ea3n ph\u1ea3i tr\u00ean 6 ch\u1eef c\u00e1i)<\/p>\n –\u00a0CSS Class Name:<\/strong> L\u1edbp CSS, c\u00e1i n\u00e0y n\u1ebfu b\u1ea1n bi\u1ebft l\u1eadp tr\u00ecnh, b\u1ea1n c\u00f3 th\u1ec3 tr\u1ecf qua 1 CSS cho ph\u00f9 h\u1ee3p<\/p>\n –\u00a0Placeholder text :<\/strong> \u0110\u00e2y l\u00e0 d\u00f2ng ch\u1eef m\u1edd s\u1ebd \u0111\u01b0\u1ee3c hi\u1ec3n th\u1ecb d\u01b0\u1edbi text box<\/p>\n –\u00a0Size :<\/strong> K\u00edch th\u01b0\u1edbc c\u1ee7a khung (\u0111\u01a1n v\u1ecb t\u00ednh pixel)<\/p>\n \u0110\u00e2y l\u00e0 nh\u1eefng m\u1ee5c c\u01a1 b\u1ea3n, n\u1ebfu b\u1ea1n d\u00f9ng c\u00e1c c\u00e1i kh\u00e1c nh\u01b0 Password, Avatar s\u1ebd c\u00f3 th\u00eam nh\u1eefng m\u1ee5c ph\u1ee5 nh\u01b0 x\u00e1c nh\u1eadn Password, size \u1ea3nh khi upload,v.v…<\/p>\n Sau khi so\u1ea1n xong, b\u1ea1n nh\u1ea5n Publish<\/strong><\/p>\n <\/a>\u1ede m\u1ee5c Shortcode, b\u1ea1n d\u1ec5 d\u00e0ng add v\u00e0o Page \u0111\u1ec3 hi\u1ec3n th\u1ecb, d\u01b0\u1edbi \u0111\u00e2y m\u00ecnh \u0111\u00e3 add v\u00e0o 2 Page l\u00e0, \u0110\u0103ng k\u00fd v\u00e0 C\u1eadp nh\u1eadt t\u00e0i kho\u1ea3n<\/strong><\/p>\n1. H\u01b0\u1edbng d\u1eabn c\u00e0i \u0111\u1eb7t<\/strong><\/span><\/h2>\n
2. C\u00e1ch s\u1eed d\u1ee5ng WP User Fontend Pro<\/strong><\/span><\/h2>\n
T\u1ea1o form \u0111\u0103ng k\u00fd, ch\u1ec9nh s\u1eed profile<\/strong><\/span><\/h3>\n
C\u00e1ch c\u00e0i \u0111\u1eb7t t\u00f9y ch\u1ec9nh form<\/strong><\/span><\/h3>\n
C\u00e1ch t\u1ea1o 1 form \u0111\u0103ng k\u00fd m\u1edbi<\/strong><\/span><\/h3>\n