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. :)
Cập nhật WP lên 4.0 chưa Hiếu?
Ổng ấy cập nhật lâu rồi từ cái hồi review cho WP Benny ấy. Còn tui thì đang chết đứng ở cái WP 4.0 vì ấm quá khôgn backup lại trước òa òa òa
Ơ. Thế hôm trước mình bày cho các update thủ công rồi mà không khắc phục được à? :-P
Sắp đc rồi đang backup lại :D
Mình update WordPress có bao giờ backup đâu. Đơn giản vì nó không ảnh hưởng đến các file trong thư mục wp-content. Chỉ cần cái database không bị làm sao là được. Nếu lỗi thì mình update lại bằng phương pháp thủ công. Hehe. :P
Update lâu rồi ba. Viết luôn bài review về WordPress 4.0 rồi mà. Tìm lại mà đọc đi. :-P
Lần nào update cũng bị lỗi không vào được admin,1 trang thì phải update lại thư mục wp-admin.1cái thì update lại login.php.Lên 4.0 chạy tốt hơn.Hỗ trợ trực tiếp link youtube luôn,nên tốc độ tặng khá nhiều
Ông làm cái gì mà lần nào update cũng bị lỗi vậy? Vứt mấy cái plugin cache đi. :P
Sau nhiều thời gian tìm tòi. Cuối cùng cũng đến nơi . Hix hix
Mình đang rất cần mấy cái làm tabs như thế này.
Vậy thì còn chần chừ gì nữa? Thử ngay và luôn. :D
Hiếu ơi! Cho hỏi cái web opalriverside . org sao kéo xuống nó có hình động, clip chạy ngang qua như vậy là dùng Plugin nào vậy. Chỉ mình với.
Cái này build bằng Visual Composer nhé. :)
Có cách nào làm như vậy được không Hiếu :D
Dùng plugin Visual Composer là làm được thôi. :P
Cảm ơn nhiều nhé Hiếu.
Dùng plugin thì tiện nhưng nghe nói làm nặng web mà trên mạng ko thấy thủ thuật tích hợp luôn vào themes
Dùng plugin là giải pháp đơn giản và nhanh chóng nhất. Đó cũng là một trong những lợi thế lớn của WordPress. :) Bạn tích hợp nó vào theme thì độ “nặng” cũng tương đương mà thôi. :D
Anh Hiếu cho em hỏi một tí, đang rối mà tìm mãi trên mạng không có kết quả.
EM muốn cài plugin tabs cho website, nhưng theo như em tìm hiểu thì nếu cài thì Google chỉ quét được 1 tab, còn lại bị ẩn không quét được. Như vậy không có lợi cho SEO.
Bên Blog anh Dâm Việt đưa ra giải pháp là bỏ mấy đoạn Javascrip rong mấy cái tab ấy đi để chuyển sang dạng Blade.
Nhưng mà em không biết làm, anh chỉ hướng làm giúp em được không, chỉ hướng giải quyết thôi ạ.
Cảm ơn anh rất nhiều!
Mình nghĩ bạn nên thêm thẻ rel=”next page” và rel=”previous page” thì sẽ đơn giản hơn. Page ở đây chính là các tabs. Bots có thể crawl được toàn bộ dữ liệu thông qua các thẻ này. :)
Như vậy thì có cần cài plugin tabs không, hay chỉ cần vô code của nó rồi thêm mấy thẻ này ạ.
Hay là cài plugin tabs rồi vô code bỏ javascript xong thêm 2 thẻ trên vào?
Hixx
Làm cách nào cũng được. :P
Dạ, cảm ơn anh!
ad ơi cho mình hỏi là có plugin nào, mà làm menu chạy theo khi kéo chuột không
Bạn tham khảo bài viết này nhé: https://wpcanban.com/wordpress/wordpress-plugins/top-4-plugins-tao-sticky-header-trong-wordpress.html. Hoặc vào Google và search với từ khóa “sticky menu for WordPress”. :)
Hiếu ơi cái plugin WP tab widget của myThemeShop trên web mình bị lỗi cứ ấn vào tab là nó nhảy lên đầu trang. Chỉ có lúc vào trang bằng tài khoản admin thì mới được bình thường.
Không biết cách nào gửi ticket hỏi họ được Hiếu nhỉ?
Có vẻ nó bị xung đột với plugin tạo cache hoặc minify dữ liệu nào đó trên site của bạn rồi. Kiểm tra xem có đúng như vậy không nhé. :P
Đúng là nó bị xung đột với wp rocket Hiếu ạ, giờ buộc phải chọn 1 trong 2 à?
Ngọc có sử dụng tính năng tối ưu JS và CSS của WP Rocket không? Nếu có thì thêm link file js và css của plugin WP Tab Widget vào mục không tối ưu là được mà. Mở bài hướng dẫn cài plugin WP Rocket ra xem lại nhé. Mình có hướng dẫn rồi đó. :)
Mình không dùng tính năng tối ưu đó, nhưng vẫn thử thêm vào như hướng dẫn của Hiếu mà vẫn ko được. Chắc phải đổi cái plugin tab rồi
Vậy thì tắt chức năng tối ưu đi. Để nó tạo cache thôi. :D
Ừ tắt hết rồi mà :D
Vẫn không được à? Nếu thế thì phải đổi qua plugin khác thôi. :P
Vấn đề đã được giải quyết bằng cách dùng lại WP Rocket phiên bản cũ bạn Hiếu ạ. Thế là hết cập nhật :P
Không update thì ảnh hưởng đến khả năng tương thích và bảo mật. :D
Bài viết rất chi tiết. cảm ơn tác giả
làm update wp 5.0.1 giờ phải hạ xuống phiên bản wp 4.9.8 .. cái plugin Easy Responsive Tabs nó không hoạt động ở phiên bản wp 5.0.1 .. cmm nó chả lẻ phải dùng phiên wp 4.9.8 suốt đời hay sao … Đăng > 4000 bài dùng plugin Easy Responsive Tabs làm sao sữa cho nỗi . Má nó thiệt đắng cả lòng :( :(
làm update wp 5.0.1 giờ phải hạ xuống phiên bản wp 4.9.8 .. cái plugin Easy Responsive Tabs nó không hoạt động ở phiên bản wp 5.0.1 .. cmm nó chả lẻ phải dùng phiên wp 4.9.8 suốt đời hay sao … Đăng > 4000 bài dùng plugin Easy Responsive Tabs làm sao sữa cho nỗi . Má nó thiệt đắng cả lòng :( :( .. comment nhầm chỗ ad xóa comment trước với :) … ad nên cập nhật lại biết này :)))