Digital Marketing

Khắc phục lỗi font tiếng Việt khi soạn thảo ở text widget WordPress 4.8

Hôm nay Hocban.vn sẽ chia sẻ một thủ thuật nhỏ để các bạn có thể sửa lỗi font tiếng Việt trong trình soạn thảo, cụ thể ở đây là Tiện ích văn bản trong chế độ chỉnh sửa trực quan của WordPress 4.8 được phát hành gần đây.

Lỗi font tiếng việt này trông như thế nào?

Vấn đề lỗi font tiếng Việt này đã rất cũ, ở các phiên bản WordPress trước đây rất hay gặp lỗi này trong trình soạn thảo bài viết. Nhưng ở các bản cập nhật gần đây thì mình không thấy lỗi nữa, nhưng ở bản 4.8 thì có lỗi trong trình soạn thảo Trình chỉnh sửa trực quan widget văn bản (chế độ chỉnh sửa trực quan trong widget văn bản).

Để hình dung sai như thế nào, bạn có thể vào phần widget và thêm widget văn bản, soạn thảo văn bản bằng tiếng Việt với chế độ trực quan (trực giác). Khi đó lỗi nó sẽ như bên dưới!

Khắc phục lỗi font tiếng Việt khi soạn thảo ở text widget WordPress 4.8

Lỗi font tiếng Việt trong trình soạn thảo trực quan tiện ích Văn bản

Cách sửa lỗi font tiếng Việt ở chế độ soạn thảo trực quan trong widget văn bản

Trước khi đi sửa lỗi mình sẽ nói thêm: Lỗi này là do mặc định tinymce. người biên tập nó không sử dụng phông chữ hỗ trợ tiếng Việt. Do đó, để khắc phục lỗi, chúng ta chỉ cần thay font soạn thảo mặc định bằng một font có hỗ trợ tiếng Việt chẳng hạn. Arial.

Để thay thế phông chữ chỉnh sửa mặc định, hãy mở tệp css của trình chỉnh sửa theo liên kết bên dưới:

wp-includes/js/tinymce/skins/wordpress/wp-content.css

Sau khi mở, bạn có thể sao chép tất cả mã trong tệp đó và dán vào trình chỉnh sửa mã, chẳng hạn Văn bản tuyệt vời nhu la. Vì mặc định nó có thể mở bằng trình soạn thảo văn bản thông thường nên rất khó nhìn.

Ghi chú Ở đây mình copy phần đầu của file CSS kia cho các bạn dễ hình dung. Và khi bạn làm như vậy, hãy nhớ sao chép tất cả mã trong tệp!

/* Additional default styles for the editor */

html {
	cursor: text;
}

html.ios {
	width: 100px;
    min-width: 100%;
}

body {
	font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
	font-size: 16px;
	line-height: 1.5;
	color: #333;
	margin: 9px 10px;
	max-width: 100%;
	-webkit-font-smoothing: antialiased !important;
	overflow-wrap: break-word;
	word-wrap: break-word; /* Old syntax */
}

Xem đoạn mã trên, bạn quét từ trên xuống dưới, nó ở dòng 11, 12 gì đó. Đoạn văn như sau:

font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;

Bây giờ bạn sẽ xóa tất cả các tên font trong đó và thay thế bằng font Arial, kết quả như sau:

font-family: Arial;

Thấy chưa, bạn không cần tốn nhiều font chữ, chỉ cần một mình font Arial là được. Bây giờ chúng ta chỉ cần sao chép tệp đã chỉnh sửa và dán lại vào tệp wp-content.css và nhấp vào lưu và bạn đã hoàn tất.

À, vẫn chưa xong, sau khi tạo widget mà vẫn bị lỗi thì có thể do trình duyệt cache, bạn xóa cache đi, nếu không thì đăng nhập vào trình duyệt ẩn danh để kiểm tra. Xong: v

Bài viết này chia sẻ thủ thuật nhanh chóng để sửa lỗi font tiếng Việt của chế độ soạn thảo trực quan trong widget văn bản. Nếu bạn nào chưa làm được hãy để lại bình luận bên dưới hoặc gợi ý cho mình cách giải quyết tốt hơn, xin cảm ơn!

Bài cùng thể loại

  • Nén hình ảnh không giới hạn với plugin TP Image Optimizer
  • Nhúng video YouTube để hiển thị Đáp ứng trên WordPress

5/5 – (1 phiếu bầu)


Marketing online


Thông tin thêm

Khắc phục lỗi font tiếng Việt khi soạn thảo ở text widget WordPress 4.8

#Khắc #phục #lỗi #font #tiếng #Việt #khi #soạn #thảo #ở #text #widget #WordPress
[rule_3_plain] #Khắc #phục #lỗi #font #tiếng #Việt #khi #soạn #thảo #ở #text #widget #WordPress

Hôm nay Hocban.vn sẽ chia sẻ một mẹo nhỏ để anh em sửa lỗi font chữ tiếng việt trong trình soạn thảo, mà cụ thể ở đây là cái Text widget ở chế độ  soạn thảo visual  của bản WordPress 4.8 mới ra mắt gần đây.
MỤC LỤC NỘI DUNG1 Cái lỗi font tiếng Việt này nó trông như thế nào nhỉ ?2 Cách khắc phục lỗi font tiếng Việt ở chế độ visual editor trong text widget3 Bài viết cùng chuyên mục
Cái lỗi font tiếng Việt này nó trông như thế nào nhỉ ?
Vấn đề lỗi font tiếng Việt này thì xưa cũ lắm rồi, ở các phiên bản WordPress trước đây rất hay bị lỗi này trong trình soạn thảo bài viết. Nhưng các bản cập nhật gần đây mình không thấy lỗi nữa, tuy nhiên bản 4.8 nó lại lỗi ở trình soạn thảo trong Text widget visual editor (chế độ soạn thảo trực quan trong text widget).
Để hình dung nó lỗi thế nào thì các bạn có thể vào phần widget và thêm một cái text widget, soạn thảo một đoạn văn bản bằng tiếng Việt với chế độ visual (trực quan). Thì cái lỗi nó sẽ như hình dưới đây !
Lỗi font tiếng Việt trong trình soạn thảo Text widget visual editor
Cách khắc phục lỗi font tiếng Việt ở chế độ visual editor trong text widget
Trước khi đi sửa lỗi thì mình nói thêm: Cái lỗi này là do mặc định trình soạn thảo tinymce nó không dùng font hỗ trợ tiếng Việt. Do đó, để sửa lỗi ta chỉ cần thay thế font soạn thảo mặc định thành font hỗ trợ tiếng Việt là được, ví dụ Arial.
Để thay thế font soạn thảo mặc định thì các bạn mở cái file css của trình soạn thảo theo đường dẫn dưới đây:
wp-includes/js/tinymce/skins/wordpress/wp-content.css
Sau khi mở nó lên bạn có thể copy toàn bộ code trong file đó, đem dán vào trình soạn thảo code, ví dụ như Sublime text chẳng hạn. Vì mặc định có thể nó sẽ mở bằng công cụ soạn thảo text thông thường, rất khó nhìn.
Lưu ý là ở đây mình copy một đoạn đầu của file CSS kia ra để các bạn hình dung. Còn khi thực hiện các bạn nhớ copy hết code trong file nhé !
/* Additional default styles for the editor */

html {
cursor: text;
}

html.ios {
width: 100px;
min-width: 100%;
}

body {
font-family: Georgia, “Times New Roman”, “Bitstream Charter”, Times, serif;
font-size: 16px;
line-height: 1.5;
color: #333;
margin: 9px 10px;
max-width: 100%;
-webkit-font-smoothing: antialiased !important;
overflow-wrap: break-word;
word-wrap: break-word; /* Old syntax */
}

Xem cái đoạn code trên, ác bạn dò từ trên xuống dưới, nó nằm ở dòng 11, 12 gì đó. Cái đoạn như sau:
font-family: Georgia, “Times New Roman”, “Bitstream Charter”, Times, serif;
Bây giờ các bạn sẽ xóa hết mấy cái  tên font trong đó đi và thay bằng font Arial, kết quả được như sau:
font-family: Arial;
Đấy, không cần chi nhiều font, chỉ cần một mình font Arial là được rồi. Bây giờ chúng ta chỉ việc copy cái file đã sửa và dán vào lại cái file wp-content.css và nhấn lưu là xong.
À, vẫn chưa xong, sau khi ra tạo widget mà nó vẫn còn lỗi thì có thể bị lưu cache trình duyệt, bạn xóa cache đi là được, nếu không thì đăng nhập trong trình duyệt ẩn danh để kiểm tra. Xong rồi đấy :v
Bài viết này chia sẻ nhanh một cái mẹo để khắc phục lỗi font tiếng Việt của chế độ soạn thảo visual trong text widget. Anh em nào làm chưa được thì cứ để lại bình luận bên dưới hoặc đề xuất cho mình giải pháp tối ưu hơn nhé, cảm ơn anh em !
Bài viết cùng chuyên mục

Nén ảnh không giới hạn với plugin TP Image Optimizer
Nhúng video YouTube để hiển thị Responsive trên WordPress

5/5 – (1 vote)

