طريقة سهلة لعمل موقع متعدد اللغات بقالب مهارتي وإضافة Polylang

من القائمة الجانبية في لوحة تحكم ووردبريس ننتقل إلى: Languages < Languages

في القسم Add new language يمكننا تحديد اللغات المطلوبة، حيث نختار من اللغات الموجودة في حقل Choose a language وهي اللغات المتوفرة في ووردبريس، 120 لغة تقريبًا.

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

1- اختيار اللغة المطلوبة من قائمة اللغات المتوفرة.

يكفيك هذا الحقل فقط ما دامت اللغة التي تريدها متوفرة، وانتقل بعده إلى رقم 7 مباشرة، أما إذا كنت تضيف لغة غير متوفرة فأكمل مطالعة شرح الحقول التالية:

2- اسم اللغة بالكامل: يفضَّل أن نكتبه باللغة نفسها، فمثلًا حال اختيار اللغة الإنجليزية لا نكتب “الإنجليزية” وإنما نكتب “English” هذا ليس إلزامًا بقدر ما هو فعل الأنسب لتوفير تجربة مريحة للزائر.

3- كود اللغة، ويستخدم لإنشاء ملفات النظام الخاصة باللغة، ويشمل رمز اللغة + رمز الدولة إذا كان هناك أكثر من دولة تتحدث نفس اللغة مع فروقات بينهما، كما هو الحال في الإنجليزية لدى الولايات المتحدة US ، وأستراليا AU

4- كود اللغة، ويستخدم أحيانًا كلاحقة في الروابط داخل موقعك لتمييز اللغات من بعضها.

5- تحديد ما إذا كانت هذه اللغة تُكتب من اليمين إلى اليسار، أو من اليسار إلى اليمين.

6- صورة العَلَم المرتبط بهذه اللغة لتسهيل التمييز بين اللغات.

7- أولوية ترتيب لغات موقعك في قائمة التبديل بين اللغات على الصفحات الخارجية.

8- إضافة اللغة بعد إكمال الإعدادات السابقة.

قمت بإضافة لغتين: العربية والإنجليزية، وهذه هي النتيجة في الصورة.

لاحظ وجود نجمة مقابل واحدة من اللغات – حيث تكون هي اللغة الافتراضية للموقع – ولتعيين لغة أخرى كلغة افتراضية؛ أشِر عند اللغة المطلوبة ثم اضغط النجمة.

من القائمة الجانبية انتقل إلى Languages > Strings translations

وفي هذه النافذة نجد بعض الأساسيات المتعلقة بالموقع ينبغي أن نقوم بضبطها وترجمتها لتلائم اللغات التي لدينا.

1- صيغة التاريخ في الأماكن المحددة من قِبل قالب مهارتي.

2- اسم الموقع.

3- وصف الموقع.

4- صيغة التاريخ في الأماكن المحددة من قِبل ووردبريس.

5- صيغة الوقت في الأماكن المحددة من قِبل ووردبريس.

6- حفظ التغييرات وتطبيقها على الموقع.

في هذه المرحلة نبدأ بناء صفحات الموقع، وسنعمل في هذا المثال على بناء صفحة بعنوان “من نحن” بشكل بسيط.

من القائمة الجانبية انتقل إلى صفحات > أضف جديدًا، وقم ببناء صفحتك باستخدام مؤلف الصفحات. هذه هي الصفحة التي قمت ببنائها.

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

كما نرى في الصورة، توجد صفحة عنوانها “من نحن” وظهرت أعلام تدل على اللغات التي قمنا بتحديدها في المرحلة الأولى: العربية، والإنجليزية.

مقابل اسم كل صفحة وأسفل كل علم سنجد واحدًا من الرموز الثلاثة التالية:

علامة صح: معناها أن هذه الصفحة متوفرة بهذه اللغة، وبضغط تلك العلامة ننتقل لتحرير المقالة. (ننظر تحت أي علم تقع علامة صح لنعرف مع أي لغة نتعامل)

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

رمز القلم: معناه أن هذه الصفحة متوفرة باللغة التي يقع القلم عندها، وبالضغط عليه يتم الانتقال لتحرير النسخة الخاصة بهذه اللغة.

