WordPress và AI: sửa ngôn ngữ và hướng chữ của đoạn HTML đã dán

Xác định phần nào của trang đổi ngôn ngữ

Giả sử một trang tiếng Pháp về buổi hội thảo giả định được bổ sung một đoạn tiếng Ả Rập. Câu này cho biết buổi hội thảo bắt đầu lúc 10:30. Sau khi dán vào khối HTML tùy chỉnh, có tên **HTML** trong bản dịch giao diện, bạn thấy các ký tự Ả Rập trên màn hình. Tuy nhiên, đoạn đó chưa khai báo ngôn ngữ riêng và dùng hướng chữ của trang. Trong một phiên bản khác của đề xuất, đoạn có lang="ar" nhưng dir="ltr" vẫn buộc chữ chạy từ trái sang phải. Hai trường hợp này cần hai cách sửa khác nhau.

Đọc phần nội dung xung quanh đoạn đó trước. Tiêu đề, lời giới thiệu, menu và các hướng dẫn tiếp theo đều bằng tiếng Pháp. Ngôn ngữ của tài liệu được khai báo trên phần tử html do WordPress và giao diện tạo ra. Hãy giữ tiếng Pháp làm ngôn ngữ mặc định của tài liệu. Trên đoạn mới, khai báo ngôn ngữ thực tế của câu và hướng phù hợp với hệ chữ. Ngôn ngữ mô tả nội dung văn bản. Hướng cơ sở quyết định cách trình duyệt sắp xếp chữ cái, chữ số và dấu câu trong ngữ cảnh.

Ghi lại kết quả mong muốn trước khi sửa khối. Trang vẫn dùng tiếng Pháp và hướng từ trái sang phải. Câu tiếng Ả Rập cần được nhận diện đúng ngôn ngữ và nằm trong một đoạn có hướng cơ sở từ phải sang trái. Hai câu tiếng Pháp liền kề cần giữ nguyên cách hiển thị. Hãy kiểm tra cả giá trị 10:30 sau khi lưu. Việc sửa chỉ liên quan đến các thuộc tính và phạm vi của chúng. Giữ nguyên câu và ngôn ngữ chung của trang web.

Lưu bản đối chiếu trước khi lưu nội dung đã dán

Làm việc trên bản sao của một bài viết hoặc trang. Viết một câu mở đầu bằng tiếng Pháp, một đoạn trích dẫn về giờ bắt đầu, rồi một câu tiếng Pháp khác sau trích dẫn. Hai câu xung quanh khối dùng để đối chiếu. Trong bản đối chiếu, trích dẫn cũng bằng tiếng Pháp. Giữ bản sửa đổi hoặc lưu lại nguyên văn nội dung của khối, rồi mở bản sao như khách truy cập. Ghi lại văn bản ở cả ba vị trí và ngôn ngữ trên phần tử gốc. Nếu trang vốn đã khai báo sai ngôn ngữ, hãy ghi nhận vấn đề đó riêng. Muốn đánh giá cấu hình các trang khác cần kiểm tra riêng từng trang.

Để mô phỏng đề xuất mà không dùng dịch vụ nào, hãy thay câu trích dẫn tiếng Pháp bằng câu tiếng Ả Rập mẫu trong một khối HTML tùy chỉnh. Giữ phiên bản đầu tiên không khai báo ngôn ngữ hoặc hướng chữ cho trích dẫn. Chuẩn bị phiên bản thứ hai với lang="ar" và dir="ltr". Dùng cùng một câu tiếng Ả Rập trong cả hai phiên bản. Như vậy, bạn có thể quy sự khác biệt quan sát được cho các thuộc tính vì lời văn và con số không đổi.

Nếu bạn có một đề xuất thực tế, hãy kiểm tra văn bản và mã đánh dấu trước khi dán. Đoạn nội dung phải nằm trong phần thân của trang. Nếu đề xuất bao cả cấu trúc tài liệu có html, head hoặc body, chỉ giữ đoạn cần dùng. Khi dịch toàn bộ một trang, ngôn ngữ chính phụ thuộc vào trang được hiển thị và cấu hình của nó. Trong bài thực hành này chỉ một trích dẫn đổi ngôn ngữ. Hãy giới hạn khai báo ở trích dẫn đó.

