كيفية تغيير رقم الكمية للووردبريس للانجليزي

تستطيع استخدام مزيج ما بين CSS وجافاسكريبت.

الخطوة الأولى: إضافة فئة CSS إلى العناصر التي تريد تحويل الأرقام فيها إلى الإنجليزية.

.arabic-numbers {
  direction: rtl;
  unicode-bidi: bidi-override;
}

وليكن مثلاً عنصر كالتالي في الصفحة:

<div class="arabic-numbers">
  <h1>السعر: ١٠٠ جنيه مصري</h1>
</div>

الخطوة الثانية: إضافة JavaScript إلى الموقع لتحويل الأرقام.

حيث سيؤدي الكود إلى تحويل جميع الأرقام في العناصر التي تحتوي على الفئة arabic-numbers إلى الإنجليزية.

const arabicNumbersElements = document.querySelectorAll('.arabic-numbers');


for (const element of arabicNumbersElements) {
  const text = element.textContent;
  const englishNumbers = text.replace(/\d+/g, (arabicNumber) => {
    return arabicToEnglishDigits(arabicNumber);
  });


  element.textContent = englishNumbers;
}


function arabicToEnglishDigits(arabicNumber) {
  const englishDigits = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'];
  const arabicDigits = ['٠', '١', '٢', '٣', '٤', '٥', '٦', '٧', '٨', '٩'];


  for (let i = 0; i < arabicDigits.length; i++) {
    arabicNumber = arabicNumber.replace(new RegExp(arabicDigits[i], 'g'), englishDigits[i]);
  }


  return arabicNumber;
}

• arabicNumbersElements هي قائمة بجميع العناصر التي تحتوي على الفئة arabic-numbers.
• text هي قيمة نص العنصر.
• englishNumbers هي قيمة نص العنصر بعد تحويل الأرقام إلى الإنجليزية.
• arabicToEnglishDigits() هي وظيفة لتحويل الأرقام العربية إلى الإنجليزية.