جعل موقعك الوردبريس متعدد اللغات بواسطة إضافة polylang

تاريخ النشر : السبت. 25 أغسطس 2018

نظرة عامة

كثيرا ما نري مواقع مبنية بالوردبريس وايضاََ متعددة اللغات , بمعني ان الموقع موجود بأكثر من لغة ( إنجليزية – عربية – فرنسية ) يوجد العديد من الطرق لجعل الموقع متعدد اللغات ومنها الطرق القديمة جداََ وهي بناء موقع منفصل لكل لغة فهذا يعني لو كنت أريد إضافة خمسة لغات أريد عمل خمسة مواقع منفصلة لكل لغة , ماذا لو كان هناك 10 لغات مثلا !!

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

 

لماذا polylang ؟

  • الإضافة مجانية .
  • تحديث بشكل مستمر ودائم , وعدد التنزيلات الخاصة بها كثيرة .
  • متوافقة مع إصدارات الوردبريس ( 4.4 فما فوق ) .
  • عدد كبير جدا من المواقع يستخدمها , ولها دعم فني في منتديات الوردبريس مما يعني لن تجد اي صعوبة في حل اي مشكلة تواجهك فيها .
  • هذه الإضافة سهله الإستخدام بشكل كبير جداََ .
  • ترجمة جميع محتويات موقعك ( الصفحات – المقالات – الصور – التصنيفات – الأوسمة – ودجات) .
  • تعمل علي جعل الموقع متعدد اللغات من خلال نفس لوحة التحكم ونفس قواعد البيانات من دون إضافة جداول جديدة .
  • متوافقة مع محركات البحث ( SEO ) .

 

تثبيت الاضافة

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

Install Polylang Plugin

 

إضافة اللغات

بعد الإنتهاء من عملية التنصيب والتفعيل ستظهر لنا قائمة جديدة في لوحة التحكم بإسم Languages قم بالضغط عليها , ستظهر لنا واجهة خاصة بإضافة اللغات التي تريدها أن تكون في الموقع .

يوجد في هذه الواجهه ” Add new language ” والتي هي نفسها عند الضغط علي Languages العديد من الحقول الفارغة لا تخف أبداََ فمجرد إختيارك للغة التي تريدها سيتم تعبئتها تلقائياََ.

Befre & After Add Language

 

كما هو ملاحظ من الصورة , انه اول الدخول لهذه الصفحة تكون هناك حقول فارغة ( قبل ) وبمجرد إختيار اللغة المراد اضافتها يتم تعبئة الحقول تلقائيا ( بعد ) .

الان نقوم بإختيار اللغات المراد إضافتها وعلي سبيل المثال العربية والإنجليزية , من خلال Choose a language نختار العربية بدايةََ ومن ثم الضغط علي زر Add new language بالأسفل .

نفس الخطوة تماماََ نقوم بإختيار اللغة الإنجليزية ومن ثم الضغط علي زر إضافة لغة جديدة , عند الانتهاء من إضافة اللغات التي تريد ستأتي لنا قائمة باللغات التي قمت بإضافتها .

 

هل تري أيقونه النجمة ؟ ماذا توحي لك !

هذه الأيقونه تعني ان هذه اللغة هي اللغة الإفتراضية للموقع , بمعني اللغة التي ستظهر للزائر حين دخوله للموقع , بإمكانك ايضاََ جعل الموقع يفتح اللغة بناء علي لغة المتصفح الخاص بالزائر , مثلا المتصفح الخاص بالزائر لغته الانجليزيه في حال فتح موقعك سيفتح باللغة الإنجليزية , كيف ذلك .. ستعرف بعد قليل  ..

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

There are posts, pages, categories or tags without language. You can set them all to the default language.

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

 

آلية عمل الإضافة

كما ذكرنا مسبقاََ ان هذه الإضافة تقوم بعمل تعدد اللغات بنفس لوحة التحكم وقواعد البيانات , كيف ذلك ؟

تقوم بذلك من خلال إضافة صفحة لكل لغة وتحديد ان هذه الصفحة للغة التي تريد , بمعني لو كنت اريد جعل الصفحة الرئيسية باللغتين , أقوم بإضافة صفحة وتسميتها ( الرئيسية ) وتحديد ان لغة هذه الصفحة العربية , بعد ذلك تقوم بإضافة صفحة أخري وتسميتها  ( Home )  وتحديد ان لغة هذه الصفحة الإنجليزية .

Add New Page Translate

 

لاحظ عند تحديد اللغة للصفحة يتم وضع العلم الخاص بهذه اللغة , وايضاََ ( يوجد حقل بالاسفل وأيقونه الزائد وعلم اللغة المقابلة الأخري وكلمة Translations ) هذه تعني قم بإضافة الصفحة المقابلة لهذه الصفحة باللغة الأخري ..

بمعني لو قمت بالانتهاء من اضافة الصفحتين ( الرئيسية و الـ Home ) الرئيسية هي نفسها صفحة الـ Home ولكن باللغة العربية