بناء على هذه المعلومات فإننا نفهم من الصورة السابقة أن صفحة “من نحن” متوفرة باللغة العربية فقط، ولا توجد لها نسخة إنجليزية، نضغط الآن على علامة الزائد المقابلة لها للبدء في إنشاء النسخة الإنجليزية.

بعد فتح الصفحة الجديدة لإنشاء النسخة الإنجليزية من المفترض أن نقوم ببناء الصفحة حسب رغبتك.

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

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

وبعد اكتمال النسخة المترجمة من الصفحة، نلقي نظرة أخرى على الصفحات المتوفرة بالموقع، فنجد أن هناك صفحة “من نحن” وصفحة “About us” كما بالصورة التالية.

كرر نفس الخطوات أعلاه لإنشاء الصفحات الأخرى لموقعك، مثل: الرئيسية، تواصل … إلخ.

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

بعد أن قمت بإنشاء صفحات موقعك باللغات المرغوبة، الآن ننتقل إلى تجهيز الموقع لإدارة المقالات باللغة العربية والإنجليزية، وبداية نقوم بإعداد التصنيفات اللازمة للموقع.

من القائمة الجانبية انتقل إلى مقالات > تصنيفات، وهكذا يبدو قسم إضافة التصنيفات الجديدة.

1- البيانات المعتادة عند إضافة تصنيف جديد.

2- لغة التصنيف الذي نقوم بإضافته الآن.

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

4- حفظ المدخلات وإضافة التصنيف الجديد.

بعد إضافة بعض التصنيفات ستجد النافذة لديك مشابهة للصورة التالية:

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

وبنفس الطريقة يمكننا إدارة الوسوم، انتقل إلى مقالات > وسوم، ثم تابع بنفس الطريقة لإضافة وسوم جديدة، أو تحرير وسوم سابقة مع ترجماتها.

والآن لنبدأ كتابة مقالتنا الأولى، ولتكن بعنوان: إطلاق منصة جديدة للتسوق في العالم العربي

انتقل إلى مقالات > أضف جديدًا.

بشكل افتراضي ستكون هذه المقالة نسخة عربية ما دامت اللغة العربية هي الافتراضية في موقعك.

أكمل إنشاء المقالة كالمعتاد، مع مراعاة التالي:

– ستكون التصنيفات المتاحة للمقالة هي تصنيفات اللغة العربية فقط، وبناء عليه فالمتاح لنا وفق الصورة السابقة: أخبار محلية، أخبار دولية. وليس: local news ولا international news

– نفس الأمر بالنسبة للوسوم، لن يتم البحث في وسوم لغات أخرى إطلاقًا.

– وبالتأكيد لديك إمكانية إنشاء وسم أو تصنيف جديد أثناء كتابة المقالة.

عيِّنْ الصورة البارزة للمقالة ثم انشرها، وهكذا ينتهي إنشاء مقالة باللغة العربية.

لإنشاء النسخة الإنجليزية من المقالة: اتبع التعليمات الموجودة في المرحلة الثالثة أعلاه عند إنشاء نسخة إنجليزية من الصفحة.

قبل ختام هذه المرحلة جدير بالذكر أن أنبه على أنك ستجد مربعًا خاصًّا باللغات أثناء تحرير المقالة أو الصفحة بالشكل التالي:

1- تحديد لغة المقالة أو الصفحة التي نحررها.

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

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

فكرة عمل الودجت متعدد اللغات كالتالي: نضع نسختين من كل ودجت في نفس المكان، سواء كان في القائمة الجانبية أو في مناطق الفوتر.

في إحدى النسختين نعرف النظام بأن هذه النسخة للغة العربية، والأخرى نعرفها للنظام بأنها النسخة الإنجليزية.

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

وطريقة تحديد الودجت للغةٍ ما يكون كما يلي:

انتقل إلى مظهر > ودجات واختر على سبيل المثال ودجت “بحث” لإضافته إلى القائمة الجانبية.

هكذا سيبدو تقريبًا:

وكما بالصورة عنوان الودجت هو “بحث” ونلاحظ وجود حقل إضافي The widget is displayed for ومنه يمكن اختيار اللغة التي نرغب بربط هذا الودجت بها.