Ghi riêng từng phiên bản trong sổ tay. Khối đối chiếu giúp bạn quay về trạng thái trước đó nếu thao tác dán làm thay đổi cả đoạn khác. Ghi những từ đầu của hai câu tiếng Pháp trước và sau trích dẫn để tìm lại đúng chỗ sau khi lưu. Bạn cũng có thể giữ một mã nhận diện thử nghiệm trên bản sao. Nếu có nhiều trích dẫn, ghi vị trí chính xác để nhận ra trích dẫn cần kiểm tra dù nó không đứng đầu trang.

Phân biệt ngôn ngữ kế thừa với hướng chữ kế thừa

Trong DOM, ngôn ngữ khai báo trên một phần tử cũng áp dụng cho các phần tử con không có khai báo riêng. Vì vậy, trích dẫn không có lang có thể kế thừa tiếng Pháp từ trang dù văn bản có ký tự Ả Rập. Trình duyệt vẫn có thể hiển thị những ký tự đó. Ở trạng thái thử đầu tiên, kiểm tra cho thấy ngôn ngữ thực tế của trích dẫn là tiếng Pháp vì khai báo gần nhất nằm ở cấp trang.

Trong bài thực hành này, lang="ar" đủ để khai báo tiếng Ả Rập. Hướng cơ sở được đặt riêng. Ở trạng thái thứ hai, trình duyệt nhận diện trích dẫn là tiếng Ả Rập nhưng chữ vẫn có hướng từ trái sang phải vì dir="ltr" còn nằm trên trích dẫn. Ghi hai giá trị riêng biệt để thấy vì sao bước sửa đầu có thể trông như đã xong trong khi hướng chữ vẫn sai.

Hướng chữ chi phối cách sắp xếp văn bản. Một câu từ phải sang trái có thể chứa chữ số, giờ hoặc tên viết bằng hệ chữ khác. Tránh tự đảo thứ tự ký tự hoặc di chuyển dấu câu để bù cho một khai báo sai trên phần tử bao quanh. Hãy sửa hướng cơ sở của đoạn trước, rồi đọc lại câu và giờ trên màn hình. Căn phải quyết định vị trí văn bản trên dòng. Hướng đọc được thiết lập riêng.

Chọn phần tử bao đúng phạm vi của đoạn. Nếu toàn bộ trích dẫn là tiếng Ả Rập, hãy dùng phần tử chứa trích dẫn. Nếu chỉ vài từ trong một câu tiếng Pháp đổi ngôn ngữ, chỉ đánh dấu phần đó. Một tên riêng đứng một mình hoặc một thuật ngữ đã được dùng trong ngôn ngữ của văn bản có thể không cần khai báo riêng. Nếu chưa chắc về ngôn ngữ hoặc hướng chữ, hãy nhờ người kiểm tra văn bản trước khi chọn thuộc tính. Khai báo cần mô tả đúng nội dung người đọc thực sự nhận được.

Sửa đoạn mã trong khối tạo ra nội dung đó

Trên bản sao, mở khối HTML tùy chỉnh và tìm trích dẫn. Thêm hoặc sửa lang="ar" và dir="rtl" trên phần tử bao trích dẫn. Giữ hai câu tiếng Pháp bên ngoài phần tử đó. Trong đoạn dưới đây, câu có nghĩa là buổi hội thảo bắt đầu lúc 10:30. Các thuộc tính mô tả toàn bộ trích dẫn và cũng áp dụng cho đoạn văn bên trong.

Chỉ sửa các thuộc tính xác định ngôn ngữ và hướng chữ. Đọc lại nội dung trước khi lưu để tránh làm đổi giờ nếu bạn dán lại. Nếu đề xuất dùng quy tắc CSS về hướng chữ hoặc căn lề, hãy kiểm tra phạm vi của quy tắc đó. Mã HTML xác định hướng cơ sở. Tùy giao diện, quy tắc trình bày vẫn có thể làm hướng tính toán khác đi. Khi đó, hãy tìm quy tắc đang áp dụng cho đoạn cần sửa.