والـ Home  هي الصفحة الرئيسية ولكن باللغة الإنجليزية من خلال هذا الحقل نقوم بتحديد ان هذه الصفحة مقابلها تلك الصفحة باللغة الآخري ..

فهذا يعني لو كنت بالصفحة الرئيسية التي اضفتها باللغة العربية يجب أن اقوم بكتابة Home في حقل النصي لـ  Translations وهي الصفحة التي قمت باضافتها باللغة الانجليزية , وتلقائيا سيتم اضافة الصفحة الرئيسية في حقل النصي Translations في صفحة Home .

Translations Pages

 

لما هذه الحركة .؟

علي سبيل المثال لدي صفحة إتصل بنا , وصفحة Contact Us في الموقع لو كنت في صفحة إتصل بنا , وقمت بالتبديل للغة الإنجليزية من خلال مبدل اللغات الموجود بالقائمة يذهب بي إلي صفحة Contact Us وليس إلي اي صفحة أخري لأننا قمنا بتعريفها انها الصفحة  المقابلة لهذه الصفحة كما ذكرنا بالأعلي .

هذا بالنسبة لترجمه الصفحات , اي ترجمة المقالات نفس الشىء تماماََ.

 

إعدادت الإضافة

من خلال الذهاب إلي Languages من ثم Settings سنجد الإعدادات الخاصة بهذه الإضافة سنقوم بشرحها جميعاََ الآن .

Settings PolyLang

 

إعدادات الروابط في الإضافة

من خلال الضغط علي زر Setting الموجود أسفل URL modifications ستظهر لك الإعدادات بكيفيه ظهور روابط صفحاتك والمقالات .

URL modifications

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

لدينا العديد من الإعدادات الخاصة بالروابط وكيفيه ظهور الرابط ,

فمثلاََ يمكن جعله هكذا yourWebsite.com/ar/Page أو ar.yourWebsite.com/Page .

ويمكنك جعله بدون ar أو en أصلا وسيكون في هذه الحالة لكل صفحة رابط خاص بها بإسم اخر .

Hide URL language information for default language

لو كانت اللغة الإفتراضية للموقع هي العربية , وقمت بتحديد هذا الخيار لن يظهر في الرابط إسم اللغة وسيكون الرابط إسم الموقع ويليه اسم الصفحة أو المقالة ( yourWebsite.com/Page ) في حال لم تقم بتحديد هذا الخيار ستظهر اللغة الافتراضية للموقع هكذا ( yourWebsite.com/ar/page ) أو علي حسب كيفية إختيار مكان ظهور اسم اللغة في البداية أو النهاية .

 

كشف لغة المتصفح

Detect browser language

When the front page is visited, set the language according to the browser preference

من خلال هذا الخيار وهو  Active يظهر الموقع لدي الزائر بناءاََ علي لغة المتصفح الخاص به , في حال قمنا بالضغط علي Deactivate سيظهر الموقع لدي الزائر حسب اللغة الإفتراضية التي قمت بإختيارها مسبقاََ من خلال علامة النجمة .

 

ترجمة الوسائط

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

 

إعدادات الـ Custom Post 

في حال كان لديك أكثر من Custom Post يمكنك تحديد من تريده ان يكون باللغات التي قمت بإضافتها أو ان يكون فقط بلغة واحدة من خلال الاعدادات الموجودة في

Custom post types and Taxonomies

Activate the languages and translations management for the custom post types and taxonomies.

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

من خلال Strings translations الموجودة في قائمة Languages يمكنك من ترجمة الودجات والنصوص العادية بالوردبريس .

Strings translations

 

إضافة محول اللغات إلي القائمة

يمكننا إضافة الصندوق الخاص بمحول اللغات في القائمة الموجودة بالموقع من خلال الذهاب إلي مظهر من ثم قوائم وإختيار القائمة التي تريد ان يظهر بها الصندوق الخاص باللغات,  سنجد إن هناك صندوق بإسم ( Language switcher ) نقوم بتحديده من ثم الضغط علي أضف للقائمة

Add Language Switcher

وكما هو ملاحظ يوجد بعض الإعدادات هنا .

( Displays as dropdown ) عرض اللغات كقائمة منسدلة.

( Displays language names ) إظهار الأسماء الخاصة باللغات.

( Displays flags ) إظهار العلم الخاص بكل لغة.

( Hides the current language ) إخفاء اللغة الحالية , بمعني لو كنت باللغة العربية في القائمة لن تظهر اللغة العربية فقط ستظهر اللغة الإنجليزية , لو قمت بتحديد هذه الخيار فالخيار الأول لن يعد له أي فائدة .

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

في حال لم يظهر لديك صندوق Language switcher قم بالذهاب إلي خيارات الشاشة في أعلي الصفحة وتحديدLanguage switcher .

Add Box Language Switcher

 

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

في حال واجهتك أي مشكلة , لا تتردد بالتواصل معنا أو ترك المشكلة في تعليق وسيتم الرد عليك فور رؤيته .

عذراََ لإطالتي وأشكركم جداََ لمتابعتكم لهذا الدرس , نلتقي في دروس أخرى 🙂 .

الإعلانات
محتويات المقالة
    الإعلانات