Lỗi tên file hình ảnh tiếng việt trong wordpress năm 2024

Nếu bạn là người mới dùng Website và chưa quan tâm tới SEO thì rất dễ phạm phải sai lầm là đổi tên hình ảnh thành dạng thân thiện (tên ảnh không dấu và cách nhau bằng dấu -) thay vì đặt tên hình dài nhằng và chứa các ký tự đặc biệt trong ảnh.

Ví dụ tên hình ảnh: Tự động thay đổi tên hình ảnh khi tải lên WordPress.png với tên này khi up lên website nó sẽ có url không thân thiện 1 tí xíu nào cả.

Nếu hình ảnh có tên:

https://vutruso.com/Tự động thay đổi tên hình ảnh khi tải lên WordPress.png

Up lên website chúng sẽ có dạng này.

http://vutruso.com/T%E1%BB%B1%20%C4%91%E1%BB%99ng%20thay%20%C4%91%E1%BB%95i%20t%C3%AAn%20h%C3%ACnh%20%E1%BA%A3nh%20khi%20t%E1%BA%A3i%20l%C3%AAn%20WordPress.png

Bạn có thể thấy nếu bạn không đặt lại tên ảnh ở máy tính mà up lên với các ký tự đặc biệt hoặc tên ảnh là tiếng Việt sẽ rất mất cảm tình ngoài ra 1 số host nó sẽ tự động chặn các ký tự đặc biệt như này nhằm bảo mật website.

Để giải quyết vấn đề này bạn có 1 số lựa chọn như sau, đơn giản nhất là bạn đặt tên ảnh không dấu, cách nhau bằng dấu gạch ngang.

Ví dụ tên ảnh bên trên sẽ được sửa lại theo dạng phía dưới trước khi upload lên bài viết.

https://vutruso.com/tu-dong-thay-doi-ten-hinh-anh-khi-tai-len-wordpress.png

Ngoài ra nếu bạn muốn tự động đổi tên ảnh theo định dạng thân thiện như kia khi tải lên website thì có thể sử dụng 1 trong 2 cách sau.

Dù bạn đặt tên gì ở máy tính thì khi upload ảnh lên thì code, plugin sẽ tự động rewrite lại tên hình ảnh thân thiện hơn.

Cách 1: Tự động sửa tên ảnh khi upload lên website

Nếu bạn đang sử dụng WordPress thì có thể thêm đoạn code này vào file functions.php là xong.

/ Xoa ky tu dac biet khi tai anh len =====================================================================*/ function vutruso_sanitize_file_name( $filename ) {

$sanitized_filename = remove_accents( $filename ); // Convert to ASCII
// Standard replacements
$invalid = array(
    ' '   => '-',
    '%20' => '-',
    '_'   => '-',
);
$sanitized_filename = str_replace( array_keys( $invalid ), array_values( $invalid ), $sanitized_filename );
$sanitized_filename = preg_replace('/[^A-Za-z0-9-\. ]/', '', $sanitized_filename); // Remove all non-alphanumeric except .
$sanitized_filename = preg_replace('/\.(?=.*\.)/', '', $sanitized_filename); // Remove all but last .
$sanitized_filename = preg_replace('/-+/', '-', $sanitized_filename); // Replace any more than one - in a row
$sanitized_filename = str_replace('-.', '.', $sanitized_filename); // Remove last - if at the end
$sanitized_filename = strtolower( $sanitized_filename ); // Lowercase
return $sanitized_filename;

} add_filter( 'sanitize_file_name', 'vutruso_sanitize_file_name', 10, 1 );

Ngoài code này bạn cũng có thể sử dụng plugin rất hay có tên là: File Renaming on Upload

Plugin này cho bạn 1 số cài đặt tùy chọn thay đổi tên hình ảnh khi tải lên như:

– Thay đổi tên ảnh thành tiêu đề bài viết – Thay đổi tên ảnh thành tên bất kỳ bạn muốn – Thay đổi tên ảnh thành tên url – Kết hợp 3 kiểu này lại bằng các tên: {siteurl}{posttitle}{filename}

Kết luận

Như bạn có thể thấy việc sử dụng plugin thì sẽ tùy chọn thay đổi tên hình ảnh khi tải lên sẽ có nhiều lựa chọn hơn, còn nếu bạn muốn đơn giản thì có thể sử dụng đoạn code mình cung cấp phía trên.

Hy vọng bài viết sẽ giúp ích cho nhiều người, ngoài ra nếu bạn muốn xử lý hình ảnh (resize, nén ảnh) trước khi up lên website có thể xem qua bài viết này.

Nếu website của bạn đã lỡ tải lên quá nhiều hình ảnh chưa được xử lý và cần rename lại thì có thể tham khảo qua plugin Media File Renamer – Auto & Manual Rename

Nếu bạn có yêu cầu hay thắc mắc cần hỗ trợ đừng ngần ngại liên hệ với chúng tôi qua zalo số 0868017791 (Vũ Trụ Số)

Hiện nay, WordPress hỗ trợ tiếng Việt cực kỳ tốt cho website bởi nền tảng này mặc định sử dụng bảng mã UTF-8. Tuy nhiên, hiện nay có rất nhiều theme và plugin mới chỉ hỗ trợ tiếng Anh hoặc các ngôn ngữ khác, vì vậy khi bạn cài đặt sẽ không thể tránh khỏi các trường hợp bị lỗi font chữ. Hãy cùng Vietnix tìm hiểu nguyên nhân và cách khắc phục khi gặp phải lỗi font WordPress ngay trong bài viết dưới đây nhé.

Nguyên nhân khiến lỗi font WordPress

