تلميحات تطوير الويب 10

تلميحات تطوير الويب ( 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 ) 10

23/ كيف تعرب اي قالب في 5 دقائق + قالب جديد معرب للوردبريس

قمت قبل قليل بتعريب هذا القالب : Excellence Theme Demo

قالب جميل اعجبني وتم تعريبه ودعمه للمتصفحات يمكنك تحميله في آخر الموضوع

يمكنك مشاهدة القالب بالعربي حياً من هنا

الوقت الذي اخذه تعريب القالب هو فقط 5 دقائق بكل بساطة وبدون اي ادوات تعريب وتم التعريب بشكل ممتاز ,

حيث يمكنك مشاهدة المثال على القالب بالعربي وتحكم عليه.

فكيف تم ذالك ؟

بكل بساطة

1- قم بتحميل الستايل الأجنبي أياً كان

2- قم بفك الضغط وافتح ملف الستايل style.css

انا اخترت المفكره لأنه خفيف ولن أقوم بأي عملية معقدة

3- استبدل النصين right بـ left والعكس صحيح , عملية الإستبدال يجب ان تكون بهذة الطريقة :

  • استبدال النص left بـ left222
  • استبدال النص right بـ left
  • استبدال النص left222 بـ right

لتكون الطريقة ناجحه.

 

4- سيكون هناك بعض القيم التي لا تحتوي على كلمة right أو left ولكنها تقوم بنفس المهمه مثل

margin:0 0 0 40px أو padding:0 0 0 40px

اي تعني بالضبط

margin-left:40px والأخرى padding-left:40px

فلذالك يجب مراعاتها بملاحظة اي خلل في القالب بعمل الطريقة التالية :


( تلاحظ اسامي القيم في الصورة لتعديلها حسب ما يناسبها )

5- قلب أو عكس الصور من اليمين إلى اليسار.

 

6- تعريب الكلمات في ملفات القالب من إنجليزي إلى عربي

 

مشاهدة حية  |  تحميل القالب واستخدامه في مدونة ووردبريس

الأخ إبراهيم في التعليقات تطرق إلى مشكلة تواجهه بخصوص القالب الحالي

وهي عرض اقراء المزيد بعد 40 كلمه من كل تدوينه بشكل إجباري

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

بكل بساطه توجه إلى ( لوحة التحكم -> المظهر -> المحرر )

ثم اضغط على ملف القالب الصفحة الرئيسية (index.php)

ابحث عن :

<?php the_content_rss(”, TRUE, ”, 40); ?><a href="<?php the_permalink() ? rel="nofollow">" rel="bookmark" title="رابط لـ <?php the_title(); ?>">اقراء المزيد &raquo;</a>

واستبدله بـ

<?php the_content(‘اقراء المزيد &raquo;’); ?>

انتهى , تلاحظ في الكود السابق بأنه يوجد الرقم 40 وهذا يمثل عدد الكلمات حتى يتم فصل التدوينه بالتفاصيل …

