Disable Gutenberg và giữ trình soạn thảo Editor Classic

Gutenberg

Disable Gutenberg và giữ trình soạn thảo Editor Classic

Kể từ ngày WordPress 5.x ra bản cập nhật Gutenberg đã tắt soạn thảo Classic Editor. Tuy có rất nhiều điều được cải thiện bên trong mã nguồn WordPress nhằm giúp người dùng có trải nghiệm tốt hơn và đơn giản hóa việc sử dụng WordPress thêm nhiều nữa. Nhưng không ngờ Gutenberg lại gây khó khăn với người sử dụng.

Các bạn đang muốn Disable Gutenberg và giữ trình soạn thảo cũ trong WordPress trên website của mình không?

Mình thì rất muốn, Gutenberg là một trình soạn thảo mới được thay thế cho Editor Classic WordPress. Mặc dù trông hiện đại, tuy nhiên lại có khá nhiều người dùng cảm thấy khó sử dụng và quay lại trình soạn thảo cũ.

Disable Gutenberg

Những điều cần biết trước khi xóa Gutenberg wordpress khôi phục classic editor

– Gutenberg WordPress mang đến chỉnh sửa dựa trên khối – block-based editing cho WordPress. Tương tự như cách trình soạn thảo Medium hoạt động hoặc trình tạo trang nhẹ. Nó cung cấp rất nhiều lợi ích về mặt sáng tạo nội dung vì bạn có thể:

– Kết hợp các khối block, để tạo ra nội dung nhiều kiểu mới hơn, sáng tạo hơn. Ví dụ như bảng so sánh sản phẩm, hoặc thậm chí là một nút đơn giản mà không cần sử dụng bất kỳ mã nào.

– Sử dụng các cột để tạo bố cục phức tạp hơn mà không cần bất kỳ mã tùy chỉnh.

Gutenberg-Editor

Lý do để xóa trình soạn thảo Gutenberg khôi phục class editor

  • Đầu tiên, có sự quen thuộc. Nếu bạn đã sử dụng WordPress trong nhiều năm và đã hài lòng với trình chỉnh sửa hiện tại, bạn có thể không muốn dành thời gian để tìm hiểu một trình soạn thảo mới.
  • Thứ hai, có sự tương thích. Mặc dù nhóm Gutenberg đang cố gắng làm cho nó tương thích nhất có thể, bạn có thể không muốn chịu bất kỳ rủi ro nào trên các trang web của mình, ít nhất là vào lúc đầu. Ngay cả khi bạn chỉ vô hiệu hóa nó trong một vài tháng, điều đó sẽ mang đến cho các nhà phát triển cơ hội để giải quyết mọi cơn đau ngày càng tăng.
  • Cuối cùng, có tình huống bạn đang xây dựng trang web chuẩn SEO cho khách hàng. Nếu bạn là một freelancer hoặc đại lý quản lý các trang web của khách hàng, khách hàng của bạn có thể khó chịu với bạn nếu giao diện của họ đột nhiên thay đổi.

Trong bài viết ngày hôm nay, mình sẽ hướng dẫn cho các bạn cách để vô hiệu hóa Gutenberg một cách dễ dàng và giữ lại trình soạn thảo Classic trong WordPress.

Gutenberg-Editor

Cài đặt plugin Disable Gutenberg để xóa Gutenberg WordPress khôi phục trình soạn thảo classic editor

Dĩ nhiên bạn vô hiệu hóa Gutenberg (Block Editor) thì trình soạn thảo sẽ tự động chuyển về Classic Editor. Quá dễ đúng không nào.

Disable Gutenberg Editor

Truy cập vào trang quản trị WordPress > Plugin > Cài mới > Tìm plugin Disable Gutenberg > Cài đặt > Kích hoạt > Hoàn tất.

Hơn 100k kích hoạt và có nhiều cách làm để khôi phục trình soạn thảo Classic Editor khi bạn nâng cấp lên WordPress 5.0 trở lên. Hãy chọn cho mình một cách làm mà bạn thích.

Giờ thì bạn thử vào thêm bài viết, trang,… mới bạn sẽ thấy trình soạn thảo của bạn đã trở lại với Classic Editor (TinyMCE) rồi đó.

Cài đặt plugin Classic Editor 

Theo mặc định thì Plugin này sẽ ẩn toàn bộ khối của trình soạn thảo mới. Đưa nó trở về trình mặc định trước đây.

Cách làm hoàn toàn đơn giản, chỉ cần cài đặt plugin và kích hoạt nó là xong.

