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

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

Tắt Định Dạng Shortcut Visual Editor WordPress: Hướng Dẫn Chi Tiết

Giới Thiệu Về Visual Editor WordPress

WordPress Visual Editor, hay trình soạn thảo trực quan, là một công cụ mạnh mẽ cho phép người dùng tạo và chỉnh sửa nội dung trực tiếp trên trang web của họ mà không cần phải am hiểu về code. Với giao diện WYSIWYG (What You See Is What You Get), nó giúp đơn giản hóa quá trình tạo bài viết, trang và các nội dung khác, đặc biệt hữu ích cho những người mới bắt đầu làm quen với WordPress.

Tuy nhiên, một số người dùng có thể thấy Visual Editor tự động định dạng các shortcut và ký tự đặc biệt không mong muốn. Ví dụ, việc gõ “1/2” có thể tự động chuyển thành ký hiệu “½”, hoặc dấu ngoặc kép có thể được thay đổi thành dấu ngoặc kép kiểu typographic (curly quotes). Mặc dù những thay đổi này có thể mang lại giao diện chuyên nghiệp hơn, nhưng chúng có thể gây ra vấn đề khi bạn muốn sử dụng shortcut cho các mục đích khác hoặc khi bạn cần đảm bảo tính nhất quán của định dạng trên toàn bộ trang web.

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

Có nhiều lý do để bạn cân nhắc việc tắt định dạng shortcut tự động trong Visual Editor WordPress:

  • Kiểm soát hoàn toàn định dạng: Bạn có thể muốn tự mình kiểm soát hoàn toàn cách nội dung của bạn được hiển thị, thay vì để WordPress tự động thay đổi.
  • Tránh xung đột với code: Nếu bạn sử dụng các đoạn code trong bài viết của mình, việc tự động định dạng có thể gây ra xung đột và làm sai lệch code.
  • Đảm bảo tính nhất quán: Nếu bạn muốn duy trì một phong cách định dạng nhất quán trên toàn bộ trang web của mình, việc tắt tự động định dạng sẽ giúp bạn đạt được điều đó.
  • Sử dụng shortcut theo ý muốn: Bạn có thể muốn sử dụng các shortcut cho các mục đích khác, chẳng hạn như viết công thức toán học hoặc sử dụng ký tự đặc biệt trong lập trình.

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

Có nhiều phương pháp khác nhau để tắt định dạng shortcut tự động trong Visual Editor WordPress. Dưới đây là một số phương pháp phổ biến và hiệu quả nhất:

1. Sử Dụng Plugin TinyMCE Advanced

Plugin TinyMCE Advanced là một trong những plugin phổ biến nhất để tùy chỉnh Visual Editor WordPress. Nó cung cấp nhiều tùy chọn cấu hình, bao gồm khả năng tắt tự động định dạng shortcut.

  1. Cài đặt và kích hoạt plugin:
    • Truy cập trang “Plugins” trong bảng điều khiển WordPress của bạn.
    • Tìm kiếm “TinyMCE Advanced” và cài đặt plugin.
    • Kích hoạt plugin sau khi cài đặt xong.
  2. Truy cập trang cấu hình TinyMCE Advanced:
    • Sau khi kích hoạt, bạn sẽ thấy một mục mới trong menu “Settings” có tên là “TinyMCE Advanced”. Nhấp vào mục này để truy cập trang cấu hình.
  3. Tắt tính năng tự động định dạng:
    • Trong trang cấu hình, tìm kiếm tùy chọn “Stop removing <p> and <br /> tags” và chọn nó. Điều này sẽ ngăn WordPress tự động thêm hoặc xóa các thẻ <p> và <br />.
    • Tìm kiếm tùy chọn “Use the traditional editor” và bật nó. Điều này sẽ quay trở lại trình soạn thảo cổ điển và tắt Gutenberg.
    • Cuộn xuống cuối trang và nhấp vào nút “Save Changes” để lưu các thay đổi của bạn.

2. Sử Dụng Plugin Disable WP Auto Formatting

Plugin Disable WP Auto Formatting là một giải pháp đơn giản và hiệu quả để tắt tất cả các tính năng tự động định dạng của WordPress. Nó đặc biệt hữu ích nếu bạn muốn tắt hoàn toàn các tính năng này mà không cần phải cấu hình nhiều.

  • Cài đặt và kích hoạt plugin:
    • Truy cập trang “Plugins” trong bảng điều khiển WordPress của bạn.
    • Tìm kiếm “Disable WP Auto Formatting” và cài đặt plugin.
    • Kích hoạt plugin sau khi cài đặt xong.
  • Plugin hoạt động ngay lập tức:
    • Sau khi kích hoạt, plugin sẽ tự động tắt tất cả các tính năng tự động định dạng của WordPress. Bạn không cần phải cấu hình bất kỳ tùy chọn nào.

3. Thêm Code Vào File functions.php

Nếu bạn không muốn sử dụng plugin, bạn có thể thêm code trực tiếp vào file functions.php của theme WordPress của bạn. Phương pháp này đòi hỏi một chút kiến thức về PHP, nhưng nó có thể là một giải pháp hiệu quả và lâu dài.

  1. Truy cập file functions.php:
    • Kết nối với trang web của bạn thông qua FTP hoặc sử dụng trình quản lý file trong bảng điều khiển hosting của bạn.
    • Tìm file functions.php trong thư mục theme của bạn (thường nằm trong wp-content/themes/tên-theme).
  2. Thêm code vào file functions.php:
    • Mở file functions.php bằng một trình soạn thảo văn bản.
    • Thêm đoạn code sau vào cuối file (trước thẻ đóng ?> nếu có):

remove_filter( 'the_content', 'wptexturize' );
remove_filter( 'the_excerpt', 'wptexturize' );
  1. Lưu và tải lại file functions.php:
    • Lưu các thay đổi vào file functions.php.
    • Tải lại file lên máy chủ của bạn.

Đoạn code này sẽ loại bỏ filter wptexturize, chịu trách nhiệm cho việc tự động định dạng các ký tự đặc biệt và shortcut.

4. Sử Dụng Code Để Tắt Smart Quotes

Một vấn đề thường gặp là việc WordPress tự động chuyển đổi dấu ngoặc kép thẳng thành dấu ngoặc kép kiểu typographic (smart quotes). Nếu bạn chỉ muốn tắt tính năng này, bạn có thể sử dụng đoạn code sau trong file functions.php:


function my_remove_wptexturize() {
    remove_filter( 'the_content', 'wptexturize' );
    remove_filter( 'the_excerpt', 'wptexturize' );
    remove_filter( 'comment_text', 'wptexturize' );
}
add_action( 'init', 'my_remove_wptexturize' );

Đoạn code này sẽ loại bỏ filter wptexturize trên nội dung bài viết, trích đoạn và bình luận.

Lưu Ý Quan Trọng Khi Chỉnh Sửa File functions.php

Chỉnh sửa file functions.php có thể gây ra lỗi nếu bạn không cẩn thận. Dưới đây là một số lưu ý quan trọng:

  • Sao lưu file functions.php: Trước khi thực hiện bất kỳ thay đổi nào, hãy sao lưu file functions.php để bạn có thể khôi phục lại nếu xảy ra lỗi.
  • Kiểm tra code cẩn thận: Đảm bảo rằng code bạn thêm vào file functions.php là chính xác và không có lỗi cú pháp.
  • Sử dụng child theme: Nếu bạn đang sử dụng một theme được cung cấp bởi bên thứ ba, hãy tạo một child theme và chỉnh sửa file functions.php của child theme thay vì theme gốc. Điều này sẽ giúp bạn tránh mất các thay đổi khi theme gốc được cập nhật.
  • Sử dụng trình soạn thảo code: Sử dụng một trình soạn thảo code như Visual Studio Code hoặc Sublime Text để chỉnh sửa file functions.php. Những trình soạn thảo này có thể giúp bạn phát hiện lỗi cú pháp và cung cấp các tính năng hỗ trợ khác.

Kiểm Tra Kết Quả

Sau khi bạn đã thực hiện một trong các phương pháp trên, hãy kiểm tra kết quả để đảm bảo rằng định dạng shortcut tự động đã bị tắt. Tạo một bài viết mới hoặc chỉnh sửa một bài viết hiện có và thử gõ các shortcut hoặc ký tự đặc biệt mà bạn muốn kiểm tra. Đảm bảo rằng chúng được hiển thị đúng như bạn mong muốn.

Kết Luận

Việc tắt định dạng shortcut tự động trong Visual Editor WordPress có thể giúp bạn kiểm soát hoàn toàn định dạng nội dung của mình và tránh các vấn đề không mong muốn. Tùy thuộc vào nhu cầu và trình độ kỹ thuật của bạn, bạn có thể chọn một trong các phương pháp được trình bày trong bài viết này. Hãy nhớ sao lưu file functions.php trước khi thực hiện bất kỳ thay đổi nào và kiểm tra kết quả sau khi hoàn thành.

Related Topics by Tag
, , , ,

..