• WordPress
    • Thủ thuật WordPress
    • WordPress plugins
    • WordPress themes
    • Hosting và domain
  • Kiếm tiền
    • Google AdSense
    • Tiếp thị liên kết
    • Rút gọn link
  • Quà tặng
  • Khuyến mãi
  • Đánh giá
  • Dịch vụ
    • WordPress Hosting
    • Cài đặt WordPress
    • Quét mã độc WP
    • Tối ưu WordPress
    • Cài theme Paradise
  • Liên hệ

WP Căn bản

Thủ thuật WordPress và kiếm tiền online

wordpress-theme-tot-nhat

  • Bắt đầu
  • Thủ thuật WordPress
  • WordPress plugins
  • WordPress themes
  • Hosting và domain
  • Thông báo
Trang chủ » WordPress » WordPress plugins » Top 9 plugins tạo tabs tốt nhất cho blog WordPress

Top 9 plugins tạo tabs tốt nhất cho blog WordPress

08/09/2014 17/07/2015 Trung Hiếu 37 Bình luận

Top 9 plugins tạo tabs tốt nhất cho blog WordPress.

wordpress-tabs-plugins

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

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

Post-UI-Tabs

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

Tabby-Responsive-Tabs

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

WordPress-Post-Tabs

Đâ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-Accordions-Sliders

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

tab-slide

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

WP-Tab-Widget

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

slide-tabs

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

mate-tabs-reload

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. :)

Bài viết liên quan

Chuyên mục: WordPress plugins Thẻ: Tabs Plugins

dich-vu-cai-dat-website-wordpress-mien-phi

Tác giả: Trung Hiếu

Một người con của xứ Nghệ, hiện đang sinh sống tại Hà Nội. Theo dõi tôi trên Facebook để cập nhật những tin tức mới nhất liên quan đến WordPress nhé.

Previous Post: « Nhận miễn phí 7 tháng sử dụng VPS tại Digital Ocean
Next Post: vHost.vn tưng bừng khuyến mãi mừng sinh nhật 4 tuổi »

Reader Interactions

Bình luận

    Trả lời Hủy

    Lưu ý:
    > Không sử dụng từ khóa trong mục "Tên".
    > Hãy sử dụng tên thật và địa chỉ email chính xác.
    > Vui lòng bình luận bằng tiếng Việt có dấu.
    Mọi bình luận trái quy định sẽ bị gỡ bỏ link hoặc xóa bỏ hoàn toàn.

  1. quangmen93 đã bình luận:

    13/12/2018 at 13:43

    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 :)))

    Trả lời
  2. thuan01 đã bình luận:

    04/05/2018 at 09:46

    Bài viết rất chi tiết. cảm ơn tác giả

    Trả lời
    • quangmen93 đã bình luận:

      13/12/2018 at 13:21

      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 :( :(

      Trả lời
  3. NgocBlue đã bình luận:

    20/09/2016 at 22:31

    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ỉ?

    Trả lời
    • Trung Hiếu đã bình luận:

      21/09/2016 at 06:17

      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

      Trả lời
      • NgocBlue đã bình luận:

        21/09/2016 at 09:49

        Đúng là nó bị xung đột với wp rocket Hiếu ạ, giờ buộc phải chọn 1 trong 2 à?

        Trả lời
        • Trung Hiếu đã bình luận:

          21/09/2016 at 09:52

          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 đó. :)

          Trả lời
          • NgocBlue đã bình luận:

            21/09/2016 at 10:10

            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

          • Trung Hiếu đã bình luận:

            21/09/2016 at 10:11

            Vậy thì tắt chức năng tối ưu đi. Để nó tạo cache thôi. :D

          • NgocBlue đã bình luận:

            21/09/2016 at 10:14

            Ừ tắt hết rồi mà :D

          • Trung Hiếu đã bình luận:

            21/09/2016 at 10:31

            Vẫn không được à? Nếu thế thì phải đổi qua plugin khác thôi. :P

          • NgocBlue đã bình luận:

            23/09/2016 at 11:53

            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

          • Trung Hiếu đã bình luận:

            23/09/2016 at 12:03

            Không update thì ảnh hưởng đến khả năng tương thích và bảo mật. :D

  4. vanelove đã bình luận:

    13/07/2016 at 15:31

    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

    Trả lời
    • Trung Hiếu đã bình luận:

      13/07/2016 at 15:47

      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”. :)

      Trả lời
  5. Phúc đã bình luận:

    04/05/2016 at 21:16

    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!

    Trả lời
    • Trung Hiếu đã bình luận:

      05/05/2016 at 05:47

      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. :)

      Trả lời
      • Phúc đã bình luận:

        05/05/2016 at 08:04

        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

        Trả lời
        • Trung Hiếu đã bình luận:

          05/05/2016 at 08:06

          Làm cách nào cũng được. :P

          Trả lời
          • Phúc đã bình luận:

            05/05/2016 at 08:07

            Dạ, cảm ơn anh!

  6. Thanh đã bình luận:

    03/03/2016 at 10:06

    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

    Trả lời
    • Trung Hiếu đã bình luận:

      03/03/2016 at 10:23

      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

      Trả lời
  7. Hải đã bình luận:

    29/01/2016 at 11:52

    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.

    Trả lời
    • Trung Hiếu đã bình luận:

      29/01/2016 at 11:55

      Cái này build bằng Visual Composer nhé. :)

      Trả lời
      • Hải đã bình luận:

        29/01/2016 at 12:29

        Có cách nào làm như vậy được không Hiếu :D

        Trả lời
        • Trung Hiếu đã bình luận:

          29/01/2016 at 13:17

          Dùng plugin Visual Composer là làm được thôi. :P

          Trả lời
          • Hải đã bình luận:

            29/01/2016 at 14:38

            Cảm ơn nhiều nhé Hiếu.

  8. Nguyễn Đức Linh đã bình luận:

    09/09/2014 at 13:44

    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.

    Trả lời
    • Trung Hieu đã bình luận:

      09/09/2014 at 15:43

      Vậy thì còn chần chừ gì nữa? Thử ngay và luôn. :D

      Trả lời
  9. Cường đã bình luận:

    09/09/2014 at 10:41

    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

    Trả lời
    • Trung Hieu đã bình luận:

      09/09/2014 at 12:32

      Ô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

      Trả lời
  10. Cường đã bình luận:

    09/09/2014 at 08:58

    Cập nhật WP lên 4.0 chưa Hiếu?

    Trả lời
    • Vũ Thế Khoa đã bình luận:

      09/09/2014 at 09:06

      Ổ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

      Trả lời
      • Trung Hieu đã bình luận:

        09/09/2014 at 10:07

        Ơ. 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

        Trả lời
        • Thích Viết Blog đã bình luận:

          09/09/2014 at 18:18

          Sắp đc rồi đang backup lại :D

          Trả lời
          • Trung Hieu đã bình luận:

            09/09/2014 at 18:44

            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

    • Trung Hieu đã bình luận:

      09/09/2014 at 10:03

      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

      Trả lời

