WPML
دروس تعليمية

إنشاء مواقع WordPress من اليمين إلى اليسار (RTL)

Amirدقائق القراءة: 3

مشاركة:

تمثل اللغات التي تُكتب من اليمين إلى اليسار تحديًا خاصًا. لحسن الحظ، يقطع WordPress شوطًا طويلاً للحد من هذه المعاناة. سنوضح لك كيفية إنشاء موقع RTL يعمل بشكل مثالي، استنادًا إلى قالب TwentyTen الافتراضي.

عندما تنشئ موقعًا متعدد اللغات يجمع بين اتجاهي RTL و LTR، ستحتاج إلى معالجة مسألتين:

  • التحرير / الترجمة
  • العرض

الجزء الأول، لإنشاء موقعك أو ترجمته، يعني العمل في لوحة تحكم WordPress باللغة الصحيحة والاتجاه الصحيح. إذا كنت تترجم بين لغات LTR و RTL، فضع في اعتبارك أنك ستحتاج إلى رؤية محتوى مختلط الاتجاه على نفس الشاشة.

عند عرض الموقع، يحتاج قالبك إلى التعامل مع اتجاه العرض الصحيح للغات RTL و LTR.

سيتبع هذا الدرس التعليمي موقعنا التجريبي متعدد اللغات لقالب Twenty Ten، والمتاح باللغات الإنجليزية والإسبانية والعبرية (RTL).

التحضير – الحصول على ملفات .Mo للنواة والقالب


إن WordPress نفسه والقالب الافتراضي معربان بالكامل إلى العديد من اللغات. نحن بحاجة إلى أحدث إصدار من التعريب، لذلك قررت الحصول عليه من إصدارات WordPress المعربة. يمكنك الحصول عليها من هنا:
بعد تنزيل WordPress وفك ضغطه، اذهب إلى wordpress/wp-content/languages. انسخ المحتوى بالكامل إلى دليل languages الخاص بك. افعل الشيء نفسه بالنسبة للقالب. ستكون ملفات الترجمة في wp-content/themes/twentyten (أو القالب الافتراضي الحالي إذا كنت تقرأ هذه المقالة لاحقًا).

يجب عليك أيضًا ضبط إعدادات WPML للسماح له بترجمة القالب والإضافات.

الترجمة


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

إذا كان هذا جديدًا بالنسبة لك، فاقرأ أولاً عن وحدة إدارة الترجمة.

هكذا يبدو الأمر عندما أترجم مقالة Hello World إلى العبرية.

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

يمكنك أن ترى أن النصوص الإنجليزية محاذاة إلى اليسار، بينما العبرية محاذاة إلى اليمين. يمكنني حتى استخدام وضع HTML لنسخ العناصر ولصقها من الإنجليزية. يعرض وضع HTML باتجاه LTR، للسماح لك بإدخال الوسوم بشكل صحيح.

عندما تترجم السلاسل، يعرضها WPML أيضًا في الاتجاه الصحيح. هكذا تبدو شاشة ترجمة النصوص عندما أترجم عنوان ودجت Search.

ترجمة النصوص RTL

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

عرض الموقع في اتجاهي RTL و LTR


الآن بعد أن تمت ترجمة محتواك، حان الوقت لتوجيه انتباهنا إلى القالب.

يقوم هذا السطر الصغير بمعظم السحر: 

<html dir="rtl" lang="he-IL">

يمكنك رؤية ذلك إذا عرضت مصدر أي صفحة عبرية. على سبيل المثال، الصفحة الرئيسية.

تخبر السمة dir="rtl" الموقع أن اتجاه العرض للموقع بأكمله هو من اليمين إلى اليسار. تفهم المتصفحات ذلك وستقلب كل شيء إلى الاتجاه الصحيح.

هذا السطر الواحد من PHP، من ملف header.php، يحقق ذلك: 

<html <?php language_attributes(); ?>>

يُدرج استدعاء language_attributes سمتي dir و lang. تأتي القيم من ملف .mo الخاص بالنواة. إذا كان لديك ملفات .mo الصحيحة لـ WordPress، فستحصل على القيم الصحيحة لهذه السمات.

إذا كانت ملفات HTML و CSS الخاصة بقالبك تتبع ممارسات ”آمنة“، فهذا حقًا كل ما تحتاجه. بكلمة آمنة، أعني عدم استخدام التموضع أو العروض المطلقة. إذا كان يجب عليك استخدام القيم المطلقة، فقد تفكر في تحميل ملف CSS مختلف لكل لغة.

يمكنك القيام بذلك بسهولة باستخدام الجمل الشرطية التي تفحص الثابت ICL_LANGUAGE_CODE (الموضح في API برمجة WPML).

النتائج


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

الإنجليزية

الإسبانية

العبرية
الأمر ليس بالصعوبة التي يبدو عليها. جرّبه وأخبرنا كيف تسير الأمور معك.

هل وجدت هذا مفيداً؟ شارك هذه المقالة:

قد يعجبك أيضاً