Nếu khối thuộc một mẫu trang hoặc mẫu khối dùng lại, hãy kiểm tra văn bản được lưu ở đâu. Thay đổi nguồn chung có thể ảnh hưởng đến nhiều trang. Bài thực hành dùng một khối riêng trong một bài viết để giới hạn ảnh hưởng. Nếu phải sửa phần dùng chung, hãy tìm trên bản sao của trang web một chỗ khác dùng cùng nguồn. Nhờ vậy, bạn có thể xác nhận rằng các trang không chứa trích dẫn vẫn hoạt động như trước.

<blockquote lang="ar" dir="rtl">
  <p>تبدأ الورشة عند الساعة 10:30.</p>
</blockquote>

Kiểm tra DOM của trang sau khi lưu

Lưu bản sao, đóng bản xem trước cũ và mở lại địa chỉ bài viết. Kiểm tra trích dẫn trong bảng **Elements** (Phần tử) của công cụ dành cho nhà phát triển trong trình duyệt. Trước tiên, xem phần tử html còn khai báo tiếng Pháp hay không. Sau đó, xác nhận các thuộc tính nằm trên trích dẫn trong tài liệu thực sự được hiển thị. Chúng phải áp dụng cho đoạn tiếng Ả Rập và dừng trước câu tiếp theo. Khai báo sai cấp có thể sửa được trích dẫn nhưng đồng thời làm thay đổi cách hiển thị của một khối khác.

So sánh mã của khối với DOM. Nếu lang hoặc dir có trong mã đã dán nhưng không thấy trong DOM, hãy mở lại khối để xem phần nào được giữ khi lưu. Nếu thuộc tính đã biến mất khỏi khối đã lưu, khác biệt xảy ra giữa lúc dán và lúc lưu. Nếu khối vẫn giữ thuộc tính, kiểm tra thành phần tạo ra trang và cách trình duyệt phân tích HTML. Trong cả hai trường hợp, ghi lại khác biệt trước khi thay đổi thiết lập chung hay quyền tài khoản.

Trong các kiểu mà trình duyệt đã tính cho trích dẫn, tìm thuộc tính direction. Với đoạn đã sửa trong bài thực hành, giá trị là rtl. Ở câu tiếng Pháp tiếp theo, giá trị vẫn là ltr. Nếu DOM chứa dir="rtl" nhưng hướng tính toán vẫn là ltr, hãy tìm quy tắc tác động đến phần tử đó hoặc một phần tử con. Ghi lại khai báo ngôn ngữ gần nhất cho mỗi đoạn. Bảng kiểu cho biết trình duyệt áp dụng quy tắc nào khi hiển thị. Muốn biết ngôn ngữ đã khai báo, hãy kiểm tra riêng các thuộc tính.

Đọc lại câu tiếng Ả Rập và con số trong ngữ cảnh. Phép thử so sánh văn bản trong DOM với văn bản ban đầu, kể cả 10:30. Nhờ vậy, bạn có thể nhận ra nội dung bị thay đổi khi dán. Vị trí hiển thị của từng ký tự cần được kiểm tra riêng. Nếu đoạn trộn nhiều hệ chữ, hãy xem nó với các kiểu thông thường của trang web và nhờ người biết ngôn ngữ đó đọc lại.

Đọc kết quả và ghi rõ giới hạn của phép thử

Trong bản WordPress thử nghiệm, phần tử gốc giữ lang="fr-FR" và hướng tính toán từ trái sang phải ở cả năm trạng thái. Ở phiên bản dán đầu tiên, trích dẫn không có thuộc tính và kế thừa tiếng Pháp. Ở phiên bản thứ hai, Chrome nhận ra lang="ar" nhưng giữ hướng từ trái sang phải. Sau khi sửa, trích dẫn có đúng các giá trị dự kiến và đoạn văn bên trong kế thừa chúng. Hai câu tiếng Pháp giữ nguyên ngôn ngữ, hướng và nội dung.

Các phiên bản được lưu trong khối HTML tùy chỉnh bằng các hàm lõi của WordPress, rồi được kiểm tra trong DOM của trang đã tải. Phép thử xác nhận thuộc tính và văn bản được giữ khi lưu và hiển thị trong môi trường đó. Các phiên bản mô phỏng những trạng thái có thể gặp sau khi dán. Dán thật từ bảng tạm trong trình chỉnh sửa trực quan có thể cho kết quả khác. Phép thử chặn bảng kiểu của giao diện và mã lệnh của trang để tách riêng tác động của các thuộc tính.

