Vlog 2: تعريب ثيم الووردبريس بطريقة سهلة

اهلا بالجميع :)
اليكم فلوقي الثاني و فيه اشرح لكم كيف يمكنكم تعريب قالب/ثيم ووردبريس بطريقة سهلة جدا. يمكنكم تحميل نسخة من الفيديو بصفاوة عالية جدا في اخر التدوينة.

الجزء الأول

الجزء الثاني

الملحقات
ستحتاج سبعة من الأمور قبل كل شي:
1. أولا أن تملك مدونة و من نوع ووردبريس ، أو ان تعرف ما هو الووردبريس على أقل تقدير
اذا لم يكن لديك ووردبريس ، لا تذهب بعيدا فبالطريقة نفسها تقريبا تستطيع ان تعرب اي ثيم او ستايل لأي موقع آخر.
2. متصفح فايرفوكس
3. تثبيت إضافة Web Developer Extension للفايرفوكس
4. تثبيت إضافة Preview Theme Plugin للووردبريس
5. معرفة بسيطة بالـ CSS
6. معرفة بسيطة بقراءة اكواد الـ PHP
7. قالب/ثيم ووردبريس، وسنقوم بتعريب قالب GenkiTheme

توضيح
الخطوات موضحة في الفيديو ، واعتذر عن قلة الصفاوة الشرح بسبب اليوتوب، و وفرت لكم الفيديو بصفاوة عالية في آخر هذه التدوينة. سأعيد لكم التركيز على بعض النقاط التي اعتقد انها لم تكن واضحة أثناء الفيديو:
- حتى تستخدم إضافة الـ Preview Theme بعد ثبيتها، عليك كتابة عنوان المدونة بالشكل التالي (مثال على عنوان مدونتي):
http://www.alzaid.ws/blog/?preview_theme=xxx
وتكتب اسم الثيم بدل xxx

- في الشرح ، ذكرت إضافة كود CSS لتغيير جهة النص من اليسار إلى جهة اليمين وهو:
direction : rtl;
نسيت ان اذكر ان تضعه في قسم body من الـ CSS ^^’

الثيم النهائي بعد التعريب
حمل الثيم المعرب GenkiTheme من هنا بسرعة، يا تلحأ يا ما تلحأش :mrgreen:

الفيديو بصفاوة عالية Download Now
[33.0 MB] WordPress Theme Arabization Part1.zip
[41.3 MB] WordPress Theme Arabization Part2.zip

هامش
تدوينة أوراق تغشيش تطوير المواقع
حملة الرياض بلا تدخين

مواضيع عشوائية:

44 ردود على “Vlog 2: تعريب ثيم الووردبريس بطريقة سهلة”

  1. صالح الزيد » Blog Archive » قالب ووردبريس GenkiTheme قال:

    [...] المزيد أذا اردت معرفة كيف تعرب قالب ووردبريس بطريقة سهلة ، راجع الشرح في فلوقي [طريقة سهلة لتعريب ثيم الووردبريس] [...]

  2. أقرب البعيد! قال:

    حبيت المكان اللي مسجـل فيه :) !!

    يعطيك العـافية خيـووو جهد مــوفق ..

  3. D.G.M قال:

    شكراا لك اخوي على هذه الطريقة :) ,,

    ان شء الله اطبقها قريبا ,,,

    وننتظر المزيد من دروسك الرائعة …

  4. خالد قال:

    أختيار الموسيقى Super !! :)

    يعطيك العافية صالح

  5. AAM قال:

    جهد مبارك
    أتمنى لك التوفيق
    الدرس فيه فوايد غير التعريب ممتازه جدا كنت أبحث عنها من زمن
    هذه أداه تفيدك
    http://www.ahmadh.com/tools/cssmirror/

  6. MaXeR قال:

    تثبيت إضافة Preview Theme Plugin للووردبريس .. هالحين هذي إضافة تغيير الثيم ولا كيف؟
    يعطيك العافية .. الموضوع عندي بس مشكلته css .. وبالطبع المدعو internet explorer اللي ما يفهم !

  7. MaXeR قال:

    http://del.icio.us/TheMaXeR/wordpress
    فيه كم موفع للقوالب المجانية للوردبريس

  8. أدهم قال:

    وااااااااااااو

    يعيطك ألف عفية صالح :)
    تحياتي يغالي

  9. Blue قال:

    في لوج رهيب :D
    ؤأخيرا ً عرفت فايدة الويب ديفلوبر ، رازة من سنه و لا أستخدمة :P

    يسلموا صالح ، جهد رائع :)

  10. عمّار توّك قال:

    عجبتني طريقتك في الشرح يا صالح ويعطيك الله العافية ..

  11. محمد بشير قال:

    شرح رائع ..

    يعطيك العافية صالح

  12. ابراهيم قال:

    جربت ومافلحت … وابلى مني مو منك

    ويعطيك العافيه …. وجد التدوين محتاج لمثل هذي التدوينات

    أنا عجبني يوم قلت ( ميزة هذا الثيم انه وسيع ) حسيت كأنك توصف غرفه ولا سياره

    :)

  13. مكتوم قال:

    رائع صالح ! ..

    بصراحة تجربتك للـ Vlog مغرية وتحمس الواحد أنه يبدأ مدونة الفيديو الخاصة فيه ! ..

    (صحيح أن الواحد ما يتحمس إلا إذا شاف قدامه نموذج عملي)

    ما أقول إلا أنك أحسنت في كل شيء، إلى الأمام ..

    جلنط: الحين ما تقول لي دامك متخرج وش تبي بجدول الترم اللي وراك :D ؟ ..

  14. da-crystal قال:

    والله رائع يا صالح ، اخيراً افنعتني بالوب دفلوبر :)
    ومن زمان اونت راجني فيه xD

    والمسيقى مثل ما قال اخوي خالد سووووبر

  15. نواف قال:

    ما شاء الله فيديو أكثر من رائع يا صالح
    استفدت منه اشياء كثيرة

  16. صالح قال:

    أقرب البعيد!
    أهلين بالصديق ، كيفك خيووو :D
    تسلم ، هذه غرف الجامعة :mrgreen:
    والله من زمان عن مدونتك و مواضيعك
    اشوفها بس ما الانشغال ما قريتها كلها
    لي رجعة اكيد ، بس ازبط اموري بالوظيفة ;)

    D.G.M
    حياك الله اخوي
    و شكرا على مروك
    :)

    خالد
    :D جد !
    فرحتني والله
    تسلملي خالد على ردودك

    AAM
    شكرا على مشاركتك :D
    نعم عرفت الأداة ، انها ممتازة رغم انه بها بعض المشاكل و قلت الصفاوة في تعديل الصور
    اشرك مرة اخرى على الوصلة لأني قد ضيعتها و بحثت عنها و لم اجدها :D

  17. صالح قال:

    MaXeR
    هلا ماكسر
    يا طويل العمر هالاضافة تخليك تشوف الثيم اللي تبيه بدون ما يشوفنه الزوار :)
    من قال ان الاخ اكسبلورر يفهم :$
    تحياتي عزيزي :)
    و يسلموا على الديلشوس تبعك

    أدهم
    يعافيك حبيبي :)
    تسلم

    Blue
    انت اللي رهيب :D
    يسلموا على ردك :)

    عمّار توّك
    شكرا عمار :)
    يسعدني تواجدك

  18. صالح قال:

    محمد بشير
    اهلا بالصديق
    مشكور على ردك
    تسلم :)

    ابراهيم
    برهوم :D
    ههههه وسيع ، ابي اوصف ياخي خخخخخخخخخخخخخخ
    حمل الفيديو الصافي و ان اشاءالله يضبط معك

    مكتوم
    جد :D
    قدام يالله ، نبي نشوفك يا راجل
    هههههههههههههه والله ياهو جلنط بعد
    ياخي مستانس عليه
    تبي اقولك شي ما تعلم احد
    هذا الجدول حق الترم الماضي 062 :$
    ما امزح ههههههههههههههه

    da-crystal
    لا لا لا ، ناصر هنا ، مش معقووول
    ياهوه نورت المدونة
    اخيرا اقتنعت ، طب كويس
    يسلموا خوي على ردك :mrgreen:

    نواف
    شكرا نواف على ردك
    يسعدني تواجدك
    تحياتي :)

  19. مٌدون قال:

    يعطيك الف مليار عافية اخوي صالح
    تسلم لي الايادي والله
    شرح قمة في الروعة وتطبيق الشرح ونجاح 100%

    لاعدمناك يارب

    بس اخوي صالح ابغى اجمل المواقع الي تقدم ثيمات للووردبريس مجانية وتكون روعة
    ولك كل التحية انتظر ردك عن طريق البريد الالكتروني

  20. مساعد قال:

    شكرا اخي صالح على الشرح الوافي

  21. سنمار قال:

    مجهود رائع يا صالح.

    تعريب القوالب (سواءاً للورد البريس او غيره) الآن صار اسهل وامتع.

    يعطيك الف عافية

  22. مهدي قال:

    الففففففففففف شكر

  23. mo7amed.rifaat قال:

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

  24. صالح قال:

    @mo7amed.rifaat
    وعليكم السلام و رحمة الله و بركاته
    حياك الله أخي محمد و شكرا على ردك اللطيف
    المقدمة لم يكن فيها خلل، فأي خلل تقصد؟
    استحدم برنامج CamStudio و هو مجاني و مفتوح المصدر لتسجيل سطح المكتب
    تجده هنا: http://camstudio.org/

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

    استخدم برنامج Audacity لتسجيل اصوت ، وهو أيضا مجاني و مفتوح المصدر. تجده هنا
    http://audacity.sourceforge.net/

    شكرا لك

  25. صالح قال:

    @مساعد ، سنمار ، مهدي
    شكرا لتفاعلكم
    :)

    @مدون
    حياك الله أخوي، و سعيد بأن الطريقة أعجبتك
    يوجد كثير من مواقع ثيمات الووردبريس
    احدها http://www.wpthemesfree.com/ و http://themes.wordpress.net/
    و ابحث في جوجل ستجد المزيد
    :)

  26. mo7amed.rifaat قال:

    السلام عليكم
    شكراً ليك اخى صالح على ردك
    اما بخصوص
    “المقدمه كانت من خلل فيديو كام ؟؟ هل هذا صحيح”
    فعفواً كنت اقصد من خلال كاميرا الفيديو وليس خلل فيديو
    هذا للايضاح والشكر
    واعتذر عن هذا الخطأ

  27. سيف بن عاضد المهيري قال:

    الله يعطيك العافيه اخوي .. شرحك يبين خبرتك ماشاء الله ..

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

    عموماً لي رجعه .. و شكراً مره اخرى

  28. تم تحديث تصميم المدونة قال:

    [...] تم تحديث تصميم المدونة عام add بعد أشهر من العناء والبحث والتقصي، تم تجديد ثيم المدونة آخر ما وقع عليه اختياري كان الثيم الجميل هذا iTheme. يتميز بإمكانية تحريك القوائم الجانبية وتصغيرها وترتيبها حسب ما يراه المستخدم. قمت بتعريبه، ولكن ما عجبني التصميم الخارجي -خصوصا انه موجه بشكل أكبر لمحبي واجهة apple- فقمت ببعض التعديلات عليه. قبل ما أبدأ كنت ناوي أخليه شبابي مبهج لكن يبدو ان المهمة صعبت علي فجعلته مايل للرسمية عن طريق الزوايا الحادة والألوان القليلة. حاولت يكون فاتح بقدر الإمكان عشان يكون أريح للعين. ما زلت أشعر إني غير مقتنع فيه تماما، لكنه يعد أفضل بكثير من الثيم السابق. صممت شعار للمدونة، وأعتقد اني بأستخدمه في مشاريع أخرى. بالمناسبة صورة الـheader مأخوذة من ثيم آخر، بعد ما استخدمتها حاولت اني أدور على الموقع اللي أخذتها منه عشان أضع رابط له هنا وما لقيته! بعد محاولات مضنية يأست ووقفت.  من ضمن الأمور اللي شيبت راسي مراعاة توافق الثيم مع الاكسبلورر. إذا ما زلت تستخدم المتصفح هذا فأررررجوك انك تغيره، وإذا مصمم فحاول انك تستخدم النسخة السابعة وما فوق. ومع ذلك رح تواجه مشاكل عند استخدام خاصية البحث. فإنت وضميرك   ما زالت عندي  بعض الجمل اللي ما تم ترجمتها، وبأحاول اشتغل عليها في الفترة الجاية. إذا عندكم أي ملاحظات أو مشاكل في التصفح أرجو إفادتي بها … ودمتم سالمين   تحديث: أود شكر صالح الزيد على شرحه لأداة Web Developer اللي ساعدتني كثير في تعريب المدونة. وأيضا أود شكر الأخ مهدي من مدونة رحلة ضوء على شرحه لبرنامج Xampplite الخاص بعمل خادم محلي ليتم العمل على تصميم وتعريب المدونة محليا.  [...]

  29. تركي قال:

    يعطيك الف عافيه

    الشرح مفهوم ورائع

    لكن اتمنى انك تستبدل الموسيقى بمؤثرات صوتيه

    لك فائق التقدير والاحترام

  30. last seat قال:

    عزيزي صالح،

    عملك باهر ومفيد حفظك الله..

    لكنني حزنت عليك لما رأيت صورتك تتحرك وتصاحبها الموسيقى الراقصة وأصوات الفسق..

    أخي صالح،

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

    أسأل الله لك طول العمر والتوفيق.

    والسلام.

  31. صالح قال:

    @last seat
    اهلا بك اخي
    و جزاك الله خيرا على حرصك و اعلم ان كلامك هذا لم يخرج منك إلا بطيب و حسن نية و رغبة في الاشارة للمعروف و النهي عن المنكر.

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

    شكرا مرة آخرى و أسأل الله لك التوفيق كذلك
    :)

  32. طارق قال:

    ممكن سؤال ؟
    ممكن اشتغل نفس الشغل على الاستضافة المحلية
    أم ستكون هناك مشاكل ؟

    القالب لا يحتفظ بالتعديلات
    فما الحل ؟

  33. المدونة الدهبية قال:

    شكرالك أخي درس جد جد جد مفيد وفي إنتضار جديدك أخي

  34. إيهاب قال:

    شكرا لك يا صالح :)

  35. محمد قال:

    شكرا، أفادتني التدوينة، لا مانع بأن أجرب أنا أيضا :]

  36. المهند الكدم قال:

    يعطيك العافية يا غالي ..

    والله استفدت كثيييير ..

    لك الفضل بعد الله في افتتاح مدونتي ..

    شكرا لك

  37. المؤيد الكدم قال:

    والله انا جاي اشكرك لأنك لك الفضل بعد الله في تعريب مدونتي واتفاجئ بأن آخر رد قبلي هو لأخي

    فالله يجزاك خير ,, ويأجرك ويزيدك

  38. صالح الزيد » Blog Archive » قالب Grid Focus المعرب قال:

    [...] بسهولة يمكنكم ذلك باستخدام إضافة Web Developer للفايرفوكس و التي شرحتها سابقا هنا, أو بإضافة FireBug كذلك و هنا شرح ممتاز [...]

  39. باسم قال:

    بارك الله فيك أخ صالح.. أفادني موضوعك كثيراً فأنا احظر نفسي لاطلاق مدونة وورد برس
    تقبل تحياتي :)

  40. سبل الدعوة قال:

    يعطيك ألـــــــ 1000 ـــــــــــف عااااااااااااااااافيه

    شرح وافي ……. و كااااااااافي

    Thanks a LOT MR sALEH :)

    NOTE : الموسيقى , ضايقتنا “:(

    bEST Regard :)

  41. ضوءْ قال:

    بصراااحة شرح رائع

    لكن بودي لو تكتب الأكواد اللي وضعتها في تحرير css خصوصا للناس اللي ماعندهم خلفية في الـ css مثلي : ) ..

    أمنيتي أعرف أعرب ..

    الله لا يحرمك الأجر

  42. حسن » ارشيف المدونة » مواقع تقدم قوالب ووردبريس مجانية قال:

    [...] وطريقه التعريب سهله ويوجد مثال لذلك قام به المدون صالح الزيد . اتوقع راح تنذهلون من كثيره القوالب واحتمال تطيحون [...]

  43. Hanadi قال:

    ألف شكر لك اخوي ..

    مفيد وسهل ومختصر!

    الله يوفقك..

  44. HatiM4Design قال:

    [...] درس تعريب ثيمات الووردبريس (صالح الزيد). [...]

أكتب رداً: