Tắt fullscreen editor WordPress

4 giờ ago, Hướng dẫn người mới, Views
Tắt fullscreen editor WordPress

Giới thiệu về Chế Độ Toàn Màn Hình trong WordPress Editor

Chế độ toàn màn hình (fullscreen editor) trong WordPress là một tính năng hữu ích giúp người dùng tập trung vào việc viết và chỉnh sửa nội dung. Khi kích hoạt, trình soạn thảo sẽ chiếm toàn bộ màn hình, loại bỏ các yếu tố giao diện khác như thanh menu bên trái, thanh công cụ quản trị và các widget khác. Điều này tạo ra một không gian làm việc tối giản, giúp giảm thiểu xao nhãng và tăng hiệu quả sáng tạo.

Tuy nhiên, đôi khi chế độ toàn màn hình lại gây ra sự bất tiện, đặc biệt đối với những người quen với việc sử dụng các plugin, widget hoặc truy cập nhanh vào các chức năng khác của WordPress. May mắn thay, việc tắt chế độ toàn màn hình trong WordPress editor rất đơn giản và có nhiều cách để thực hiện.

Tại sao Bạn Muốn Tắt Chế Độ Toàn Màn Hình?

Có nhiều lý do khiến người dùng muốn tắt chế độ toàn màn hình trong WordPress editor. Dưới đây là một vài ví dụ:

  • Thiếu Truy Cập Nhanh Chóng: Chế độ toàn màn hình loại bỏ thanh menu bên trái, nơi chứa các liên kết đến các trang quản trị quan trọng như trang, bài viết, media, plugin, và cài đặt. Việc truy cập vào những khu vực này trở nên chậm hơn khi bạn phải thoát khỏi chế độ toàn màn hình mỗi lần cần.
  • Không Thích Giao Diện Tối Giản: Một số người dùng thích giao diện WordPress truyền thống với đầy đủ các công cụ và thông tin. Giao diện tối giản của chế độ toàn màn hình có thể gây cảm giác khó chịu hoặc không quen thuộc.
  • Sử Dụng Nhiều Plugin: Nhiều plugin WordPress tích hợp các chức năng trực tiếp vào trình soạn thảo. Khi ở chế độ toàn màn hình, những chức năng này có thể bị ẩn hoặc khó truy cập.
  • Khó Khăn Trong Quản Lý Media: Việc chèn và quản lý hình ảnh, video và các file media khác có thể trở nên phức tạp hơn khi ở chế độ toàn màn hình, đặc biệt nếu bạn thường xuyên sử dụng thư viện media của WordPress.

Các Cách Tắt Chế Độ Toàn Màn Hình trong WordPress Editor

Dưới đây là một số cách khác nhau để tắt chế độ toàn màn hình trong WordPress editor. Hãy chọn cách phù hợp nhất với sở thích và nhu cầu của bạn:

1. Sử dụng Nút “…” (Tùy Chọn) trên Thanh Công Cụ

Đây là cách đơn giản và nhanh nhất để tắt chế độ toàn màn hình. Khi bạn đang ở trong trình soạn thảo (block editor – Gutenberg), hãy tìm biểu tượng ba chấm (“…”) ở góc trên bên phải của màn hình.

  1. Click vào biểu tượng ba chấm.
  2. Một menu thả xuống sẽ xuất hiện.
  3. Tìm và bỏ chọn (uncheck) tùy chọn “Chế độ toàn màn hình” (hoặc “Fullscreen mode” nếu bạn đang sử dụng WordPress bằng tiếng Anh).

Ngay lập tức, trình soạn thảo sẽ trở lại giao diện thông thường với thanh menu bên trái và các yếu tố giao diện khác hiển thị.

2. Sử dụng Phím Tắt

WordPress cung cấp một phím tắt tiện lợi để bật và tắt chế độ toàn màn hình. Phím tắt này là:

  • Windows: Shift + Alt + Ctrl + F
  • Mac: Shift + Option + Cmd + F

Chỉ cần nhấn tổ hợp phím này, bạn có thể dễ dàng chuyển đổi giữa chế độ toàn màn hình và chế độ soạn thảo thông thường.

