Tắt định dạng shortcut visual editor WordPress 4.3

2 tháng ago, Hướng dẫn WordPress, 2 Views
Tắt định dạng shortcut visual editor WordPress 4.3

Giới Thiệu Về Vấn Đề Định Dạng Shortcut Trong WordPress Visual Editor

WordPress Visual Editor (trình soạn thảo trực quan) là một công cụ mạnh mẽ giúp người dùng tạo và chỉnh sửa nội dung một cách dễ dàng mà không cần kiến thức chuyên sâu về code. Tuy nhiên, một trong những tính năng, đôi khi lại trở thành vấn đề, là khả năng tự động định dạng các “shortcut” (lối tắt) mà bạn vô tình gõ vào. Ví dụ, việc gõ 1. có thể tự động chuyển thành một danh sách có thứ tự, hoặc gõ > có thể tạo một trích dẫn (blockquote). Mặc dù hữu ích trong nhiều trường hợp, tính năng này đôi khi gây khó chịu và không mong muốn, đặc biệt khi bạn muốn viết nội dung mà không muốn bất kỳ định dạng tự động nào can thiệp.

Bài viết này sẽ hướng dẫn bạn từng bước cách tắt định dạng shortcut trong trình soạn thảo trực quan của WordPress, giúp bạn kiểm soát hoàn toàn nội dung của mình và tránh các định dạng không mong muốn.

Tại Sao Nên Tắt Định Dạng Shortcut?

Có nhiều lý do khiến bạn muốn tắt định dạng shortcut trong WordPress Visual Editor:

  • Kiểm soát nội dung hoàn toàn: Bạn muốn tự tay định dạng nội dung theo ý mình, không muốn trình soạn thảo tự động can thiệp.
  • Tránh lỗi định dạng: Các định dạng tự động có thể gây ra lỗi, đặc biệt khi bạn đang làm việc với code, ký hiệu đặc biệt hoặc nội dung kỹ thuật.
  • Tối ưu hóa quy trình soạn thảo: Định dạng tự động có thể làm chậm quá trình soạn thảo, đặc biệt khi bạn phải liên tục sửa các định dạng không mong muốn.
  • Tương thích với các trình soạn thảo khác: Khi sao chép và dán nội dung từ các trình soạn thảo khác, định dạng tự động có thể gây ra xung đột và làm hỏng cấu trúc nội dung.

Các Phương Pháp Tắt Định Dạng Shortcut Trong WordPress

Có một số phương pháp để tắt định dạng shortcut trong WordPress Visual Editor. Chúng ta sẽ khám phá từng phương pháp một, từ những cách đơn giản nhất đến những cách phức tạp hơn.

Phương Pháp 1: Sử Dụng Plugin (Đơn Giản Nhất)

Sử dụng plugin là cách đơn giản và nhanh chóng nhất để tắt định dạng shortcut. Có nhiều plugin miễn phí và trả phí có thể giúp bạn thực hiện việc này. Một số plugin phổ biến bao gồm:

  • Disable Gutenberg Autocomplete: Plugin này tập trung vào việc tắt autocomplete, bao gồm cả định dạng shortcut, trong trình soạn thảo Gutenberg.
  • TinyMCE Advanced: Plugin này cho phép bạn tùy chỉnh trình soạn thảo TinyMCE (trình soạn thảo cổ điển) một cách chi tiết, bao gồm cả việc tắt định dạng shortcut.
  • Classic Editor: Nếu bạn vẫn thích sử dụng trình soạn thảo cổ điển, plugin này cho phép bạn khôi phục nó và tắt các tính năng tự động định dạng.

Hướng dẫn cài đặt và sử dụng plugin (ví dụ: Disable Gutenberg Autocomplete):

  1. Trong trang quản trị WordPress của bạn, đi đến “Plugins” > “Add New”.
  2. Tìm kiếm “Disable Gutenberg Autocomplete”.
  3. Nhấn “Install Now” và sau đó “Activate”.
  4. Thông thường, plugin này sẽ hoạt động ngay lập tức sau khi kích hoạt mà không cần cấu hình thêm.

