اختبار دعم اللغة العربية والكتابة من اليمين إلى اليسار

هذا مقال اختباري شامل لدعم اللغة العربية والكتابة من اليمين إلى اليسار في سمة FixIt. يهدف هذا المقال إلى اختبار جميع عناصر الويب المختلفة مع المحتوى العربي.

المقدمة

مرحباً بكم في هذا المقال الاختباري الشامل. اللغة العربية هي واحدة من أكثر اللغات انتشاراً في العالم، وتتميز بكتابتها من اليمين إلى اليسار. يتطلب دعم هذه اللغة في تصميمات الويب اهتماماً خاصاً بالعديد من الجوانب التقنية.

لماذا RTL مهم؟

عندما نصمم مواقع ويب تدعم اللغات التي تُكتب من اليمين إلى اليسار، يجب علينا مراعاة عدة عوامل:

• اتجاه النص: يجب أن يتدفق النص بشكل طبيعي من اليمين إلى اليسار
• تخطيط الصفحة: يجب أن تكون العناصر مرتبة بشكل منطقي
• الرموز والأيقونات: قد تحتاج بعضها إلى انعكاس
• التباعد بين الأسطر: يحتاج النص العربي إلى مساحة أكبر للتشكيل

النص المختلط

هذا نص يحتوي على كلمات إنجليزية مثل JavaScript و HTML و CSS مع نص عربي. يجب أن يظهر كل شيء بشكل صحيح.

الروابط

• موقع Hugo
• سمة FixIt
• وثائق RTL

القوائم

القوائم غير المرتبة:

• عنصر القائمة الأول
• عنصر القائمة الثاني
• عنصر القائمة الثالث
  • عنصر فرعي
  • عنصر فرعي آخر

القوائم المرتبة:

1. الخطوة الأولى في العملية
2. الخطوة الثانية
3. الخطوة الثالثة والأخيرة

قوائم المهام:

• إعداد بيئة التطوير
• كتابة المحتوى الأساسي
• اختبار التوافق مع المتصفحات
• مراجعة التصميم النهائي
• نشر الموقع

الجداول

الاقتباسات

العلم نور والجهل ظلام — مثل عربي

اقتباس طويل:

إن الله لا يغير ما بقوم حتى يغيروا ما بأنفسهم وإذا أراد الله بقوم سوءاً فلا مرد له وما لهم من دونه من وال

الأيقونات

أيقونات يتم قلبها في RTL:

•  وسم
•  وسوم
•  مجلد
•  مجلد مفتوح
•  قلم تعديل

أيقونات لا يتم قلبها في RTL:

•  مشاركة
•  بحث

التبويبات

التفاصيل القابلة للطي

التنبيهات

المحتوى المشفر

أمثلة على المحتوى LTR

في صفحة RTL، بعض العناصر تبقى باتجاه LTR لأن محتاها لغوي بحت أو برمجي. فيما يلي أمثلة:

كتلة الكود

1
2
3
4
5
6

#include <stdio.h>

int main() {
    printf("Hello, World!\n");
    return 0;
}

عارض JSON

تبويبات الكود

1

print("Python")

1

fmt.Println("Go")

الصيغ الرياضية

معادلة بسيطة: $E = mc^2$

معادلة معقدة:

مخططات Mermaid

graph LR
    A[بداية] --> B[عملية]
    B --> C[نهاية]

graph LR
    A[بداية] --> B[عملية]
    B --> C[نهاية]

graph LR
    A[بداية] --> B[عملية]
    B --> C[نهاية]

1
2
3

graph LR
    A[بداية] --> B[عملية]
    B --> C[نهاية]

تم إنشاء هذا المقال لاختبار دعم اللغة العربية في سمة FixIt.