Top 9 plugins tạo tabs tốt nhất cho blog WordPress.
Khi xây dựng một trang web bằng WordPress, đặc biệt là một trang có chứa rất nhiều nội dung, bạn có thể sẽ gặp phải rất nhiều khó khăn về khía cạnh trình bày. Làm thế nào để hiển thị tất cả các nội dung mà không làm chậm tốc độ truy cập trang web? Làm thế nào để có thể vừa đảm bảo được tính thẩm mỹ, gắn kết chặt chẽ, logic trong bố cục vừa tích hợp được tất cả các thông tin mà bạn cần phải thể hiện?
Đó là một hành động nhằm cân bằng giữa hình thức và chức năng. Bạn cần nội dung trang web được thể hiện theo một cách nhất định, nhưng bạn lại không muốn phải hy sinh thiết kế của nó. Bạn muốn tích hợp một tính năng cụ thể nhưng làm như vậy có thể phá vỡ bố cục của trang web. Những lúc như vậy, sử dụng các “tabs” chính là giải pháp thông minh và hữu hiệu nhất. Vậy, cái được gọi là “tabs” trông như thế nào? Ví dụ trực quan nhất chính là các tabs trên trình duyệt web của bạn. Nó cho phép chúng ta mở cùng một lúc nhiều trang web khác nhau, di chuyển qua lại giữa các trang web mà không cần tắt trang web trước đó. Và “tabs” trong WordPress cũng tương tự như vậy.
Trong bài viết này, tôi sẽ giới thiệu đến các bạn top 9 tabs plugins tốt nhất dành cho blog WordPress. Hy vọng các bạn có thể chọn được 1 plugins phù hợp cho blog/website của mình.
1. Easy Responsive Tabs – Download
Easy Responsive Tabs là một plugin được khuyên dùng bởi nhiều nhà phát triển. Nó tương thích với Bootstrap 3.0 và hoạt động bằng cách thêm các nút bấm TinyMCE đơn giản vào trình soạn thảo bài viết. Sau đó, tất cả những gì bạn phải làm là bấm vào biểu tượng thích hợp trong trình soạn thảo để chèn các tab responsive vào bài viết hoặc trang web của mình.
2. Post UI Tabs – Download
Một plugin miễn phí khác mà có thể bạn muốn thử là Post UI Tabs. Bạn khó có thể tìm được một plugin nào đơn giản hơn nó. Sau khi cài đặt, bạn có thể dễ dàng chèn các tab jQuery vào bài viết và trang bằng cách sử dụng shortcodes. Nó được trang bị tới 24 giao diện người dùng khác nhau, do đó bạn chắc chắn sẽ tìm thấy một giao diện phù hợp với trang web của mình.
3. Tabby Responsive Tabs – Download
Một sự lựa chọn miễn phí thu hút sự chú ý của nhiều nhà phát triển là Tabby Tabs Responsive plugin. Nó hoạt động dựa vào jQuery như nhiều tab plugin khác nhưng lại sở hữu nhiều tính năng nổi bật khác để đáng được chú ý. Ví dụ, bạn có thể tạo ra một tập hợp các tab ngang để hiển thị trong một trang hoặc bài viết và chúng sẽ tự động chuyển sang một giao diện giống đàn accordion trên màn hình nhỏ hơn. Bạn cũng có thể chèn nhiều hơn một tab trên một trang.
4. WordPress Post Tabs – Download
Đây là một giải pháp đầy đủ để tạo các tab cho trang web của bạn. WordPress Post Tabs có thể làm mọi thứ mà bạn mong muốn nhận được từ một tab plugin.
5. WP UI – Tabs, Accordions, Sliders – Download
WP UI – Tabs, accordion, Sliders là một một plugin miễn phí có giá trị. Đúng như tên gọi của nó, plugin này giúp cải thiện giao diện người dùng trang web của bạn để khách truy cập không bị sa lầy bởi sự lộn xộn. Bạn có một số tùy chọn để tổ chức nội dung, bao gồm cả các tab, accordions, spoilers và hộp thoại. Nó cũng đi kèm với shortcodes để thực hiện mọi việc một cách dễ dàng.
6. Tab slide – Download
Nếu bạn cần một giải pháp đơn giản cho trang web của mình, TAB SLIDE, chỉ có thể là nó. Plugin này giúp bạn hiển thị nhiều nội dung trong một không gian nhỏ một cách dễ dàng. Thêm các widget, RSS, video, hình ảnh, bài viết, menu, form đăng ký và nhiều thứ khác… vào trong tab. Sau khi cài đặt, một bảng điều khiển sẽ xuất hiện trong WordPress Dashboard. Bạn có thể thay đổi kích thước của các tab, nguồn trang, độ mờ đục, vị trí và nhiều hơn nữa…
7. WP Tab Widget – Download
Một plugin miễn phí nữa mà tôi thích là WP Tab Widget. Nó có hiệu ứng lazy load, làm cho các tab đặc biệt thu hút. Ban đầu, nó được thiết kế như là một plugin trả phí nhưng giờ đây, nó hoàn toàn miễn phí. Hiệu ứng tải lười biếng có thể được thực hiện nhờ AJAX.
8. SlideTabs – Download
Nếu bạn đang tìm kiếm một plugin cao cấp để thử, tôi có thể đề nghị SlideTabs? Với plugin này, bạn có thể hiển thị nhiều tab như bạn muốn nhờ nút định hướng. Bằng cách đó, khách truy cập trang web của bạn có thể bấm vào truy cập một loạt các tab, ngay cả khi họ mở rộng ra ngoài. Nó cũng hỗ trợ màn hình cảm ứng, do đó người dùng có thể trượt qua lại giữa các tab dễ dàng.
9. Mate Tabs Reload – Download
Plugin cuối cùng mà tôi muốn đề cập đến trong bài viết này là Mate Tabs Reload. Đây là một plugin trả phí nhưng nó mang lại nhiều tính năng độc đáo, có một không hai. Nó kết hợp các tính năng của tab và accordion để bổ sung vào giao diện một cách thuận tiện. Nó hoàn toàn responsive, hỗ trợ màn hình retina và hỗ trợ các hiệu ứng di chuột và click vào các sự kiện, tạo ra một trải nghiệm tương tác tuyệt vời cho khách truy cập trang web của bạn.
Nếu bạn thích bài viết này, hãy subscribe blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất qua email nhé. Cảm ơn rất nhiều. :)
Cho mình hỏi xíu, giả sử mình muốn tạo 1 page có 5 tab, mỗi tab lại chứa nhiều spoiler/accordion chứa video, iframe… thì nên dùng combo plugin nào để đơn giản và tối ưu nhất? ví dụ Tabby Responsive Tabs + Simple Spoiler + Advanced iFrame liệu có ok ko nhỉ?
P/s: mình thấy trong hướng dẫn cài đặt theme paradise cho website mới có nhắc tới paradise-duplicator.zip, cái file này down ở đâu vậy Hiếu :D
1. Mình chưa bao giờ tạo accordion bên trong tabs nên cũng không rõ đâu bạn ạ. 😅
2. Nếu bạn đặt mua theme trên shop.wpcanban.com thì đăng nhập tài khoản trên đó để download nhé. Còn nếu đã mua quá lâu rồi thì liên hệ mình qua email admin@wpcanban.com và cung cấp thông tin mua hàng để được hỗ trợ. 😊
2. Tìm mãi không thấy á @@
https://i.postimg.cc/HxcvR0SJ/Screenshot-2022-12-19-at-12-00-40-T-i-kho-n-WP-Shop.png
Cái nút có chữ “Full demo” kìa bạn. Ôi trời. @@!
ặc hoá ra là cái full demo, bảo sao giải nén 4 file đầu ko thấy :P
Nhờ Ad nốt cái này, giả sử mình tạo 1 page gồm 5 tab, mỗi tab chứa 15 cái accordion nội dung thì dùng plugin lazyload hay phương pháp nào để tối ưu tải trang ạ?
Lazyload cũng chỉ lazyload được hình ảnh và iframe thôi bạn. Mình thường dùng tính năng có sẵn của plugin LiteSpeed Cache để làm điều này.