3. Sử dụng Plugin WordPress

Nếu bạn muốn có nhiều quyền kiểm soát hơn đối với chế độ toàn màn hình hoặc muốn tắt nó vĩnh viễn, bạn có thể sử dụng một plugin WordPress. Có nhiều plugin miễn phí và trả phí có thể giúp bạn thực hiện điều này.

Một số plugin phổ biến bao gồm:

  • Disable Gutenberg Fullscreen Mode: Plugin này chuyên dụng để tắt chế độ toàn màn hình mặc định của Gutenberg.
  • Classic Editor: Nếu bạn hoàn toàn không thích Gutenberg, bạn có thể cài đặt plugin này để trở lại trình soạn thảo cổ điển (TinyMCE), vốn không có chế độ toàn màn hình mặc định.
  • Code Snippets: Plugin này cho phép bạn thêm các đoạn mã tùy chỉnh vào trang web của mình. Bạn có thể sử dụng nó để thêm một đoạn mã nhỏ giúp tắt chế độ toàn màn hình. (Lưu ý: Yêu cầu kiến thức cơ bản về code).

Để cài đặt plugin, hãy vào “Plugin” -> “Thêm mới” trong trang quản trị WordPress của bạn, tìm kiếm plugin mong muốn và nhấp vào “Cài đặt” và sau đó “Kích hoạt”.

4. Thêm Code vào functions.php (Phương Pháp Nâng Cao)

Phương pháp này yêu cầu bạn chỉnh sửa file `functions.php` của theme WordPress của bạn. Điều này có thể nguy hiểm nếu bạn không cẩn thận, vì vậy hãy đảm bảo bạn sao lưu trang web của mình trước khi thực hiện bất kỳ thay đổi nào.

Cảnh báo: Chỉnh sửa trực tiếp `functions.php` có thể gây ra lỗi. Hãy sử dụng một child theme hoặc plugin như Code Snippets để thực hiện điều này.

Để tắt chế độ toàn màn hình, bạn có thể thêm đoạn code sau vào file `functions.php`:


  add_action( 'admin_init', 'disable_fullscreen_editor_by_default' );

  function disable_fullscreen_editor_by_default() {
      $script = "jQuery( window ).load(function() { wp.data.dispatch( 'core/edit-post' ).toggleFeature( 'fullscreenMode' ); });";
      wp_add_inline_script( 'wp-blocks', $script );
  }
  

Đoạn code này sử dụng jQuery để chạy một đoạn script sau khi trang đã tải xong. Script này sử dụng `wp.data.dispatch` để tắt tính năng “fullscreenMode” trong Gutenberg editor.

Lưu ý: Phương pháp này có thể không hoạt động với tất cả các phiên bản WordPress và có thể yêu cầu điều chỉnh nếu WordPress thay đổi cách thức quản lý chế độ toàn màn hình.

Lời Khuyên Thêm

  • Sử Dụng Child Theme: Khi chỉnh sửa file `functions.php`, luôn sử dụng child theme để tránh mất các thay đổi khi theme chính được cập nhật.
  • Sao Lưu Trang Web: Trước khi thực hiện bất kỳ thay đổi nào đối với mã nguồn của trang web, hãy sao lưu toàn bộ trang web để đảm bảo bạn có thể khôi phục lại nếu có sự cố xảy ra.
  • Kiểm Tra Sau Khi Thay Đổi: Sau khi tắt chế độ toàn màn hình, hãy kiểm tra kỹ trình soạn thảo để đảm bảo mọi thứ hoạt động bình thường.

Kết luận

Việc tắt chế độ toàn màn hình trong WordPress editor là một quá trình đơn giản và có nhiều cách để thực hiện. Bằng cách làm theo các hướng dẫn trong bài viết này, bạn có thể dễ dàng tùy chỉnh trình soạn thảo của mình để phù hợp với nhu cầu và sở thích cá nhân, tạo ra một trải nghiệm viết và chỉnh sửa nội dung hiệu quả hơn.