Primary Sidebar

NHẬN BÀI VIẾT QUA EMAIL

Hãy đăng ký ngay để là người đầu tiên nhận được thông báo qua email mỗi khi chúng tôi có bài viết mới!

Theo dõi qua mạng xã hội

Dịch vụ WordPress Hosting

dich-vu-wordpress-hosting-gia-re-tot-nhat

Bạn đang tìm gì?

  • WordPress căn bản
  • Bảo mật WordPress
  • Tăng tốc WordPress
  • Sửa lỗi WordPress
  • Thủ thuật Genesis
  • Thủ thuật SEO

Dịch vụ tối ưu WordPress

dich-vu-toi-uu-website-wordpress-chat-luong-cao

Bài viết mới nhất

  • Google Site Kit có thực sự cần thiết cho website của bạn? 18/11/2019
  • Hạ cấp WordPress về phiên bản cũ một cách đơn giản 13/11/2019
  • Lazyload hình ảnh với plugin chính thức từ Google 06/11/2019
  • Hướng dẫn đổi tên miền không mất thứ hạng tìm kiếm 20/10/2019
  • Ẩn bài viết trong WordPress một cách đơn giản 08/10/2019
  • Chèn nút like Facebook vào bài viết trên website WordPress 10/09/2019

Dịch vụ quét mã độc miễn phí

quet-ma-doc-mien-phi-cho-website

Footer

Bình luận mới nhất

  • Duẩn Hoàng trong Google Site Kit có thực sự cần thiết cho website của bạn?
  • Trung Hiếu trong Hướng dẫn cài LiteSpeed Cache cho WordPress một cách đơn giản
  • Thanh mộc hương trong Google Site Kit có thực sự cần thiết cho website của bạn?
  • Dat Nguyen trong Hướng dẫn cài LiteSpeed Cache cho WordPress một cách đơn giản

Bình luận nhiều nhất (tháng)

  1. Dat Nguyen (2)
  2. Du Dang (2)
  3. Duẩn (2)
  4. Mai Xuân Tiến (2)
  5. Phong Thần Thánh (2)
  6. Thanh Tuyền (2)

Liên kết và Đối tác

  • Quy định sử dụng
  • Chính sách bảo mật
  • Bản quyền nội dung
  • Canh Me

Thống kê WP Căn bản

10 Chuyên mục - 928 Bài viết - 34275 Bình luận

Bản quyền © 2014 - 2019 · WP Căn bản · Sử dụng Paradise child theme và dịch vụ WordPress Hosting