Khắc phục lỗi font Tiếng Việt trong widget Text chế độ classic editor wordpress

Bài viết này mình sẽ hướng dẫn cho bạn cách khắc phục lỗi font Tiếng Việt trong widget Text chế độ visual. Đối với WordPress phiên bản mới thì widget Text có thêm chế độ trình soạn thảo visual. Đây là chế độ cho phép bạn soạn thảo cách trực quan, thay vì chỉ dùng mã HTML như trước đây. Tuy nhiên, khi soạn thảo chế độ visual thì bạn sẽ bị lỗi font Tiếng Việt như hình bên trên. Lỗi này chỉ có trong editor thôi nhé, hiển thị bên ngoài vẫn bình thường. Nếu bạn không sửa thì vẫn không sao, sửa lại chỉ để nhìn đẹp mắt mà thôi.

1. Code sửa lỗi font cho widget Text

Đầu tiên bạn mở tập tin functions.php của giao diện lên hoặc bất kỳ tập tin PHP nào chạy được. Bạn sửa tập tin functions.php của giao diện cũng là phương pháp tạm thời. Nếu như giao diện bạn tự viết hoặc không cập nhật thì không sao. Nếu là giao diện hay có bản vá lỗi, bạn update lên thì code sẽ mất. Bạn phải thực hiện lại như thế rất mất công. Cách đúng nhất đó là bạn viết một plugin riêng. Mọi chỉnh sửa sau này bạn đều bỏ vào trong plugin này để sử dụng. Đảm bảo sẽ không bao giờ mất code chỉnh sửa của bạn. Nếu bạn chèn code vào giao diện hoặc plugin của người khác thì khi cập nhật sẽ mất code giống như thay đổi trực tiếp trong nhân của WordPress nhé. Bạn thêm đoạn hook PHP trên vào tập tin functions.php của giao diện hoặc vào plugin như mình nói. Sau khi thêm xong thì bạn lưu code để thử lại. Công dụng đoạn code trên chỉ đơn giản là bọc một thẻ div bên ngoài nội dung của widget Text. Bên trong thẻ div này mình sử dụng style font-family để override lại css của thẻ body. Bạn có thể sử dụng bất kỳ font nào hỗ trợ Tiếng Việt. Ở đây mình dùng font Arial nhé.