Tạo Accordion trong wordpress

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

Mục lục
guest
0 Góp ý
Inline Feedbacks
View all comments

Bài viết liên quan

Hướng dẫn chuyển từ HTTP sang HTTPs chi tiết nhất

Hướng dẫn chuyển từ HTTP sang HTTPs chi tiết nhất

16 - 08 - 2022

Chuyển từ HTTP sang HTTPs là một điều gần như bắt buộc cho các website WordPress hiện nay. Chuyển...

Cấu hình SMTP trong WordPress mà không sử dụng plugin

Cấu hình SMTP trong WordPress mà không sử dụng plugin

26 - 05 - 2022

Đôi khi, bạn không muốn cài nhiều plugin vì lý do bảo mật. Vì vậy bạn có thể tự...

Hướng dẫn custom Bảng tin trong admin WordPress

Hướng dẫn custom Bảng tin trong admin WordPress

11 - 05 - 2022

Bạn có nghĩ rằng bảng tin trong admin WordPress thật lộn xộn và có nhiều phần không cần thiết...

Cách đặt hình ảnh đại diện mặc định trong WordPress

Cách đặt hình ảnh đại diện mặc định trong WordPress

08 - 05 - 2022

Bạn có muốn đặt hình ảnh đại diện mặc định trong WordPress không? Nhiều theme sử dụng hình ảnh đại...

Hiển thị ngày đăng ký của người dùng vào trang tất cả người dùng

Hiển thị ngày đăng ký của người dùng vào trang tất cả người dùng

06 - 05 - 2022

Giả sử rằng có một cuộc tấn công spam vào trang web của bạn. Có gần 50 người dùng...

Làm việc với DateTime trong WordPress

Làm việc với DateTime trong WordPress

04 - 05 - 2022

Một năm trước, mình phát triển một plugin liên quan đến thời gian biểu. Và mình sớm nhận ra...

0
Would love your thoughts, please comment.x