تلميحات تطوير الويب 1021 من التعليقات

الكاتب: عبدالملك الثاري 1 مارس, 2009
الزيارات: 2,060

تلميحات تطوير الويب ( 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 وكل ما يتعلق بإدارة وتطوير المواقع بصورة مبسطة وحتى تتكون مجموعة كبيرة من التلميحات التي تمكنك من العمل تقريباً أي شي.

 

  1. تلميحات تطوير الويب 9
  2. تلميحات تطوير الويب 5
  3. تلميحات تطوير الويب 8
  4. تلميحات تطوير الويب 11
  5. تلميحات تطوير الويب 3
التعليقات 21
  1. جميل عبد الملك ..الدرس وجهد تشكر عليه …^_^

    قيم التعليق: Thumb up 0 Thumb down 0

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

    قيم التعليق: Thumb up 1 Thumb down 0

  3. 3.
    jwanleo يقول:

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

    قيم التعليق: Thumb up 0 Thumb down 0

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

    قيم التعليق: Thumb up 0 Thumb down 0

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

    قيم التعليق: Thumb up 0 Thumb down 0

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

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

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

    padding:5px 10px;

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

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

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

    قيم التعليق: Thumb up 0 Thumb down 0

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

    قيم التعليق: Thumb up 0 Thumb down 0

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

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

    مقرن

    قيم التعليق: Thumb up 0 Thumb down 0

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

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

    قيم التعليق: Thumb up 0 Thumb down 0

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

    قيم التعليق: Thumb up 0 Thumb down 0

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

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

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

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

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

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

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

    شكراً لك

    قيم التعليق: Thumb up 0 Thumb down 0

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

    تحياتي.. :)

    قيم التعليق: Thumb up 0 Thumb down 0

  13. مرحباً أخوي a_kh

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

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

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

    قيم التعليق: Thumb up 0 Thumb down 0

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

    قيم التعليق: Thumb up 0 Thumb down 0

  15. 15.
    سعد يقول:

    السلام عليكم

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

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

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

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

    قيم التعليق: Thumb up 0 Thumb down 0

  16. 16.
    صلاح يقول:

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

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

    قيم التعليق: Thumb up 0 Thumb down 0

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

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

    سعد ,

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

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

    صلاح

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

    قيم التعليق: Thumb up 0 Thumb down 0

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

    .
    .
    .
    .
    .
    .

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

    قيم التعليق: Thumb up 0 Thumb down 0

  19. طارق شكراً لك يالغالي , وشكراً على تعليقك الجميل :)

    قيم التعليق: Thumb up 0 Thumb down 0

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

    قيم التعليق: Thumb up 0 Thumb down 0

  21. 21.
    J85Mohd يقول:

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

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

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

    قيم التعليق: Thumb up 0 Thumb down 0

إكتب تعليقك

تعقيبات من مواقع أخرى
  1. مدونة عالم العرب » أرشيف المدونة » شرح تعريب اى قالب فى 10 دقائق تعريب كامل
  2. روابط .. 8 مارس 2009 ..
  3. عبدالملك الثاري – مطور ومصمم مواقع وتطبيقات ويب » بعض التفاصيل لتطوير قوالب الووردبريس من الصفر


المقالات في عالم التقنية تُعبّر عن رأي كاتبها ¦ © 2010 - جميع الحقوق محفوظة عالم التقنية ¦ تصميم و تطوير: عبدالملك الثاري