Tạo Accordion trong wordpress

Ngày đăng: 10 - 06 - 2021 Lượt xem: 1425 lượt

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 !

5 1 vote
Đánh giá bài viết

Nhận thông báo
Nhận thông báo cho
guest

1 Bình luận
Bình chọn
Mới nhất Cũ nhất
Inline Feedbacks
View all comments
quanglinh

đẹp quá q ưi

Bài viết liên quan

WordPress Multisite là gì? 6 bước cài đặt chi tiết

WordPress Multisite là gì? 6 bước cài đặt chi tiết

20 - 11 - 2022

Doanh nghiệp của bạn đang phát triển muốn mở rộng thêm nhiều chi nhánh và muốn xây dựng thêm...

Chi tiết cách kiểm tra mã độc WordPress và loại bỏ chúng

Chi tiết cách kiểm tra mã độc WordPress và loại bỏ chúng

15 - 11 - 2022

Đối với website, mã độc được sử dụng để đánh cắp thông tin khách hàng, nắm giữ thông tin...

So sánh Blogspot và WordPress, 2 nền tảng Blog tốt nhất hiện nay

So sánh Blogspot và WordPress, 2 nền tảng Blog tốt nhất hiện nay

11 - 11 - 2022

WordPress và Blogspot hiện nay đang là 2 nền tảng website dạng blog nổi tiếng nhất trên thế giới....

Uncategorized là gì, cách đổi tên danh mục Uncategorized trong WordPress

Uncategorized là gì, cách đổi tên danh mục Uncategorized trong WordPress

05 - 11 - 2022

Trong WordPress, Category để chỉ một danh mục được sử dụng để gom các bài viết có liên quan...

Elementor là gì? hướng dẫn cài đặt Elementor chi tiết

Elementor là gì? hướng dẫn cài đặt Elementor chi tiết

03 - 11 - 2022

Elementor là một plugin xây dựng trang giúp bạn dễ dàng tạo các trang web WordPress đẹp. Ngay cả...

4 cách xóa category trong URL WordPress đơn giản, nhanh chóng

4 cách xóa category trong URL WordPress đơn giản, nhanh chóng

02 - 11 - 2022

Nhà phát triển wordpress thêm / category / urls để dễ dàng xác định các trang web có /...

1
0
Would love your thoughts, please comment.x