• Trang chủ
  • WordPress
    • Thủ thuật WordPress
    • WordPress Plugins
    • WordPress Themes
  • Hosting và Domain
  • Kiếm tiền
  • Đánh giá
  • Khuyến mãi
  • Thông báo
  • Giới thiệu
  • Liên hệ

WP Căn bản

Kiến thức căn bản cho người dùng WordPress

paradise-child-theme-wordpress-theme-tot-nhat
  • Dịch vụ WordPress Hosting
  • Dịch vụ tối ưu WordPress
  • Dịch vụ quét mã độc WordPress
  • Mua Paradise child theme
Trang chủ » WordPress » Thủ thuật WordPress » Gỡ bỏ Gutenberg stylesheet khỏi website WordPress
hosting-tot-nhat-danh-cho-wordpress

Gỡ bỏ Gutenberg stylesheet khỏi website WordPress

Cập nhật: 17/10/2023 Trung Hiếu 45 Bình luận

Mục lục Hiện
  • 1. Gutenberg stylesheet là gì?
  • 2. Làm thế nào để gỡ bỏ Gutenberg stylesheet?
    • 2.1. Đối với theme thông thường
    • 2.2. Đối với theme Paradise
  • 3. Kiểm tra kết quả

Gỡ bỏ Gutenberg stylesheet khỏi WordPress giúp website nhẹ hơn và load nhanh hơn.

go-bo-gutenberg-stylesheet-khoi-website-wordpress

Như vậy là WordPress 5.0 đã chính thức ra mắt được gần 3 tuần. Và kể từ đó đến nay, số lượng người cài đặt plugin Classic Editor để chuyển về sử dụng trình soạn thảo cổ điển của WordPress cũng tăng một cách chóng mặt (đã có hơn 1 triệu website đang kích hoạt plugin này), đủ để thấy Gutenberg mất lòng người dùng như thế nào. Không những gây ra sự khó chịu và bất tiện khi sử dụng, Gutenberg còn âm thầm tải thêm stylesheet của mình vào front-end của website, khiến cho mã nguồn WordPress vốn đã cồng kềnh nay lại càng nặng nề hơn.

Tham khảo thêm:

  • Vô hiệu hóa WordPress Global Styles giúp tăng tốc website
  • Loại bỏ Classic Theme Styles CSS trong WordPress

Gutenberg stylesheet là gì?

Đó là 2 file CSS, bao gồm wp-block-library-css và wp-block-library-theme-css, được tải tự động trên tất cả các website sử dụng phiên bản WordPress từ 5.0 trở lên. Chúng vẫn được tải kể cả khi bạn không dùng trình soạn thảo Gutenberg hay đã cài đặt plugin để thay thế nó bằng trình soạn thảo cổ điển (Classic Editor).

gutenberg-stylesheet-wp-block-library

Mặc dù 2 file này có dung lượng không lớn nhưng chúng cũng sẽ ít nhiều ảnh hưởng đến tốc độ load website. Do đó, nếu không sử dụng Gutenberg, tốt nhất bạn nên vô hiệu hóa chúng đi.

Làm thế nào để gỡ bỏ Gutenberg stylesheet?

Tùy theo theme bạn đang sử dụng mà phương pháp sẽ khác nhau:

Đối với theme thông thường

Tất cả những gì bạn cần làm là chèn đoạn code sau đây vào cuối file functions.php của theme (hoặc child theme) đang sử dụng rồi lưu lại. Các bạn cũng có thể chèn bằng plugin Code Snippets để tránh việc code bị xóa mất khi update theme.

//* Disable Gutenberg stylesheet in front
function wps_deregister_styles() {
    wp_dequeue_style( 'wp-block-library' );
    wp_dequeue_style( 'wp-block-library-theme' );
}
add_action( 'wp_print_styles', 'wps_deregister_styles', 100 );

Nếu site của bạn có cài plugin WooCommerce, hãy thay thế bằng code này:

//* Disable Gutenberg stylesheet in front
function wps_deregister_styles() {
    wp_dequeue_style( 'wp-block-library' );
    wp_dequeue_style( 'wp-block-library-theme' );
    wp_dequeue_style( 'wc-blocks-vendors-style' );
    wp_dequeue_style( 'wc-all-blocks-style' );
}
add_action( 'wp_print_styles', 'wps_deregister_styles', 100 );

Đối với theme Paradise

Chúng tôi đã tích hợp sẵn tính năng này trong theme Paradise kể từ phiên bản 5.2.2. Do đó, các bạn chỉ cần truy cập Giao diện => Tùy biến => Tối ưu tốc độ => Chuyển mục [Gutenberg] Gỡ bỏ Block Editor Stylesheet sang trạng thái Có rồi lưu lại là được. Ngoài ra, các bạn cũng nên bật đồng thời các tính năng [Gutenberg] Vô hiệu hóa Block Editor và [Gutenberg] Gỡ bỏ Global Styles.

go-bo-gutenberg-stylesheet-trong-theme-paradise

Kiểm tra kết quả

Xóa cache website, cache trình duyệt web và kiểm tra kết quả. Nếu không có vấn đề gì thay đổi thì 2 dòng stylesheet của Gutenberg sẽ biết mất khi bạn view source website.

go-bo-gutenberg-stylesheet-wp-block-library

Thật tuyệt vời phải không nào? Chúc các bạn thành công!

Nếu bạn thích bài viết này, hãy theo dõi 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 nhé. Cảm ơn rất nhiều. :)

  • Chia sẻ lên Facebook
  • Chia sẻ lên Twitter
  • Chia sẻ lên LinkedIn

Bài viết liên quan

Ra mắt plugin APCu Object Cache độc quyền tại WP Căn bản
Ra mắt plugin APCu Object Cache độc quyền tại WP Căn bản
Tính năng Crawl Optimization của plugin Yoast SEO
Tính năng Crawl Optimization của plugin Yoast SEO
Vô hiệu hóa WooCommerce Brands để tăng tốc độ
Vô hiệu hóa WooCommerce Brands để tăng tốc độ

Chuyên mục: Thủ thuật WordPress Thẻ: Tăng tốc WordPress

wpcanban-com-facebook-group

Nói về Trung Hiếu

Một người con của xứ Nghệ, hiện đang sinh sống tại Hà Nội. Tôi là người sáng lập và đứng sau mọi hoạt động của WP Căn bản. Tìm hiểu thêm về tôi tại đây.

Bài viết trước « Điểm Google PageSpeed Insights liệu có còn đáng tin?
Bài viết sau Hướng dẫn nâng cấp PHP 7.3 cho website WordPress »

Reader Interactions