Truy cập vào trang quản trị WordPress > Plugin > Cài mới > Tìm tên plugin Classic Editor > Cài đặt > Kích hoạt > Hoàn tất.

Classic Editor

Truy cập vào Settings => Writting. Tại đây bạn sẽ thấy xuất hiện thêm một vài thiết lập.

Gutenberg-Editor

Trong đó:

  • Default editor for all users: chọn trình soạn thảo mặc định cho tất cả người dùng (Classic Editor hoặc Gutenberg).
  • Allow users to switch editors: cho phép người dùng chuyển đổi trình soạn thảo cho phù hợp với nhu cầu của họ.

Nếu bạn chọn Yes, trong sidebar bên phải của trình soạn thảo sẽ xuất hiện thêm tùy chọn cho phép chuyển đổi giữa Classic Editor và Gutenberg wordpress.

Sau khi xóa gutenberg wordpress cách chuyển đổi qua lại giữa trình soạn thảo Classic Editor

Bạn đã khôi phục được trình soạn thảo Classic Editor (TinyMCE) theo ý mình rồi. Nhưng lâu lâu bạn vẫn muốn chuyển đổi qua lại giữa 2 trình soạn thảo này để làm quen dần dần. Mình nghĩ tương lai xa thì vẫn phải dùng Gutenberg wordpress (Block Editor) các bạn ạ.

Và đây là cách làm khá đơn giản để bạn trải nghiệm.

Gutenberg-Editor

Truy cập vào trang quản trị WordPress > Cài đặt > Viết > Tại đây thì bạn có thể chọn trình soạn thảo mà bạn muốn sử dụng > Lưu thay đổi > Hoàn tất

Mục Cho phép người dùng chuyển trình soạn thảo nếu bạn chọn  thì khi bạn viết bài mới trên thanh sidebar bên phải dưới cùng sẽ xuất hiện thêm tùy chọn cho phép bạn chuyển đổi qua lại tại giữa Classic Editor (TinyMCE) và Gutenberg wordpress tại đó luôn. Rất tiện lợi phải không nào. Còn chờ gì nữa mà không cài đặt và trải nghiệm.

Cài đặt bằng plugin classic editor, code xóa gutenberg wordpress

Chèn đoạn code vào file functions.php giúp xóa gutenberg wordpress không phục classic editor

Đây là cách cực kỳ đơn giản dành cho những bạn biết một chút về code. Các bạn hãy chèn đoạn code sau vào file functions.php (mở trực tiếp trong hosting hoặc thông qua FTP) của theme đang sử dụng trên website nhé.

Đoạn mã này sẽ giúp bạn chuyển về trình biên tập cũ classic editor bạn không cần phải sử dụng plugin classic editor để làm gì nặng back end, đoạn code này tối ưu và xóa toàn bộ css block của Gutenberg luôn

/* xoa css block WordPress khong su dung */
// Fully Disable Gutenberg editor.
add_filter('use_block_editor_for_post_type', '__return_false', 10);
// Don't load Gutenberg-related stylesheets.
add_action( 'wp_enqueue_scripts', 'remove_block_css', 100 );
function remove_block_css() {
wp_dequeue_style( 'wp-block-library' ); // WordPress core
wp_dequeue_style( 'wp-block-library-theme' ); // WordPress core
wp_dequeue_style( 'wc-block-style' ); // WooCommerce
}

Truy cập vào hositing theo đường dẫn:

/public_html/wp-content/themes/ten-theme-wordpress 

> Tìm và mở file lên ;

functions.php

Dán đoạn vào cuối file > Lưu lại > Hoàn tất. Đoạn code trên áp dụng cho mọi giao diện, mọi themes. Nên cứ thoải mái add vào web bạn muốn.

Tóm tắt

Hi vọng với 3 cách khôi phục trình soạn thảo quen thuộc Classic Editor cho bạn nhiều sự lựa chọn phù hợp với mình.

Có rất nhiều công cụ từ bên thứ ba phụ thuộc rất lớn vào Editor Classic. Nhóm phát triển chính đang cố gắng giúp các nhà phát triển có đủ thời gian để làm cho các plugin và giao diện của họ tương thích với Gutenberg.

Tuy nhiên, rất có khả năng một vài plugin sẽ không tương thích hoàn toàn với Gutenberg.

Nếu đây là những gì bạn đang tìm kiếm, rất có thể những cách này sẽ rất hữu ích với bạn.