يُعد إعداد مبدّل اللغة على Craft CMS ميزة بالغة الأهمية لأي موقع ويب يسعى إلى الوصول إلى جمهور عالمي. في عصر العولمة اليوم، أصبحت القدرة على التبديل بين لغات متعددة بسلاسة حاجة ملحّة.
إعداد مبدّل اللغة على Craft CMS يعزز إمكانية الوصول للزوار من مختلف البلدان، ويمكن أن يحسّن ترتيب محركات البحث، ويمكن أن يبني ثقة العلامة التجارية العالمية. وعلى الرغم من أنه قد يبدو معقدًا، فإن هذا الدليل خطوة بخطوة سيساعدك على القيام بذلك بسلاسة وكفاءة على موقع Craft CMS .
أهمية إعداد مبدّل اللغة على Craft CMS
قبل الخوض في كيفية إعداد مبدّل اللغة على Craft CMS، دعنا أولاً نناقش أهمية إعداد مبدّل اللغة. إليك بعض منها.
- تجربة مستخدم أفضل: يتيح مُبدِّل اللغة للزوار الوصول بسهولة إلى المحتوى بلغتهم المفضلة، مما يعزز فهمهم وتفاعلهم مع الموقع الإلكتروني.
- تقليل معدلات الارتداد: قد يغادر الزوار الذين لا يجدون اللغة التي يريدونها موقعك على الفور. يمكن لمبدّل اللغة الذي يوفر لغات متعددة أن يمنعهم من مغادرة الموقع.
- زيادة التحويلات: إن فهم تفاصيل المنتج والسياسات وعملية الشراء بلغتهم يمكن أن يشجع الزوار على الشراء أو اتخاذ إجراءات أخرى.
- تحسين تحسين محركات البحث متعدد اللغات: تأخذ محركات البحث في الاعتبار عوامل تجربة المستخدم عند ترتيب المواقع الإلكترونية. يمكن لمبدّل اللغة سهل الاستخدام أن يحسّن تحسين محركات البحث متعدد اللغات الخاص بك من خلال تسهيل وصول الزوار إلى المحتوى بلغتهم. كما أن ترجمة المحتوى بشكل صحيح ترسل إشارات إيجابية إلى محركات البحث بأن موقعك ذو صلة بمختلف الاستعلامات بلغات مختلفة.
كيفية إعداد مبدّل اللغة على Craft CMS
بعد فهم أهمية استخدام مبدّل اللغة على موقع Craft CMS متعدد اللغات، لنتحدث عن كيفية ذلك. عادةً ما تقدم خدمات ترجمة المواقع هذه الميزة، والتي يمكن تخصيصها وفقًا لاحتياجاتك.
ومع ذلك، لا توفر جميع خدمات الترجمة مبدل لغة سهل التخصيص وسهل الاستخدام. لذلك، من المهم اختيار خدمة ترجمة تلقائية متوافقة مع مختلف الأطر وتوفر ميزة مبدل لغة مرنة.
إحدى الخدمات التي تستوفي هذه المعايير هي Linguise. Linguise تقدم ميزة مبدّل اللغة القابلة للتخصيص بسهولة وسهلة الاستخدام ويمكن دمجها جيدًا مع Craft CMS.
باستخدام التكامل السلس لـ Linguise مع إطار عمل Craft CMS ، يمكنك بسهولة إضافة مبدّل لغة إلى تطبيقك متعدد اللغات. مع الميزات المتقدمة وواجهة المستخدم سهلة الاستخدام التي يوفرها Linguise، سيصبح إعداد مبدّل لغة على موقع Craft CMS الخاص بك وصيانته أسهل بكثير.
فيما يلي الخطوات لـ تثبيت Linguise على موقع Craft CMS متعدد اللغات وإعداد مبدل اللغة.
#1: سجّل للحصول على حساب Linguise مجاني
سجّل للحصول على Linguise مجاني واستفد من تجربة مجانية لمدة شهر واحد للبدء. ما عليك سوى إدخال عنوان بريدك الإلكتروني لإنشاء اسم مستخدم وكلمة مرور.
طوال مدة التجربة، ستتمتع بالوصول إلى جميع الميزات الجذابة التي تقدمها Linguise . سيتم توجيهك إلى لوحة تحكم Linguise عند انتهاء التجربة.
#2: إضافة موقع نطاق باستخدام نظام إدارة المحتوى Craft CMS
بمجرد إنشاء حسابك على Linguise ، سيتم توجيهك إلى لوحة التحكم لإدخال نطاق موقع Craft CMS الخاص بك. اختر "إضافة نطاق" وأكمل الحقول المقدمة:
- الحساب
- URL
- المنصة المستخدمة (Craft CMS)
- اللغة الافتراضية
- لغات الترجمة
- ترجمة الروابط
- ترجمة المحتوى الديناميكي
يمكنك الحصول على مفتاح API، والذي يجب عليك لصقه في الخطوة التالية.
#4: رفع Linguise script
بعد ذلك، ستحتاج إلى رفع Linguise سكريبت الترجمة إلى الخادم الخاص بك حيث تم تثبيت Craft CMS .
قم بتنزيل برنامج PHP-JS للترجمة، وفك ضغطه، وارفعه إلى الدليل الجذر لتثبيت Craft CMS الخاص بك.
تأكد من وضع السكربت في الدليل الجذر لموقعك، حيث توجد ملفات Craft CMS ، وأن يحتفظ المجلد باسمه الأصلي، "linguise."
بعد ذلك، أدخل مفتاح Linguise API في ملف Configuration.php الذي رفعته إلى خادمك. افتح الملف للتحرير والصق مفتاح API الخاص بك بين علامات الاقتباس، مع استبدال النص REPLACE_BY_YOUR_TOKEN.
#5: تمكين وتخصيص مبدل اللغة
يجب دمج رابط سكريبت Linguise JS في جميع صفحات Craft CMS لعرض مبدّل اللغة مع الأعلام وتضمين عناوين URL بديلة في رؤوس HTML الخاصة بك لتحقيق فوائد تحسين محركات البحث.
للحصول على رابط البرنامج النصي، انتقل إلى إعدادات النطاق داخل لوحة تحكم Linguise وانسخ رابط البرنامج النصي المقدم من هناك.
طريقة سهلة لدمج هذا الكود في Craft CMS هي إضافته إلى فهرس القالب الخاص بك. انتقل إلى مجلد /template وعدّل ملف الفهرس لتضمين رابط النص البرمجي في قسم الرأس.
لعرض مبدّل اللغة، الذي يمثله النافذة المنبثقة للأعلام لاختيار اللغة المطلوبة، يمكنك تحميله عن طريق نسخ الكود المقدم في نهاية إعدادات الموقع ولصقه في رأس صفحة HTML الخاصة بك. سيتيح هذا الإجراء التحميل التلقائي لمبدّل اللغة بالأعلام.
سيظهر مبدّل اللغة في البداية بتنسيقه الافتراضي، ولكن يمكنك تخصيصه. خصّص مبدّل اللغة من خلال لوحة تحكم Linguise بالوصول إلى الإعدادات > عرض أعلام اللغة. يتضمن هذا القسم خيارات تخصيص متنوعة، بما في ذلك العرض الرئيسي وأسماء اللغات وعناصر التصميم.
#6 تهيئة الشاشة الرئيسية
لبدء إعداد مبدل اللغة، انتقل إلى قسم "الإعدادات" > "عرض أعلام اللغات" داخل لوحة تحكم Linguise .
في هذا القسم، يمكنك تخصيص العديد من الإعدادات. أولاً، هناك إعدادات العرض الرئيسية، حيث يمكنك تعديل عناصر مختلفة مثل...
- نمط أيقونة العلم: يمكنك الاختيار بين العرض جنبًا إلى جنب، أو القائمة المنسدلة، أو النافذة المنبثقة.
- الموضع: يحدد هذا الإعداد مكان مبدّل اللغة على موقعك الإلكتروني. هناك عدة خيارات للموضع، لذا تأكد من اختيار خيار يسهل على الزوار الوصول إليه.
7. تحديد تصميم العلم
بعد ضبط إعدادات العرض الرئيسية، يمكنك المتابعة لتخصيص تصميم الأعلام المعروضة.
- عرض اسم اللغة: يمكنك عرض اسم اللغة بناءً على اسم البلد أو اللغة نفسها. على سبيل المثال، يمكنك عرض "French" أو "Français".
- نوع العلم الإنجليزي: تفيد هذه الميزة اللغات ذات التنويعات المتعددة، مثل الإنجليزية الأمريكية أو البريطانية. كما تنطبق أيضًا على الإسبانية والتايوانية والألمانية والبرتغالية.
- نمط العلم: يتيح لك هذا الخيار تحديد شكل أيقونة العلم، سواء كانت دائرية أو مستطيلة.
#8 ضبط اللون والحجم
بعد إكمال تكوين تصميم الأعلام، يمكنك المتابعة لتخصيص لون وحجم الأعلام. فيما يلي بعض الإعدادات المتاحة للتعديل.
- نصف قطر حدود العلم: خصّص نصف قطر الحدود لشكل العلم المستطيل، مقاسًا بالبكسل.
- لون اسم اللغة: حدد لون النص الافتراضي لعرض الاسم.
- لون لغة النافذة المنبثقة: حدد اللون لنص عنوان اللغة في منطقة النافذة المنبثقة أو القائمة المنسدلة.
- حجم العلم: عدّل حجم أيقونات الأعلام.
- لون تمرير اسم اللغة: حدّد لون النص الذي يظهر عند تمرير المستخدم فوق اسم اللغة.
- لون تمرير المؤشر على لغة النافذة المنبثقة: حدد لون النص الذي يظهر عندما يمرر المستخدم المؤشر فوق عنوان اللغة في النافذة المنبثقة أو منطقة القائمة المنسدلة.
9. تكوين ظل الصندوق
أخيرًا، يمكنك ضبط إعدادات ظل مربع العلم. يتيح لك الخيار الأول إضافة تأثير ظل لكل أيقونة علم معروضة على موقعك. أما الخيار التالي فيتحكم في تأثير الظل عندما يمرر المستخدمون مؤشر الفأرة فوق أعلام اللغات.
بعد إجراء جميع التعديلات اللازمة، انقر على زر الحفظ لتطبيق تغييرات التخصيص. ثم انتقل إلى موقع Craft CMS الخاص بك للتأكد من تطبيق الإعدادات بنجاح. هذه تقريبًا الطريقة التي سيظهر بها مبدّل اللغة.
بعد الانتهاء من عملية الإعداد، يمكنك ملاحظة وظائف مبدّل اللغة على موقع Craft CMS متعدد اللغات.
سنقوم بعد ذلك بترجمة Craft CMS تلقائيًا إلى لغات أخرى مثل الألمانية.
5 نصائح لتحسين مبدّل اللغة على Craft CMS
بعد أن قمت بإعداد مبدّل اللغة على موقعك Craft CMS متعدد اللغات، من المهم أن تفهم أفضل الممارسات لتصميم محدد اللغة وأدائه لتحقيق الفائدة لكل من موقعك والزوار.
استخدم شعار علم لغة يسهل التعرف عليه
يُعد استخدام أيقونات أو أعلام اللغات المعترف بها عالميًا أمرًا بالغ الأهمية حتى يتمكن الزوار من تحديد خيار اللغة المفضل لديهم واختياره بسرعة. تأكد من أن الأيقونات أو الأعلام المستخدمة واضحة، وتتمتع بتباين لوني جيد، ومفهومة على نطاق واسع عبر الثقافات المختلفة لتجنب الارتباك أو الغموض.
تساعد الرموز أو الأيقونات المألوفة في إنشاء تجربة بديهية وسهلة الاستخدام، مما يتيح للزوار الانتقال بسهولة إلى نسخة اللغة التي يريدونها. من المهم للغاية اختيار أيقونات أو أعلام معروفة عالميًا لتجنب سوء الفهم أو الارتباك.
استخدام أسماء اللغات والأعلام
بالإضافة إلى استخدام الأعلام فقط، يُنصح بالتفكير في دمج كل من الأعلام وأسماء اللغات الأصلية. يمكن أن يساعد هذا النهج في تجنب الارتباك نظرًا لأن بعض اللغات يتم التحدث بها في عدة دول بأعلام مختلفة.
يؤدي استخدام أسماء اللغات مباشرةً إلى إزالة الغموض ويضمن أن يتمكن الزوار من تحديد اللغة التي يريدونها واختيارها بوضوح دون سوء فهم. علاوة على ذلك، يمكن أن يكون استخدام أسماء اللغات أكثر شمولاً واحتراماً للتنوع الثقافي.
ضع زر مبدّل اللغة في مكان استراتيجي
لنضع زر مبدّل اللغة في منطقة بارزة وسهلة الوصول على موقعك الإلكتروني. تشمل المواضع القياسية الترويسة أو التذييل أو قائمة التنقل الرئيسية. هذه المواضع بديهية لمعظم مستخدمي الإنترنت وتتوافق مع توقعاتهم عند البحث عن خيارات اللغة.
يضمن الوضع المتسق في جميع الصفحات أن يتمكن الزوار من الوصول بسهولة إلى مبدّل اللغة بغض النظر عن نقطة دخولهم أو الصفحة المحددة التي يزورونها. يساعد هذا الوضع المتسق في إنشاء تجربة مستخدم سلسة ويمكن التنبؤ بها.
نفّذ تصميمًا متجاوبًا لمبدّل اللغة
تأكد من أن زر مبدّل اللغة سريع الاستجابة ويعمل بشكل جيد عبر مختلف الأجهزة وأحجام الشاشات، بما في ذلك أجهزة سطح المكتب والأجهزة اللوحية والهواتف الذكية. اختبره على أجهزة ودقات شاشة مختلفة لضمان تجربة مستخدم سلسة دون قطع أو تداخل العناصر.
يضمن التصميم المتجاوب أن يتمكن الزوار من الوصول بسهولة إلى خيارات اللغة من أي جهاز يستخدمونه، مما يعزز إمكانية الوصول والراحة في تبديل اللغة.
تأكد من اتساق مبدّل اللغة عبر الصفحات
تأكد من أن مبدّل اللغة يحافظ على مظهر وسلوك متسقين عبر موقعك الإلكتروني. يجب أن يتمكن المستخدمون من تبديل اللغات بسلاسة، بغض النظر عن الصفحة التي يتواجدون فيها أو المحتوى الذي يشاهدونه. لا يوفر الاتساق تجربة مستخدم متماسكة فحسب، بل يعزز أيضًا إمكانية الوصول وتوافر خيارات اللغة، مما يبني الثقة والاطمئنان في موقعك الإلكتروني متعدد اللغات.
أي عدم اتساق في مبدّل اللغة قد يربك المستخدمين ويحبطهم، مما قد يدفعهم إلى مغادرة موقعك.
قم بإعداد مبدّل اللغة على Craft CMS مع Linguise!
في هذه المرحلة، يجب أن تدرك أنك تقوم بتكوين مبدّل اللغة لموقع Craft CMS متعدد اللغات. يمكن أن يوفر إنشاء مبدّل اللغة مزايا متنوعة ويمكن ضبطه بدقة بناءً على النقاط المذكورة سابقًا.
يمكن أن يؤدي تحسين مبدّل اللغة إلى تحسين تجربة المستخدم الإجمالية بشكل كبير. بعد ذلك، سجّل في Linguise حساب، ودمجه مع موقع Craft CMS الخاص بك، واضبط مبدّل اللغة لتحسين تجربة المستخدم بشكل أكبر.