Sẽ có rất nhiều trường hợp font chữ mặc định của WordPress không được hỗ trợ tiếng Việt, chỉ hỗ trợ tiếng Anh hoặc một vài ngôn ngữ khác. Vì vậy, khi sử dụng bạn sẽ gặp phải sự cố lỗi font tiếng Việt trong WordPress.

Mặc dù hiện nay giao diện theme của WordPress được cung cấp bởi rất nhiều nhà phát triển khác nhau giúp tăng tính phong phú và đa dạng. Hơn nữa, mỗi một theme còn có thể hỗ trợ cho nhiều font ngôn ngữ. Tuy nhiên, lại có không ít nhà phát triển chỉ muốn tập trung đẩy mạnh tiếng Anh hoặc những ngôn ngữ không dấu khác, mà bỏ qua phát triển ngôn ngữ tiếng Việt.

Nguyên nhân khiến lỗi font chữ trong WordPress

Hướng dẫn sửa lỗi font WordPress

Tùy vào nguyên nhân gây ra lỗi sẽ có những biểu hiện và cách xử lý khác nhau. Dưới đây, Vietnix sẽ hướng dẫn bạn cách khắc phục một số lỗi font WordPress nhanh chóng:

1. Lỗi font chữ tiêu đề

Có thể thấy đây là lỗi font tiếng Việt thường gặp nhất khi xây dựng website trên WordPress, ngay cả những người có kinh nghiệm làm web lâu năm cũng thường hay mắc phải.

Nguyên nhân

Khi bạn tiến hành cài đặt thêm plugin hay theme mới cho website WordPress, nhưng theme/plugin này không được hỗ trợ tiếng Việt cho nên gặp phải lỗi font chữ tiêu đề.

Biểu hiện

Thường các chữ trong tiêu đề sẽ bị xen lẫn cả chữ to và chữ nhỏ, không đồng nhất với nhau đặc biệt là các chữ cái như ư, ă, â,…

Lỗi font chữ tiêu đề trong WordPress

Khắc phục

Để có thể sửa được lỗi font chữ tiêu đề trong WordPress bạn cần thực hiện đúng theo từng bước sau:

• Bước 1: Đầu tiên hãy mở tab menu phía bên trái tại bảng điều khiển WordPress, sau đó hãy click vào mục Appearance.
• Bước 2: Trên bảng hiển thị lúc này hãy nhấn chọn Customize.
  Các lỗi font chữ trên WordPress phổ biến và cách khắc phục 16
• Bước 3: Sau đó, bạn kéo xuống dưới, chọn mục Additional CSS. Tiếp đó bạn hãy chèn đoạn code bên dưới vào trong ô trống:

html,body,p,h1,h2,h3,h4,h5,h6,em,strong,span,a { font-family: Helvetica,Arial,sans-serif !important; }

Trong đó: Arial, Helvetica hay Sans-serif chính là những font hỗ trợ tiếng Việt rất tốt cho website của bạn.

Additional CSS

• Bước 4: Bấm vào Lưu lại để thay đổi cài đặt.
• Bước 5: Cuối cùng là kiểm tra lại kết quả vừa mới chỉnh sửa bằng cách quay trở lại trang chủ và bấm vào xem bài đăng.

2. Lỗi font WordPress: Xuất hiện ký tự đặc biệt giữa các chữ

Với lỗi này bạn sẽ ít gặp phải hơn tuy nhiên bạn cũng cần phải hiểu rõ được nguyên nhân và cách khắc phục để có thể xử lý vấn đề nhanh chóng.

Nguyên nhân

• Database lại gặp lỗi mã hóa. Một database thông thường muốn hiển thị được tiếng Việt thì cần phải triển khai mã hóa bằng UTF-8. Nếu cơ sở dữ liệu được mã hóa bằng một bộ mã khác mà không phải là UTF-8 thì sẽ gặp phải tình trạng lỗi font WordPress.
• Thực hiện xuất hoặc nhập một cơ sở dữ liệu trong quá trình chuyển trang web từ hosting cũ sang hosting mới.
• Ngoài ra, nếu như theme gắn sai thẻ “meta charset” thì cũng sẽ gặp phải lỗi này.

Biểu hiện

Xuất hiện thêm các ký tự đặc biệt như dấu “?” xen kẽ vào giữa các chữ cái.

Lỗi font WordPress: Xuất hiện ký tự đặc biệt giữa các chữ

Khắc phục

Hãy lựa chọn sử dụng plugin “Convert WP Database to UTF-8” để tiến hành convert toàn bộ table sang kiểu mã hóa UTF-8 có hỗ trợ thêm tiếng Việt. Để có thể sử dụng được plugin này, bạn hãy thực hiện theo các bước sau:

• Bước 1: Đầu tiên bạn cần cài đặt thêm plugin “Convert WP Database to UTF-8” cho WordPress của mình.
  Bạn cần upload plugin Convert WP Database to UTF-8 lên WordPress
• Bước 2: Đăng nhập vào Plugins trên thanh công cụ, tìm kiếm và di chuyển đến UTF-8 DB Converter. Sau đó click vào nút Start Converting để bắt đầu thực hiện convert.
  Start converting

Lưu ý: Trước khi triển khai convert bạn nên thực hiện sao lưu dữ liệu có trên website để tránh mất mát dữ liệu.

• Bước 3: Sau khi thực hiện xong cài đặt hãy kiểm tra lại xem có còn lỗi hay không nhé.

Lời kết

Trên đây là toàn bộ thông tin liên quan tới các nguyên nhân gây ra lỗi font WordPress và cách khắc phục nhanh chóng mà Vietnix muốn cung cấp cho bạn. Hy vọng với những chia sẻ về cách chỉnh lỗi font tiếng Việt trong WordPress bên trên sẽ giúp ích được cho website của bạn, từ đó mang đến những trải nghiệm đọc tốt nhất cho người dùng.