يتيح محوّل اللغة للزوار تحديد اللغة التي يرغبون في قراءة المحتوى بها. يسمح لك WPML بإضافة محوّل لغة بعدة طرق: في قائمة، أو كأداة ذكية، أو في ذيل صفحة الموقع. يمكنك أيضًا استخدامه لعرض روابط أعلى أو أدنى مقالاتك، لتقديم تلك المقالات بلغات أخرى.

محوّلات اللغة التي تتم إضافتها باستخدام WPML ستعمل بشكلٍ جيد وستبدو بمظهرٍ جيد مع أي قالب.

يمكن إضافة محوّلات اللغة لموقعك وتخصيصها من خلال صفحة WPML -> اللغة.

أقسام منفصلة للأنواع المختلفة من محوّلات اللغة

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

قسم الخيارات الأساسية لمحوّل اللغة

قسم الخيارات الأساسية لمحوّل اللغة

الخيارات المحددة للأنواع المختلفة من محوّلات اللغة يتم تطبيقها على كل محوّل، على التوالي. تعرض صفحة اللغات معاينة فعّالة لمحوّلات اللغة المختلفة النشطة على موقعك، كما هو معروض في الصورة التالية.

أقسام منفصلة لكل نوع من أنواع محوّلات اللغة

أقسام منفصلة لكل نوع من أنواع محوّلات اللغة

كل قسم به زر “إضافة” الخاص به (لإضافة محوّل لغة آخر من هذا النوع)، وأيقونة “قلم رصاص” لتحرير المحوّل الحالي، وأيقونة “سلة مهملات”.

تحكم كامل بكل محوّل لغة

كل نوع محوّل لغة له إعداداته الخاصة به. وهو ما يمنحك تحكمًا كاملاً ومستقلاً على كل محتوياته وكيف سيبدو.

على سبيل المثال، تعرض الصورة التالية مربع حوار به إعدادات لمحوّل اللغة على شكل قائمة.

إعدادات محوّل اللغة على شكل قائمة

إعدادات محوّل اللغة على شكل قائمة

معاينة حية تعرض خيارات محوّل اللغة

بينما تقوم بتغيير إعدادات محوّل اللغة، يتم تحديث المعاينة. المعاينة “تخطيطية”، فهي لا تقوم بتحميل الواجهة الأمامية CSS (ليست فكرة جيدة أن تقوم بتحميلها في مدير WordPress)، ومن ثمّ سيتم تنميط محوّل اللغة الفعلي بشكلٍ مختلف. مع ذلك، فهي تعرض لك تأثير الخيارات المختلفة، وإعدادات الألوان، والترتيب، والمحتوى.

هيكل HTML لمحوّلات اللغة على شكل قائمة

بدءًا من الإصدار 3.6، لا يقوم WPML بعرض محوّلات اللغة مع كود HTML الخاص بها. بدلاً من ذلك، يقوم بإدخال عناصر “language switcher” في هيكل القائمة. بهذه الطريقة، يقوم قالبك بعرض محوّل اللغة تمامًا مثل عناصر القائمة الأخرى.

بشكلٍ أساسي، هذا يتيح ظهور محوّل اللغة بمظهرٍ أفضل على موقعك، مع تطبيق مظهر قواعد CSS الخاصة بموقعك.

محوّل اللغة على شكل قائمة على الواجهة الأمامية

محوّل اللغة على شكل قائمة على الواجهة الأمامية

تخصيص محوّلات اللغة على شكل قائمة

مع محوّلات اللغة على شكل قائمة على وجه الخصوص، قام WPML الإصدار 3.6 بإضافة فئة CSS جديدة – wpml-ls-menu-item. وهو ما يبسّط عملية تخصيص عناصر محوّل اللغة على شكل قائمة (روابط).

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

محوّل اللغة ذو الأعلام فقط مع القالب Twenty Sixteen

محوّل اللغة ذو الأعلام فقط مع القالب Twenty Sixteen

يمكنك بكل سهولة إصلاح هذا باستخدام فئة CSS المسماة wpml-ls-menu-item.


li.wpml-ls-menu-item ul li a {

width: auto;

}

لست في حاجة إلى تحرير ملف CSS الخاص بقالبك، ما عليك سوى إضافة القواعد الخاصة إلى قسم CSS الإضافي في قائمة خيارات محوّل اللغة.

والآن، سترى كما هو واضح في الصورة التالية أن عرض عناصر القائمة قد تحسّن.

محوّل اللغة على شكل قائمة بعد تطبيق CSS المخصص

محوّل اللغة على شكل قائمة بعد تطبيق CSS المخصص

عرض محوّلات لغة WPML في المواقع المخصصة

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

لاحظ أن الإعدادات العامة لمحوّلات اللغة في المواقع المخصصة يتم تعيينها في نفس المكان كتلك التي للمحوّلات الأخرى في موقعك – في قسم خيارات محوّل اللغة، في صفحة اللغات.

استخدام إجراءات PHP

لعرض محوّل اللغة داخل ملفات قالب PHP الجاهز لقالبك، يمكنك استخدام الإجراءين التاليين.

  • do_action(‘wpml_add_language_selector’);– ينتج عنه محوّل لغة قائم على الخيارات المعيّنة في قسم محوّلات اللغة المخصصة.
  • do_action( ‘wpml_footer_language_selector’ );– ينتج عنه محوّل لغة قائم على الخيارات المعيّنة في قسم محوّل اللغة في ذيل الصفحة، حتى إن كان خيار عرض محوّل اللغة في ذيل الصفحة معطلاً.

استخدام الرموز القصيرة لـ WPML

داخل المقالات والصفحات، يمكنك استخدام أحد الرمزين القصيرين من رموز WPML القصيرة أدناه. مرة أخرى، الفارق يقبع في أيّ محوّل لغة يتم عرضه.

  • [wpml_language_selector_widget] – ينتج عنه محوّل لغة قائم على الخيارات المعيّنة في قسم محوّلات اللغة المخصصة.
  • [wpml_language_selector_footer] – ينتج عنه محوّل لغة قائم على الخيارات المعيّنة في قسم محوّل اللغة في ذيل الصفحة، حتى إن كان خيار عرض محوّل اللغة في ذيل الصفحة معطلاً.

محول اللغة المخصص الخاص بك

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

محوّل لغة مخصص

محوّل لغة مخصص

هناك طريقتان متاحتان لك لفعل ذلك: استخدام قوالب Twig الجاهزة أو استخدام PHP API.

بدءًا من الإصدار 3.6، يتميز WPML بدعم إنشاء محوّلات اللغة المخصصة باستخدام قوالب Twig الجاهزة. وتلك هي الطريقة المفضلة والأسهل، ولا تحتاج معها إلى أي برمجة بأكواد PHP. أفضل شيء حيال استخدام قوالب Twig الجاهزة هو أنّه يمكنك بكل سهولة تضمينهم في القوالب وسيظهرون كخيارات للمستخدمين.

الطريقة الأخرى هي إنشاء محوّلات لغة مخصصة باستخدام PHP API. وهذه الطريقة تحتاج إلى إلمام بـ PHP.