Cách tạo Form 3 cột bằng Plugin Contact Form 7 đẹp mắt

Sau khi chia sẻ bài viết tùy biến Contact Form 7 thành 2 cột nhận được rất nhiều ý kiến đóng góp tích cực thì ở bài viết này mình sẽ hướng dẫn thêm cách tạo Form 3 cột bằng Plugin Contact Form 7 với CSS đẹp mắt cho cả giao diện decktop và mobile.

Plugin contact form 7 là một plugin quá quen thuộc với những người sử dụng wordpress, bên cạnh rất nhiều plugin hỗ trợ thiết kế form khác, plugin contact form 7 đem lại sự đơn giản nhưng hiệu quả khi vận hành, với những người mới bắt đầu học wordpress thì nên làm quen với plugin này.

Các bước tạo Form 3 cột bằng Plugin Contact Form 7như sau

Đầu tiên bạn cần tạo Form mới và dán đoạn code sau vào nội dung Form. Tùy mong muốn của bạn theo các field mà tùy chỉnh lại.

Cách tạo Form 3 cột bằng Plugin Contact Form 7
Cách tạo Form 3 cột bằng Plugin Contact Form 7

Copy đoạn code sau và dán vào.

Tiếp tục copy đoạn CSS sau và dán vào file CSS của theme bạn đang sử dụng, hoặc làm như sau:

Truy cập Tùy biến ở admin => Chọn CSS bổ sung (Custom CSS) và dán code sau vào.

CSS plugin contact form 7 thành 3 cột
CSS plugin contact form 7 thành 3 cột

 

 

Cuối cùng là thành quả bạn đạt được.

tùy biến contact form 7 thành 3 cột

Lời kết : Trên là những hướng dẫn cơ bản cách tạo form 3 cột với plugin Contact Form 7, chỉ cần vài dòng CSS là bạn có thể làm mọi thứ theo mong muốn, bạn cũng có thể tùy biến thành 4 cột hàng ngang hay so le số cột trên từng dòng đều được.

 

Share this post

Add Comment