24/ لا تنسى التصويت بالدروس القادمة لعالم التقنية :

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

 

  • جميل عبد الملك ..الدرس وجهد تشكر عليه …^_^

  • الدرس رائع جداً للمبتدئين في الcss , وطريقة مبتكرة في تعريب القوالب !!

  • jwanleo

    بالفعل تشكر !! من القلب .. شكرا لكم كل محرري عالم التقنية

  • السلام عليكم , توجد قيّم مثل هذه الطريقة
    padding: 5px 10px;
    او
    margin: 5px 10px;
    كيف يتم التعامل مع الرقمين ..؟ و هل فيهم ما يشير لليمين و اليسار ..؟
    لدى قالب فيه بعضهم بأربع ارقام و البعض الاخر برقمين مثل ذلك المثال الذى كتبته
    منتظر الرد على احر من الجمر

  • السلام عليكم ورحمة الله وبركاته..
    شكرا لك أخي الكريم عبد الملك على هذا الشرح المفيد والمختصر في آن..
    أكثر ما يضايقني في تعريب القوالب المعقدة هو الأنترنت إكسبلورر، حيث يجب أن ترضيه هو أيضا..
    ملاحظة بالنسبة للتعريب، فيفضل حذف بعض وسوم css والتي هي في الواقع خاصة بالأحرف اللاتينة (الفرنسية والإنجليزية مثلا)، من قبيل letter-spacing، وهذا الأمر مهم جدا خصوصا لمستعملي متصفح أوبرا الذي لا يتجاهل هذا الوسم ويظهر الأحرف العربية متقطعة، كما يستحسن حذف الوسم text-transform إن وجد أيضا، فهو لا يؤثر في العربية..
    كانت هذه إضافة متواضعة مني أخي الكريم عبد الملك، وجزاك الله عنا كل خير..

  • حسين عادل , حسين , جوانيلو , محمد غراب , عبدالهادي

    شكراً للجميع على المرور الكريم,

    أخوي محمد غراب إذا كانت القيمه الموجودة برقمين مثل هكذا

    padding:5px 10px;

    هذا يعني ان قيمة المساحة في اليمين واليسار متساوية والتي هي 10 بكسل وقيمة مساحة الجزء الفوقي والتحتي كذالك متساويه والتي هي 5 بكسل فما يحتاج التعديل عليها

    شكراً لك على التنبيه ليستفيد من هذه الملاحظه اكبر قدر ممكن

    اخوي عبدالهادي فعلاً ملاحظاتك جميله كنت اردت ان أضيف في آخر المقاله بأن المجال مفتوح للملاحظات والحلول القيمة مثل ملاحظاتك , بارك الله فيك

  • شكرا لك اخي عبدالمالك.
    بالفعل القالب جميل ولكن هناك عيب فيه حيث انه لا يعرض الصور في الصفحة الرئيسية ولكن يعرضها داخل التدوينة نفسها ..
    بإمكانك مشاهدتها من خلال مدونتي :
    http://clickontech.net/arabic/

  • شكراً لك اخوي عبدالملك على هذه الدرس الرائع

    تقبل كل تقديري

    مقرن

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

    تحياتي لك اخي عبدالمالك

  • درس رائع أستاذي عبدالملك والله روعة سأقوم بتبديل القالب الافتراضي بمدونتي أخيراً مشكور دروس قمة في الروعة والله يبارك الله فيك

  • مرحباً بك أخوي إبراهيم ,

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

    الكود الخاص بتعديل هذه الميزة أضفتها في الموضوع لأن التعليقات يلخبط الكود حالياً

    ان شاء الله اكون افدتك

    اطيب تحياتي لك

    اخوي مقرن شكراً لك على المرور الجميل

    أخي أنس شرفني مرورك وأسعدني انه اعجبك الستايل واي مساعده لا تتردد

    شكراً لك

  • a_kh

    بالنسبة لي أفضل التعريب من خلال اضافة firebug المعروفة للفايرفوكس.. حيث التعديلات تظهر مباشرة وبشكل سريع ..

    تحياتي.. 🙂

  • مرحباً أخوي a_kh

    firebug يظهر لك التعديل بشكل مباشر لكن لا يتم “حفظه” فراح تلجئ للحفظ باستخدام الطريقه السابقه مره اخرى إلا إذا كان عندك حل آخر

    غير كذا هالطريقه راح تخليك “ما تحتاج” انك تظهر التعديل إلا بعد ما تنفذ جميع الخطوات بشكل سريع 🙂

    اطيب تحياتي لك

  • أعجبني القالب كثيرا، غير أن ترجمة القوالب اشتغلت عليه من قبل و الأمر صعب شيئا ما لأنه يأخد وقت طويل

  • سعد

    السلام عليكم

    الله يجزيك الخير فعلاً , أجزت و أفدت جداً فشكراً لك

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

    فسؤالي مشكوراً أخي الفاضل ما الطريقة و كيف تتم ؟

    و الله يجزيك الجنة

  • صلاح

    الدرس كان رائعا ..

    لكني لم أعرب أي قالب لأني مبتدئ أو أقل من ذلك .

  • Berkichi هو سيأخذ وقت طويل للمبتدء ولكن للمتمرس والذي لديه خبره سابقه ستكون في 5 دقائق فقط وهذا ما حصل لي 🙂

    شكراً لك على مرورك الكريم

    سعد ,

    حياك الله وبياك أخوي , طيب بإمكانك إستخدام الصفحات بدل التدوينات لأن الصفحات خصصت لمثل هذه الأمور وكذالك لأن التدوينات بإمكانك بعدين إٍستخدامها كأخبار وفيها أرشفه وعموماً الصفحات لا يوجد فيها تعليقات وهي عن طريق الصفحات -> أضف صفحة جديدة

    اطيب تحياتي لك

    صلاح

    مرحباً بك حاول وبإذن الله تكون سهله عليك ولو عندك أي استفسارات لا تتردد بها

  • بصراحة !
    و بما أنني لا أحب المجاملة أو اللف و الدوران .
    .
    .

    .
    .
    .
    .
    .
    .

    .
    .
    .
    شيء مبدع بحق !!!

  • طارق شكراً لك يالغالي , وشكراً على تعليقك الجميل 🙂

  • صراحة درس جميل
    سأحاول التطبيق في أقرب وقت
    جزاك الله الف خير اخي عبد المالك

  • J85Mohd

    رائع تعريب الإستايل والشرح وافي ولله الحمد

    ولكن لم أفلح في تعديل خاصية “إقرأ المزيد” إن كنت تستطيع خدمتنا بعمل ذلك وإرفاق لنا الملف index.php

    اكون لك من الشاكرين الممتنين

تعليقات عبر الفيسبوك