Tạo Accordion trong wordpress

Ngày đăng: 10 - 06 - 2021 Lượt xem: 13 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 !

0 0 votes
Article Rating

Mục lục
guest
0 Comments
Inline Feedbacks
View all comments

Bài viết liên quan

Tạo post phổ biến trong MonsterInsights

Tạo post phổ biến trong MonsterInsights

09 - 06 - 2021

Tạo post phổ biến trong MonsterInsights như thế nào ? MonsterInsights  là plugin giúp việc thiết lập Google Analytics trở...

Tạo landing page với SeedProd

Tạo landing page với SeedProd

09 - 06 - 2021

Tạo landing page với SeedProd như thế nào? SeedProd là plugin kéo và thả trang đích phổ biến nhất cho...

Cập nhập Wordpress sao cho an toàn

Cập nhập Wordpress sao cho an toàn

04 - 06 - 2021

Cập nhập Wordpress sao cho an toàn là như thế nào ? Mỗi bản cập nhật WordPress đều có những...

Top Youtube Video Gallery Wordpress

Top Youtube Video Gallery Wordpress

04 - 06 - 2021

Top  Youtube Video Gallery Wordpress là như thế nào? Chào các bạn như các bạn biết việc nhúng video Youtube...

Tạo Youtube  Feed cho Wordpress

Tạo Youtube Feed cho Wordpress

03 - 06 - 2021

Chào các bạn hôm nay mình sẽ giới thiệu cho các bạn làm sao tạo Youtube Feed cho Wordpress. Đầu...

Search form với Ivory Search Wordpress

Search form với Ivory Search Wordpress

03 - 06 - 2021

Search form với Ivory Search Wordpress là gì và sử dụng nó ra sao? Như các bạn biết 1 trang...

0
Would love your thoughts, please comment.x
()
x