Bình luận

    Để lại một bình luận Hủy

    Tất cả các bình luận đều sẽ được kiểm duyệt nghiêm ngặt. Mọi bình luận trái quy định sử dụng sẽ bị gỡ bỏ link hoặc xóa bỏ hoàn toàn. Vui lòng đọc kỹ quy định trước khi bình luận. Xin cảm ơn!

  1. Tuyến 5 bình luậnviết

    19/01/2021 lúc 15:33

    Tôi sửa thì nó cảnh báo thế này là sao ông Hiếu ơi: Something went wrong. Your change may not have been saved. Please try again. There is also a chance that you may need to manually fix and upload the file over FTP.

    Bình luận
    • Trung Hiếu Quản lýviết

      19/01/2021 lúc 17:52

      1 là trùng lặp code (đã chèn trước đó rồi), 2 là xung đột với code hoặc plugin khác trên site, 3 là bạn chèn sai cách. Thử dùng plugin Code Snippets để chèn xem sao.

      Bình luận
  2. Tiến Dũng 1 bình luậnviết

    11/02/2020 lúc 07:12

    Quá tuyệt vời!! Không thích cái kiểu tự động tải về :( Đã load lâu nay còn lâu hơn

    Bình luận
  3. Lucid Gen 51 bình luậnviết

    05/01/2020 lúc 01:20

    Trước nó mới ra thì thấy khó chịu. Mà dùng riết lại thấy nó thông minh hơn ver cũ á anh. Viết bài cũng nhanh hơn.

    Bình luận
  4. Dat Nguyễn 58 bình luậnviết

    22/12/2019 lúc 17:34

    Nếu những bài viết trước đó ở dạng block thì có ảnh hưởng gì ko ạ

    Bình luận
    • Trung Hiếu Quản lýviết

      22/12/2019 lúc 18:00

      Còn tùy vào việc bạn sử dụng những block gì khi viết bài nữa. Nếu chỉ là mấy cái tính năng mà Classic Editor cũng có thì chắc là không vấn đề gì.

      Bình luận
    • Thu Hà 46 bình luậnviết

      26/10/2021 lúc 16:24

      sử dụng block của plugin bên ngoài thì ko nên chuyển về trình cũ bác ạ, sửa lại mệt lắm

      Bình luận
      • Trung Hiếu Quản lýviết

        27/10/2021 lúc 09:15

        Đã lỡ rồi thì chịu khó dùng luôn chứ dùng giữa chừng mới quay lại Classic Editor thì chỉnh sửa mệt mỏi lắm. :P

        Bình luận
        • Thu Hà 46 bình luậnviết

          27/10/2021 lúc 11:48

          blog vài chục bài viết chuyển về sửa cũng đc, chứ vài trăm, vài ngàn thì cứ dùng trình soạn thảo mới thôi bác ạ. Nếu làm ở công ty nữa thì càng ko nên.

          Bình luận
  5. Hoa Bất Tử 1 bình luậnviết

    24/07/2019 lúc 14:01

    Đã làm thành công, cảm ơn bài chia sẽ rất hữu ích từ bác

    Bình luận
  6. Hoa sen vàng 10 bình luậnviết

    20/06/2019 lúc 08:59

    Thật sự cũng không quan tân lắm đến Gutenberg stylesheet vì nó là một dạng ký sinh mà người dùng thông thười không thể nào biết được. Rất cám ơn Trung Hiếu về thông tin này, loại bỏ CSS chắc chắn sẽ load nhanh hơn rồi. Thanks !

    Bình luận
« 1 2 3

Sidebar chính

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. Tặng miễn phí ebook "Bảo mật WordPress toàn tập" do WP Căn bản biên soạn!

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

Dịch vụ WordPress Hosting

dich-vu-wordpress-hosting-chat-luong-cao

Bạn đang tìm gì?

WordPress căn bản

Bảo mật WordPress

Tăng tốc WordPress

Thủ thuật CloudFlare

Sửa lỗi WordPress

Thủ thuật LiteSpeed

Thủ thuật Genesis

Thủ thuật SEO

Thủ thuật WooCommerce

Sử dụng theme Paradise

Dịch vụ tối ưu WordPress miễn phí

dich-vu-toi-uu-wordpress-mien-phi

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

dich-vu-quet-ma-doc-wordpress-mien-phi

Footer

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

  • Monarx Security được tích hợp vào dịch vụ WordPress Hosting 15/06/2025
  • Hiển thị code trong bài viết của WordPress 07/06/2025
  • Plugin SMTP siêu nhẹ dành cho WordPress 26/05/2025
  • Plugin contact form siêu nhẹ cho WordPress 23/05/2025

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

  • Trung Hiếu trong Monarx Security được tích hợp vào dịch vụ WordPress Hosting
  • TITAN VINA trong Monarx Security được tích hợp vào dịch vụ WordPress Hosting
  • Trung Hiếu trong Monarx Security được tích hợp vào dịch vụ WordPress Hosting
  • TITAN VINA trong Monarx Security được tích hợp vào dịch vụ WordPress Hosting

Thông tin hữu ích

  • Giới thiệu bản thân
  • Quy định sử dụng
  • Chính sách bảo mật
  • Bản quyền nội dung

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

9 Chuyên mục - 1.005 Bài viết - 35.545 Bình luận

Bản quyền © 2014 - 2025 · WP Căn bản (tiền thân là eBooksvn.com) · Sử dụng Paradise child theme và dịch vụ WordPress Hosting