Phương Pháp 2: Sửa Đổi File functions.php (Nâng Cao)

Nếu bạn không muốn sử dụng plugin, bạn có thể sửa đổi file functions.php của theme WordPress của bạn. Phương pháp này yêu cầu kiến thức cơ bản về code PHP và cần cẩn thận để tránh gây ra lỗi cho trang web của bạn. Quan trọng: Hãy sao lưu file functions.php trước khi thực hiện bất kỳ thay đổi nào.

Các bước thực hiện:

  1. Truy cập vào file functions.php của theme đang sử dụng. Bạn có thể sử dụng trình quản lý file trong cPanel của hosting, hoặc sử dụng FTP client để tải file về và chỉnh sửa.
  2. Thêm đoạn code sau vào cuối file functions.php:

function disable_editor_formatting() {
  remove_filter( 'the_content', 'wpautop' );
  remove_filter( 'the_excerpt', 'wpautop' );
}
add_action( 'init', 'disable_editor_formatting' );
  1. Lưu lại file functions.php và tải nó lên lại server (nếu bạn chỉnh sửa bằng FTP).
  2. Kiểm tra lại trang web của bạn để đảm bảo không có lỗi.

Đoạn code trên sẽ loại bỏ filter wpautop, filter này chịu trách nhiệm tự động thêm các thẻ <p> và <br> vào nội dung của bạn. Tuy nhiên, lưu ý rằng việc loại bỏ filter này có thể ảnh hưởng đến cách hiển thị nội dung của bạn, vì vậy bạn có thể cần tự thêm các thẻ <p> và <br> một cách thủ công.

Phương Pháp 3: Sử Dụng CSS (Hạn Chế)

Mặc dù không phải là cách trực tiếp để tắt định dạng shortcut, bạn có thể sử dụng CSS để “ghi đè” các định dạng tự động. Ví dụ, nếu bạn muốn ngăn chặn việc tự động tạo danh sách có thứ tự, bạn có thể sử dụng CSS để ẩn dấu số:


ol {
  list-style-type: none;
}
ol li:before {
  content: none;
}

Phương pháp này chỉ hữu ích trong một số trường hợp cụ thể và không thể tắt hoàn toàn tất cả các định dạng shortcut. Tuy nhiên, nó có thể là một giải pháp nhanh chóng và dễ dàng cho một số vấn đề nhỏ.

Lưu Ý Quan Trọng Khi Tắt Định Dạng Shortcut

Trước khi quyết định tắt định dạng shortcut, hãy cân nhắc những điều sau:

  • Ảnh hưởng đến bố cục nội dung: Việc tắt định dạng shortcut có thể ảnh hưởng đến cách hiển thị nội dung của bạn, đặc biệt nếu bạn đã quen với việc trình soạn thảo tự động định dạng cho bạn. Bạn có thể cần tự thêm các thẻ HTML để đảm bảo nội dung hiển thị đúng cách.
  • Kiểm tra kỹ lưỡng sau khi thực hiện thay đổi: Sau khi tắt định dạng shortcut, hãy kiểm tra kỹ lưỡng tất cả các trang và bài viết của bạn để đảm bảo không có lỗi định dạng hoặc bố cục.
  • Sao lưu dữ liệu: Luôn sao lưu file functions.php trước khi thực hiện bất kỳ thay đổi nào.

Kết Luận

Việc tắt định dạng shortcut trong WordPress Visual Editor có thể giúp bạn kiểm soát hoàn toàn nội dung của mình và tránh các định dạng không mong muốn. Bài viết này đã trình bày một số phương pháp khác nhau để thực hiện việc này, từ những cách đơn giản nhất (sử dụng plugin) đến những cách phức tạp hơn (sửa đổi file functions.php). Hãy chọn phương pháp phù hợp nhất với nhu cầu và kiến thức của bạn. Chúc bạn thành công!

Related Topics by Tag
, , , ,

..