حصريا... طريقة جعل اي قالب بلوجر يدعم عدة لغات فقط بضغطة زر واحدة من الإعدادات

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

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

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

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

هذه الطريقة عملها هو تغيير محتوى القالب بعدة لغات و ليس اتجاه القالب لذلك قم بتغيير اتجاهات القالب عبر لغة css , كيف ذلك .سوف نشرح هذه الطريقة في الجزء القادم انشالله لان يحتاج تدوينة مفصلة ليفهم الكل

انسخ هذا الكود بشكل كامل ثم الصقه في ملف فارغ

<b:widget id='HTML506' locked='true' title='أداة الترجمة' type='HTML' version='2' visible='true'>
        <b:widget-settings>
          <b:widget-setting name='content'/>
        </b:widget-settings>
        <b:includable id='main'><b:include name='content'/></b:includable>
        <b:includable id='content'>
          <b:if cond='data:content != ""'>
            <b:tag name='script' type='text/javascript'>var trans=[<data:content/>]</b:tag>
            <b:else/>
            <b:switch var='data:blog.locale'>
              <b:case value='en'/><b:include name='en'/>
              <b:case value='ar'/><b:include name='ar'/>
              <b:default/><b:include name='default'/>
            </b:switch>
          </b:if>
        </b:includable>
        <b:includable id='ar'>
          <b:tag name='script' type='text/javascript'>/*<![CDATA[*/var trans=['التالي', 'السابق', 'الرئيسية', 'اقرأ المزيد']/*]]>*/</b:tag>
        </b:includable>
        <b:includable id='en'>
          <b:tag name='script' type='text/javascript'>/*<![CDATA[*/var trans=['Next', 'Previous', 'home', 'Read more']/*]]>*/</b:tag>
        </b:includable>
      </b:widget>

للتعديل عليه يوجد 2 اكواد الجافا سكريبت تمام لكل كود به اربع كلمات او جمل يفصل بينهما هذا الرمز   ', '   الآن من المهم ان تتذكر اماكن الكلمات بشكل جيد , في الكود الذي يحتوي على كلمات باللغة العربية به اربع كلمات يعني بالترتيب الرقمي 0 1 2 3  يتم البدء من اليمين للعربية  من اليسار للانجليزية.

مثال باللغة العربية

'التالي', 'السابق', 'الرئيسية', 'اقرأ المزيد'

مثال باللغة الانجليزية

'Next', 'Previous', 'home', 'Read more'

الان اتمنى ان تصلكم الفكرة هذا يعني لكل كلمة لذيها نفس الترتيب الرقمي سواء من اليمين للعربية او اليسار الإنجليزية يمكنك اضافة العديد من الجمل و الكلمات فقط افصل بين جملة او كلمة بهذا الرمز ', '   الان عند الانتهاء من هذه التغييرات و بعد وضع الكلمات و الجمل المناسبة بشكل صحيح نذهب الى طريقة وضعه في القالب ابحث في منطقة السايدبار ثم اسفل كلمة  </b:widget> الصق الكود اسفله. لإضهار كل كلمة او جملة في مكانها المعتاد بدون اخطاء ضع هذا الكود الصغير <b data-trans='1'/> في مكان الذي توجد به جملة او كلمة.

مثال بسيط
في القوائم البريدية دائما تجد "اشترك في النشرة البريدية ليصلك كل جديد" هذه الجملة نريد تغييرها حسب لغة موقعنا اذهب الى مكان تلك الجملة في القالب سوف تجدها بين وسم p او لا احذف الجملة بشكل كامل ثم ضع مكانها ذلك الكود الصغير ثم غير رقم 1 الى الرقم الترتيبي الذي شرحناه قبل قليل مثلا 10 . الرقم الترتيبي يبدأ من 0 .

قم بهذه العملية على جمبع الكلمات او الجمل المتوفرة لذيك في القالب مع تغيير الارقام المناسبة وبذلك تكون قد جعلت القالب به لغتين او اكثر .

كيفية زيادة لغات اخرى غير العربية او الإنجليزية الطريقة سهلة في هذا الكود توجد كلمة ar تعني باللغة العربية غيرها بإختصار لغة الدولة التي تريدها es او id ال..

بعد تغييره ضعه اسفل الكود المشابه له فقط مع تغيير الكلمات باللغة المقصودة

<b:case value='ar'/><b:include name='ar'/>
              <b:case value='ar-MA'/><b:include name='ar'/>

ايضا نفس العملية انسخ هذا الكود غير اختصار الدولة مثلا es او de الخ...

<b:includable id='ar'>
<b:tag name='script' type='text/javascript'>/*<![CDATA[*/var trans=['التالي', 'السابق', 'الرئيسية', 'اقرأ المزيد']/*]]>*/</b:tag>
</b:includable>

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

اختر من هذه القائمة اختصارات الدول من هنا

من المهم جدا ان تركز على الترتيب الرقمي للجمل و الكلمات لتظهر بشكل صحيح و في الأخير ضع هذا الكود الصغير فوق وسم
</body> تقريبا فهو الكود السحري.

<script type='text/javascript'>
//<![CDATA[
for(var _s='[data-trans]{querySelectorAll{length{innerText{data-trans{getAttribute'.split("{"),TransLabels=document[_s[1]](_s[0]),tr=0;tr<TransLabels[_s[2]];tr++)TransLabels[tr][_s[3]]=trans[TransLabels[tr][_s[5]](_s[4])];function popUp(a,b){a[_s[6]]();window[_s[10]](b[_s[7]],_s[8],_s[9]);return!1;};
//]]>
</script>

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

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

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