Accordion là giúp web gọn gàng cho phép bạn hiển thị nội dung trong các tab có thể thu gọn.

Accordion cho phép bạn hiển thị nhiều nội dung hơn trên các bài viết và trang  mà không cần thêm các cuộn dài. Nếu bạn muốn thu nhỏ độ dài của một trang, thì bạn nên cân nhắc việc thêm nội dung của mình vào accordion.

Bạn có thể thêm các accordion theo chiều dọc hoặc ngang với văn bản bên trong mỗi tab. Khi người dùng nhấp hoặc di chuột qua trên tab, nó sẽ mở rộng để hiển thị nội dung.

Bước 1: Vào Plugins => search “Accordion ” bạn sẽ thấy được giao diện như thế này:

Bước 2 Sử dụng: bạn truy cập vào Dashboard => Easy Accordion:

chọn Add new bạn thêm Title , Content gồm title và description

  • Phần accrdion setting:

+ Accordion Layout: chọn kiểu hiển thị

+ Choose a Theme: bạn nâng lên bản pro sẽ thấy được hơn 20 theme có sẵn về giao diện tha hồ cho bạn lựa chọn

+ Activator Event: Kiểu sự kiện khi giê chuột: click , di chuột hay là tự động (autoplay)

– Display settings: cho phép bạn chọn khoảng cách giữa title, description như thế nào, style icon ra sao , …

  • Typography: cho phép bạn chọn font chữ phù hợp :

Sau khi đã tạo thành công ta sẽ dùng short code hoặc php để dán vào nơi bạn muốn có accordion:

Shortcode bên trên là [sp_easyaccordion id=”521″], tại đây mình dán vào trang được kết quả như thế này:

Lời kết

Dưới đây mình đã chia sẻ cách tạo  Accordion trong wordpress, nếu bạn thấy hay đừng quên để lại bình luận bên dưới nhé

Nếu các bạn thấy hay có thể theo dõi chuyên mục thủ thuật wordpress để biết thêm nhiều kiến thức mới nha.

Hãy follow fanpage để nhận được những bài viết mới nhất nhé : Hocwordpress Group

Chúc bạn có những kiến thức về  wordpress thú vị và hay ho !