Tạo form đăng kí đơn giản trong wordpress

AD ON VOCTI360

No votes yet.
Please wait...

Bài viết này sẽ hướng dẫn mọi người tạo form đăng kí đơn giản trong wordpress mà không cần phải cài đặt thêm các plugin nặng nề. Chỉ cần với vài thủ thuật đơn giản và thêm vào dòng code là có ngay 1 form đơn giản dễ dùng, dễ chỉnh sửa… và dễ dàng gỡ bỏ nếu các bạn thấy không vừa mắt. Trước tiên hãy xem hình dưới.

Tạo form đăng kí đơn giản trong wordpress

Mục lục

Đếm số member hiện hành
Tạo banner để dẫn đến trang đăng kí
Add shortcode và banner vào trong widget
Lời kết

Tạo form đăng kí đơn giản trong wordpress

Đây là kiểu banner thường dùng của 1 số website họ thường để nó trên sidebar của trang wordpress. Trong form trên ta thấy có 2 phần :
+ đếm số member hiện hành (853 người).

+ banner để dẫn đến trang đăng kí (Free sign up).

Ok chúng ta sẽ đi từng phần. Let’s go!!!

Đếm số member hiện hành

Có nhiều plugin cho phép làm điều này tuy nhiên trong phạm vi bài viết này mình sẽ dùng code nhé các bạn.

Trước tiên ta vào file functions.php của theme bạn đang xài bằng cách chọn Dashboard-> Appearance-> Editor -> functions.php. Add thên dòng code như bên dưới:

Thật ra đoạn code trên ta đã tạo 1 function đếm số member, sao đó gọi function wpb_user_count này thông qua 1 shortcode. Sau đó ta cho phép shortcode này hiển thị trên widget của website.

Tạo banner để dẫn đến trang đăng kí

Trước tiên các bạn cần phải bật tính năng cho phép đăng kí member  trong wordpress. Để bật tính năng này ta vào Dashboard-> Settings-> General -> chỗ membership các bạn tick vào Anyone can register. Nếu đã bật rồi thì không cần bật lại.

Xem thêm : Quản trị người dùng (users) trên WordPress

loginform

Rồi tiếp theo các bạn vào đây để download cái logo Free Sign Up này về. Lưu với tên demo_pic.bmp.

Tiếp theo chúng ta tạo code để nhúng cái logo mới tải về,các bạn copy dòng code bên dưới về sửa lại theo url website của các bạn.

Các bạn sửa chỗ http://www.demo.com thành tên trang web của bạn.

Chỗ http://www.demo.com/wp-content/uploads/2016/09/demo_pic.bmp các bạn cũng sửa thành đường dẫn của các bạn khi upload nó sẽ cho đường dẫn (xem hình bên dưới) . Rồi để tạm nó trong 1 file text nào đó.
Tạo form đăng kí đơn giản trong wordpress

Tiếp theo các bạn vào Dashboard-> Appearance->Widget. Chọn widget text kéo bỏ vào bên primary sidebar (có thể chọn header hoặc footer sidebar cũng được nếu thích cho hiển thị ở đầu hoặc cuối trang).

Add shortcode và banner vào trong widget

Các bạn copy code dưới bỏ vào cái text trong widget.

Tiếp theo các bạn copy cái đọn code lưu local trong phần tạo banner dẫn đến trang đăng kí ở trên bỏ ngay dưới cái dòng này. rồi save lại là xong. Hãy xem hình minh họa bên dưới.

Tạo form đăng kí đơn giản trong wordpress
Tạo form đăng kí đơn giản trong wordpress

Code cuối cùng của cái text trong widget có dạng như thế này (khác chỗ url của bạn thôi )

Và đây là kết quả của việc tạo  form đăng kí đơn giản.

Tạo form đăng kí đơn giản trong wordpress
Tạo form đăng kí đơn giản trong wordpress

 

Lời kết

Bài viết này tuy đơn giản nhưng nó là những phần rất cơ bản của wordpress như hook, cách gọi hook thông qua hàm add_filter , cách tạo shortcode, thao tác và làm việc với widget…hi vọng nó sẽ có ích cho các bạn. Hãy để lại những cooment các bạn bên dưới nếu có góp ý hay gặp khó khăn gì. Hẹn gặp lại các bạn!

Author : Mattroidem1089

No votes yet.
Please wait...
About Vocti360 48 Articles
Là cựu sinh viên của ĐH Bách Khoa TPHCM. Là người đam mê về công nghệ! Blog này là nơi chia sẻ những kiến thức của mình! Hi vọng nó sẽ giúp ích được cho mọi người! Thích đi kết bạn, phượt , du lịch, ... lang thang theo mây theo gió ^^ .Thích chơi guitar và thổi harmonica.

2 Comments on Tạo form đăng kí đơn giản trong wordpress

Leave a Reply

Your email address will not be published.


*