فيمكننا تعيين هذا للغة العربية، ونضيف ودجت بحث آخر ونجعله للإنجليزية مع وضع كلمة Search مكان كلمة بحث.

وبإمكاننا أيضًا حذف كلمة بحث وترك الودجت على خيار All languages ليتم عرضه لكافة اللغات، وهذا خيار ثانٍ أن يكون الودجت لكل اللغات وليس للغة محددة.

وهذه هي صورة إعدادات الودجات بحيث يظهر واحد منهما لكل لغة.

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

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

عند استخدام إضافة Polylang وتشغيل الموقع من خلالها باللغة العربية والإنجليزية، سنجد لدينا ثمانية أماكن للقوائم، وهي نفس الأماكن السابقة باللغة العربية، وكذلك مثلها باللغة الإنجليزية.

للتحكم في القوائم انتقل إلى مظهر > قوائم، وأنشئ القائمة المطلوبة للغة العربية مثلاً.

أسفل مكونات القائمة اختر المكان الذي تريد ظهور القائمة فيه، وانتبه إلى أن هناك اختيارين لنفس المكان، أحدهما باللغة العربية، والآخر باللغة الإنجليزية؛ ببساطة اختر المناسب.

بعد بناء القائمة واختيار المكان المناسب اضغط زر “حفظ القائمة” وهكذا يكتمل بناء القائمة للغة واحدة. الآن كرر نفس العملية لإنشاء قائمة للغة الأخرى.

يمكننا عرض اللغات التي يتوفر بها الموقع كي يختار الزائر ما يناسبه منها، ولدينا طريقتان لذلك:

الطريقة الأولى: إظهار خيار تبديل اللغات ضمن القوائم، كالقائمة التي أعددناها منذ قليل.

من مظهر > قوائم
انتقل لتحرير القائمة المطلوبة، ستجد ضمن العناصر المتاحة لتكوين القوائم على اليمين قسم Language switcher فيه خيار Languages ضع أمامه علامة صح، ثم اضغط “Add to Menu” حيث تتم إضافة العنصر للقائمة مع العديد من الخيارات كما بالصورة التالية.

1- عرض اللغات التي أضفناها في المرحلة الأولى كقائمة منسدلة.

2- عرض أسماء اللغات.

3- عرض أعلام اللغات.

4- تحويل الزائر إلى الصفحة الرئيسية للغة المطلوبة (وعدم تركه داخل الصفحة التي هو فيها حتى لو كانت متوفرة باللغة التي اختارها).

5- إخفاء اللغة التي يُعرض الموقع بها حاليًا (المعنى: الزائر يتصفح الموقع بالفعل بهذه اللغة، فلماذا يطلب عرض الموقع بها؟!).

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

بعد اختيار الإعدادات اللازمة احفظ القائمة ليتم تطبيق التعديلات.

الطريقة الثانية: إظهار خيار تبديل اللغات في ودجت.

انتقل إلى مظهر > ودجات وستجد هناك ضمن الودجات المتاحة للاستخدام ودجت باسم Language switcher.

قم بإضافته إلى المنطقة التي تريد إظهاره فيها، وأتمم الإعدادات كما وضحنا في السطور الماضية، ثم احفظه.

وهكذا يتوفر لدى الزائر خيار التبديل بين اللغات لاختيار اللغة المناسبة لاستعراض الموقع.

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

ويمكن استخدام نفس الصورة للنسخة الإنجليزية من المقالة دون مشاكل، لكن من أجل أرشفة أفضل في محركات البحث يفضل أن تكون الصورة بالاسم التالي مثلًا “e-commerce platform”

1- كرر الصورة على جهازك عن طريق النسخ واللصق.

2- قم بتسمية النسخة الجديدة بالاسم الإنجليزي.

3- في لوحة تحكم ووردبريس انتقل إلى وسائط > أضف جديد، وقم برفع الصورة.

4- انتقل إلى وسائط > المكتبة، وقم بفتح الصورة التي رفعتها مؤخرًا.

5- غير اللغة التي تنتمي إليها الصورة كما بالصورة التالية.