Cách tắt chế độ toàn màn hình của WordPress Editor

Bạn có muốn tắt chế độ toàn màn hình (FullScreen) của trình soạn thảo WordPress?

Sau khi cập nhật, theo mặc định WordPress 5.4 sẽ mở các bài viết và trang bạn tạo mới/chỉnh sửa ở chế độ toàn màn hình. Trong khi chế độ Distraction-free writting mode cung cấp cho bạn một trải nghiệm viết bài gọn gàng, tập trung vẫn có một số người muốn quay trở lại chế độ soạn thảo trước đó.

Trong bài viết này, tôi sẽ chia sẻ cách tắt chế độ toàn màn hình (Fullscreen) của trình soạn thảo WordPress.

Tại sao WordPress chuyển sang chế độ toàn màn hình đối với trình soạn thảo?

Kể từ phiên bản 5.0 WordPress đã giới thiệu một trình biên tập mới dạng khối có tên là Gutenberg. Trình biên tập mới này cho phép người dùng sử dụng các khối cơ bản để sáng tạo nội dung với bố cục đẹp mắt.

Nó cũng sử dụng cách thức mà WordPress theme sử dụng phông chữ và màu chữ để hiển thị các trang và bài viết.

Tuy nhiên phía bên trái có một menu quản trị, phía trên có một menu ngữ cảnh khiến cho giao diện trông có vẻ lộn xộn.

new editor in wordpress

Để giải quyết vấn đề này, đội ngũ phát triển của WordPress đã tạo ra tính năng toàn màn hình theo mặc định đối với trình soạn thảo.

fullwidth in wordpress editor

Chế độ toàn màn hình này chẳng có gì mới. Nó đã có mặt ở các phiên bản trước 5.0. Người dùng có thể bật/tắt tính năng này tùy theo nhu cầu sử dụng.

Vì vậy việc chính của chúng ta cần làm là chọn chế độ soạn thảo mặc định là toàn màn hình hay không.

Làm thế nào để tắt chế độ toàn màn hình của trình soạn thảo?

Tin tốt là bạn thể dễ dàng tắt chế độ toàn màn hình đối với trình biên tập dạng khối.

Trong quá trình tạo mới/chỉnh sửa một bài viết/trang, bạn chỉ cần nhấp vào nút ba chấm ở góc phải phía trên màn hình. Nó sẽ hiển thị trình đơn thiết lập đối với việc biên tập nội dung bài viết.

Tại đây bạn chỉ cần nhấp vào “Fullscreen Mode” để tắt chế độ toàn màn hình.

che do toan man hinh trong wordpress editor

Trình soạn thảo sẽ ngay lập tức thoát khỏi chế độ toàn màn hình. Bạn sẽ nhìn thấy menu quản trị ở phía bên trái và thanh công cụ ở phía trên.

WordPress sẽ lưu trữ chế độ toàn màn hình của bạn vào bộ nhớ đệm của trình duyệt web.

Tuy nhiên nếu bạn chuyển qua sử dụng trình duyệt khác hoặc sử dụng chế độ ẩn danh, hoặc truy cập vào khu vực quản trị bằng thiết bị khác bạn sẽ lại thấy trình soạn thảo ở chế độ toàn màn hình.

Nếu bạn sử dụng nhiều thiết bị, tài khoản, hoặc trình duyệt để truy cập vào khu vực quản trị WordPress của mình bạn sẽ cảm thấy có chút khó chịu trong việc chuyển qua chuyển lại.

Cách sau sẽ giúp bạn khắc phục triệt để sự bất tiện này.

Sử dụng code để tắt vĩnh viễn chế độ toàn màn hình trong WordPress

Với cách này  bạn cần sử dụng code để thêm thủ công vào WordPress Theme của mình.

Bạn chỉ cần thêm đoạn code bên dưới vào tập tin functions.php của WordPress Theme mà mình đang sử dụng.

if (is_admin()) {
function jba_disable_editor_fullscreen_by_default() {
$script = "jQuery( window ).load(function() { const isFullscreenMode = wp.data.select( 'core/edit-post' ).isFeatureActive( 'fullscreenMode' ); if ( isFullscreenMode ) { wp.data.dispatch( 'core/edit-post' ).toggleFeature( 'fullscreenMode' ); } });";
wp_add_inline_script( 'wp-blocks', $script );
}
add_action( 'enqueue_block_editor_assets', 'jba_disable_editor_fullscreen_by_default' );
}

Trước tiên, đoạn code này kiểm tra xem người dùng có đang ở trong trang quản trị hay không. Nếu người dùng đang ở trang quản trị, tiếp theo nó sẽ kiểm tra trạng thái chế độ toàn màn hình.

Nếu chế độ toàn màn hình đang bật, nó sẽ tắt đi.

Bạn vẫn có thể bật chế độ toàn màn hình một cách thủ công từ màn hình chỉnh sửa bài viết. Và trình biên tập của bạn vẫn sẽ hoạt động một cách bình thường.

Tuy nhiên, nếu bạn quay trở lại vào lần sau chế độ toàn màn hình sẽ được tắt một cách tự động. Điều này áp dụng cho tất cả mọi người có quyền truy cập vào trình soạn thảo của WordPress.

Tôi hy vọng bài viết này sẽ giúp bạn biết cách tắt chế độ toàn màn hình mặc định của trình soạn thảo Gutenberg.

Nếu bạn thấy bài viết hữu ích, đừng quên Like và Share.

Hẹn gặp lại bạn trong các bài viết tiếp theo./.

Đăng ký nhận bài viết mới nhất

Hãy đăng ký nhận tin để nhận được những nội dung thú vị và tuyệt vời!

Để lại bình luận