اللغات

اللغات المتوفرة

كل نص ظاهر يأتي من messages/en.json أو messages/ar.json، بما في ذلك النصوص البديلة، وتسميات الأزرار لقارئات الشاشة، وعنوان الصفحة ووصفها.

كيف تُختار اللغة

• اللغة هي الجزء الأول من العنوان: /en أو /ar.
• العنوان الذي لا يحمل لغة، مثل /، يُعاد توجيهه إلى لغة الزائر: العربية لمتصفح مضبوط على العربية، والإنجليزية لأي لغة أخرى. ولبقية جلسة المتصفح يتذكر آخر لغة فُتحت، في ملف تعريف الارتباط NEXT_LOCALE.
• يفتح /en و/ar لغتهما دائمًا.
• يعرض مبدّل اللغة في شريط التنقل وقائمة الجوال اسم اللغة الأخرى، ويُبقي الزائر على الصفحة نفسها.
• تتبع lang وdir في الصفحة اللغة، وكذلك الرابط الأساسي وروابط اللغات لمحركات البحث.

غيّر نصًا

غيّر القيمة في ملفي الرسائل واحتفظ بالمفتاح. يظهر المفتاح المفقود من أحد الملفين كخطأ رسالة مفقودة في صفحة تلك اللغة، لذا أبقِ الملفين متطابقين.

• أي مفتاح يحمل أي نص

من اليمين إلى اليسار

يستخدم التخطيط فئات Tailwind المنطقية مثل ms-* وpe-* وstart-* وend-*، فتنقلب الهوامش والحشوات والمواضع تلقائيًا في العربية. استخدمها، لا ml-* أو left-*، عندما تضيف عناصر. وتنعكس أيقونات الأسهم بالفئة rtl:-scale-x-100.

تسميات الموقع العربية

عندما تكتب عن الموقع بالعربية، استخدم التسميات التي تعرضها صفحته:

أضف لغة

الفرنسية كمثال، بالرمز fr:

1. 01

   أضفها إلى التوجيه

   في src/i18n/routing.ts، أضف الرمز إلى locales:

   src/i18n/routing.tsنسخ

   locales: ["en", "ar", "fr"],
2. 02

   أنشئ ملف رسائلها

   انسخ الملف الإنجليزي وترجم قيمه. احتفظ بكل المفاتيح.

   الطرفيةفي landing-page-template-1نسخ

   cp messages/en.json messages/fr.json
3. 03

   سمّها في مبدّل اللغة

   أضف "fr": "Français" ضمن localeSwitcher.names في كل ملف رسائل.
4. 04

   امنحها لغة لبطاقات الشبكات الاجتماعية

   في src/i18n/openGraphLocales.ts، أضف fr: "fr_FR". يفشل فحص الأنواع أثناء البناء حتى يكون لكل لغة مدخل هناك.
5. 05

   للغة من اليمين إلى اليسار فقط

   أضف رمزها إلى RTL_LOCALES في src/i18n/getDirection.ts. يحمّل التخطيط Noto Sans Arabic للرمز ar فقط، أما لنظام كتابة آخر فحمّل خطًا له في src/app/[locale]/layout.tsx.