window.addEventListener(‘DOMContentLoaded’, function() {
jQuery(document).ready(function( $) {
$.post( ‘https://hocban.vn/wp-admin/admin-ajax.php’, {action: ‘mts_view_count’, id: ‘5532’});
});
});
#Khắc #phục #lỗi #font #tiếng #Việt #khi #soạn #thảo #ở #text #widget #WordPress
[rule_2_plain] #Khắc #phục #lỗi #font #tiếng #Việt #khi #soạn #thảo #ở #text #widget #WordPress
[rule_2_plain] #Khắc #phục #lỗi #font #tiếng #Việt #khi #soạn #thảo #ở #text #widget #WordPress
[rule_3_plain]

#Khắc #phục #lỗi #font #tiếng #Việt #khi #soạn #thảo #ở #text #widget #WordPress

Hôm nay Hocban.vn sẽ chia sẻ một mẹo nhỏ để anh em sửa lỗi font chữ tiếng việt trong trình soạn thảo, mà cụ thể ở đây là cái Text widget ở chế độ  soạn thảo visual  của bản WordPress 4.8 mới ra mắt gần đây.
MỤC LỤC NỘI DUNG1 Cái lỗi font tiếng Việt này nó trông như thế nào nhỉ ?2 Cách khắc phục lỗi font tiếng Việt ở chế độ visual editor trong text widget3 Bài viết cùng chuyên mục
Cái lỗi font tiếng Việt này nó trông như thế nào nhỉ ?
Vấn đề lỗi font tiếng Việt này thì xưa cũ lắm rồi, ở các phiên bản WordPress trước đây rất hay bị lỗi này trong trình soạn thảo bài viết. Nhưng các bản cập nhật gần đây mình không thấy lỗi nữa, tuy nhiên bản 4.8 nó lại lỗi ở trình soạn thảo trong Text widget visual editor (chế độ soạn thảo trực quan trong text widget).
Để hình dung nó lỗi thế nào thì các bạn có thể vào phần widget và thêm một cái text widget, soạn thảo một đoạn văn bản bằng tiếng Việt với chế độ visual (trực quan). Thì cái lỗi nó sẽ như hình dưới đây !
Lỗi font tiếng Việt trong trình soạn thảo Text widget visual editor
Cách khắc phục lỗi font tiếng Việt ở chế độ visual editor trong text widget
Trước khi đi sửa lỗi thì mình nói thêm: Cái lỗi này là do mặc định trình soạn thảo tinymce nó không dùng font hỗ trợ tiếng Việt. Do đó, để sửa lỗi ta chỉ cần thay thế font soạn thảo mặc định thành font hỗ trợ tiếng Việt là được, ví dụ Arial.
Để thay thế font soạn thảo mặc định thì các bạn mở cái file css của trình soạn thảo theo đường dẫn dưới đây:
wp-includes/js/tinymce/skins/wordpress/wp-content.css
Sau khi mở nó lên bạn có thể copy toàn bộ code trong file đó, đem dán vào trình soạn thảo code, ví dụ như Sublime text chẳng hạn. Vì mặc định có thể nó sẽ mở bằng công cụ soạn thảo text thông thường, rất khó nhìn.
Lưu ý là ở đây mình copy một đoạn đầu của file CSS kia ra để các bạn hình dung. Còn khi thực hiện các bạn nhớ copy hết code trong file nhé !
/* Additional default styles for the editor */

html {
cursor: text;
}

html.ios {
width: 100px;
min-width: 100%;
}

body {
font-family: Georgia, “Times New Roman”, “Bitstream Charter”, Times, serif;
font-size: 16px;
line-height: 1.5;
color: #333;
margin: 9px 10px;
max-width: 100%;
-webkit-font-smoothing: antialiased !important;
overflow-wrap: break-word;
word-wrap: break-word; /* Old syntax */
}

Xem cái đoạn code trên, ác bạn dò từ trên xuống dưới, nó nằm ở dòng 11, 12 gì đó. Cái đoạn như sau:
font-family: Georgia, “Times New Roman”, “Bitstream Charter”, Times, serif;
Bây giờ các bạn sẽ xóa hết mấy cái  tên font trong đó đi và thay bằng font Arial, kết quả được như sau:
font-family: Arial;
Đấy, không cần chi nhiều font, chỉ cần một mình font Arial là được rồi. Bây giờ chúng ta chỉ việc copy cái file đã sửa và dán vào lại cái file wp-content.css và nhấn lưu là xong.
À, vẫn chưa xong, sau khi ra tạo widget mà nó vẫn còn lỗi thì có thể bị lưu cache trình duyệt, bạn xóa cache đi là được, nếu không thì đăng nhập trong trình duyệt ẩn danh để kiểm tra. Xong rồi đấy :v
Bài viết này chia sẻ nhanh một cái mẹo để khắc phục lỗi font tiếng Việt của chế độ soạn thảo visual trong text widget. Anh em nào làm chưa được thì cứ để lại bình luận bên dưới hoặc đề xuất cho mình giải pháp tối ưu hơn nhé, cảm ơn anh em !
Bài viết cùng chuyên mục

Nén ảnh không giới hạn với plugin TP Image Optimizer
Nhúng video YouTube để hiển thị Responsive trên WordPress

5/5 – (1 vote)

window.addEventListener(‘DOMContentLoaded’, function() {
jQuery(document).ready(function( $) {
$.post( ‘https://hocban.vn/wp-admin/admin-ajax.php’, {action: ‘mts_view_count’, id: ‘5532’});
});
});

Related Articles

Trả lời

Email của bạn sẽ không được hiển thị công khai.

Back to top button