Phép thử không bao gồm trình đọc màn hình. Thuộc tính lang="ar" cung cấp thông tin ngôn ngữ mà công nghệ hỗ trợ có thể dùng. Việc đổi giọng, phát âm và đọc giờ cần kiểm tra riêng. Nếu những yếu tố đó thuộc phạm vi đánh giá, hãy thử bằng trình đọc màn hình và giọng đọc mà nhóm của bạn sử dụng. Ghi lại nội dung được đọc riêng với kết quả kiểm tra DOM.

Khôi phục bản đối chiếu và lưu cách kiểm tra để dùng lại

Để hoàn tác thay đổi trên bản sao, hãy khôi phục bản sửa đổi chứa đoạn đối chiếu. Nếu những phần khác đã được chỉnh sửa từ đó, chỉ khôi phục trích dẫn và các thuộc tính đã ghi lúc đầu. Mở lại bài viết trong trình duyệt. Kiểm tra phần tử gốc, trích dẫn và hai câu đối chiếu. Việc khôi phục có thể chưa trọn vẹn nếu văn bản đã trở lại như cũ nhưng một thuộc tính mới vẫn còn trên phần tử bao quanh.

Trong phép thử, bản sửa đổi đã khôi phục chính xác nội dung đã lưu và đoạn hiển thị. Trích dẫn trở lại tiếng Pháp, còn các phần xung quanh hiển thị như trước. Kết quả sẽ khác nếu bản đối chiếu ban đầu đã có một đoạn tiếng Ả Rập được đánh dấu đúng. Khi đó, hãy khôi phục văn bản và các thuộc tính ban đầu của đoạn ấy. Dùng bản đối chiếu đã lưu riêng cho trang đang kiểm tra.

Khi chuyển kết quả cho người kiểm tra, ghi địa chỉ bản sao, đoạn liên quan và các giá trị dự kiến. Thêm các thuộc tính quan sát được và hướng tính toán ở cả ba vị trí. Giữ cả đề xuất ở trạng thái đã thử và phiên bản đã sửa. Người kiểm tra có thể xác nhận rằng giờ không đổi, trích dẫn được khai báo đúng và phần còn lại của trang vẫn dùng ngôn ngữ và hướng chữ dự kiến.

Áp dụng cách kiểm tra cho một cụm từ trong câu

Đoạn cần đánh dấu có thể chỉ là một cụm tiếng Anh ở giữa đoạn văn tiếng Pháp. Trong trường hợp này, hai phần có cùng hướng chữ. Đánh dấu cụm từ bằng đúng ngôn ngữ, rồi đọc các từ trước và sau. Nếu cả câu tiếng Pháp kế thừa tiếng Anh, thuộc tính được đặt quá cao trong tài liệu. Hãy kiểm tra cả những từ bên cạnh dù hướng nhìn thấy trên dòng không đổi.

Nếu cả đoạn là một đoạn văn viết theo hướng từ phải sang trái, đặt hướng trên đoạn văn hoặc phần tử bao riêng của nó. Mép dùng để căn văn bản vẫn có thể do giao diện quyết định. Kiểm tra hướng khai báo và hướng tính toán trước khi đổi căn lề. Nếu người đọc cần nhận ra một giờ hoặc một số tham chiếu, nhờ người xem lại kết quả hiển thị cuối cùng và ghi chính con số đó trong ghi chú.

Trong cả hai trường hợp, mở lại khối sau khi lưu và xem thuộc tính được đặt ở đâu. Nếu đề xuất thêm nhiều đoạn, chọn một đoạn tiếng Pháp nằm giữa hai đoạn cần kiểm tra làm đối chiếu. Cách này giúp phát hiện phần tử bao quá rộng và truyền thuộc tính cho mọi thứ theo sau. Bắt đầu với một chỉnh sửa riêng lẻ. Chỉ áp dụng cho những đoạn khác sau khi xác nhận ngôn ngữ, hướng chữ và vị trí của chúng trong DOM.