السلام عليكم

اهلا بيكم مره اخرى

النهارده ان شاء الله الدرس الاول وهنتناول فيه كيفية تقسيم صفحه الاندكس

الدرس بسيط جدا ويعتمد اعتماد كلى على الدوره السابقه دوره توزيع الوجهات وكان الناتج الاخير لها

http://vbegy.info/blog/vbegy/Lesson_7/

وكان الدرس الاخير فى الدوره

الدرس ده هنعتمد فيه على صفحه انا لخصتها من الموقع ده حسب احتياجتنا للدوره

الموقع الرسمى طبعا للورد بريس

http://codex.wordpress.org/Template_Tags/

ورابط تحميل الصفحه

ان شاء الله الدرس سهل جدا

للمشاهده على اليوتيوب

للتحميل برابط مباشر

http://vbegy.info/blog/wordpress/1_wordprees_index_1.avi

http://vbegy.info/blog/wordpress/1_wordprees_index_2.avi

http://vbegy.info/blog/wordpress/1_wordprees_index_3.avi

للتحميل من رابط اخر

http://www.4shared.com/video/crl_rST_/1_wordprees_index_1.html

http://www.4shared.com/video/7HxoYyXh/1_wordprees_index_2.html

http://www.4shared.com/video/iBQ4ZWli/1_wordprees_index_3.html

مشاهده ممتعه ان شاء الله ودرس سهل

الموضوع الاصلى

مدونه فى بى ايجى التقنية

قناص جوبا

احب التطوير والتصميم عندى امل كبير فى الله ثم فى نفسى عندى ثقه كبيره الحمدلله فى قدراتى كل يوم اتعلم جديد فى كل جزء من حياتى اتمنى ان اتعلم من اخطائى دائما ،،

التعليقات ( 44 )
  1. HaMaDa
    21 يونيو 2010 at 7:38 م

    كان عندى استفسار
    انا غيرت فى التصميم الهيدر هيكون شفاف والاطراف دائرية
    عاوز اخلية 3 اجزاء يمين وسط (التمدد) يسار
    لكن المشكلة ان احد الاطراف الايمين او اليسار ما يظبط ينزل لاسفل
    وشكرا

  2. قناص جوبا
    22 يونيو 2010 at 12:40 ص

    طيب ارفق الصور والاكواد
    وتاكد من الابعاد
    وفى اليمين عامل float:right
    وفى اليسار float:left

  3. HaMaDa
    22 يونيو 2010 at 2:06 ص

    شكرا لك انا عارف انى بتقل عليك لكن اعمل انت الوحيد الى عندة الاجابات سريعة
    انا رفعت الملفات كلة
    ياريت تساعدنى فية فى جزئية التكدد تعبانى شوية
    وموضوع الخلفية اريدها ثابتة بنفس الشكل على كل الشاشات
    اعتزر مرة اخرى لكثرة اسئلتى
    الرابط
    http://www.megaupload.com/?d=TD84AWQQ
    او
    http://rapidshare.com/files/401483001/hamada.zip.html

  4. HaMaDa
    22 يونيو 2010 at 2:09 ص

    انا متابع معاك هنا ومع الاخ صاحب مدونة مميزات لكن الراجل كتر خيرة شارح كل شىء لك الشرح طووووووووووووووويل جدا لكن ان شاء الله هتابع هنا لان الدروس فيها الخلاصة
    ربنا يجعلة فى ميزان حسناتك

  5. قناص جوبا
    22 يونيو 2010 at 3:08 ص

    انا برضه يعتبر الشرح طويل بكن انا مقسمه على اكثر من فيديو
    ولاحظ هو دمج توزيع الوجهات مع الورد بريس
    انا حبيت اعملهم على دورتين علشان اسهل على الناس وفى الاخر الاخ محمد استاذ وانا اتعلمت منه

  6. قناص جوبا
    22 يونيو 2010 at 3:11 ص

    لا يا اخى ولا يهمك انا بكون سعيد بالاستفسارات
    المهم انا الصوره عندى مظبوطه بدون اى مشاكل
    ممكن صوره للمشكله من عندك

  7. HaMaDa
    22 يونيو 2010 at 4:30 ص

    المشكلة عندى فى التمدد لا اعرف عنى الكثير فى css
    بالفرونت بيج الموضع سهل جدا
    المشكلة الثانية فى الخلفية اريدها ثابتة مع جميع الشاشات
    http://i45.tinypic.com/otos3s.jpg
    يريت بس موضوع الخلفية والتمدد
    وشكرا

  8. قناص جوبا
    22 يونيو 2010 at 2:29 م

    شوف الصوره اللى عاوزها تتمدد عرضى اعملها reprat-x
    والصوره اللى عاوزها تتمدد طولى اعملها reprat-y
    والصوره اللى عاوزها غير متمدده اعملها no-reprat
    اما الصوره اللى عاوزها ثانبيه اعملها position:fixed;

  9. HaMaDa
    22 يونيو 2010 at 5:12 م

    شكرا جدا على سعة صدرك
    وعلى الاجابات السريعة
    انا عامل زى ما انت قلت كدة
    المشكلة الان فى التمدد على الاطراف
    http://upload.vbegy.com/uploads/vbegy12772153181.jpg
    الملف كامل
    http://upload.vbegy.com/uploads/vbegy12772158311.zip

  10. قناص جوبا
    22 يونيو 2010 at 8:07 م

    العفو يا غالى ده واجبنا
    انت لو تلاحظ انك بتغلط نفس الغلطه
    انك عامل

    1
    2
    3
        <div id="header_r"></div>
        <div id="header_l"></div>
        <div id="header_m"></div>

    بينما الصح

    1
    2
    3
    <div id="header_r">
        <div id="header_l"></div>
        <div id="header_m"></div></div>

    وفى هذه الحاله التمدد هو header_r

  11. HaMaDa
    22 يونيو 2010 at 8:27 م

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

    يارب تنحل مشكلتى لانى بجد تعبتك معايا

  12. قناص جوبا
    22 يونيو 2010 at 9:27 م

    قمت بالتعديل اللازم
    http://upload.vbegy.com/uploads/vbegy12772311701.zip

  13. HaMaDa
    22 يونيو 2010 at 10:26 م

    مش عارف اقل اية بس شكرا على مجهودك معيا ان تعبتك وفى الاخر نفس المشكلة
    حضرتك محملتش الملف الاخير
    http://upload.vbegy.com/uploads/vbegy12772158311.zip

  14. قناص جوبا
    22 يونيو 2010 at 10:52 م

    اهلا يا غالى
    انت ليه بتعمل التمدد مش هو اللى بيحتوى الجزء اليمين والجزء اليسار

    وايضا طريقتك فى توزيع الايطارات غريبه
    ممكن توضح قصدك

  15. HaMaDa
    23 يونيو 2010 at 12:05 ص

    بصراحة انا اصلا متعود على الفرونت بيج لو اشتغلت علية هتفهم قصدى
    انا عاوز اعمل جزء علوى وجزء وسط وجزء سفلى
    وكل جزء ينقسم الى 3 اجزاء (يمين -وسط-يسار)
    يارب ما كون عقدتك المرة دى

  16. قناص جوبا
    23 يونيو 2010 at 12:50 ص

    انا اشتغلت فرونت بيج عادى
    بس خلاص انساه دلوقتى
    تابع الدوره بتاعت توزيع الوجهات الدرس الاول فقط على الاقل وهو توزيع الهيدر والفوتر

  17. سامح
    23 يونيو 2010 at 12:53 ص

    الله ينور يا احمد
    ما شاء الله
    فى انتظار الدرس القادم بفارغ الصبر
    اخوك
    سامح

  18. قناص جوبا
    23 يونيو 2010 at 1:39 ص

    الله يخليك يا سامح
    ومنور المدونه كلها

  19. خالد الدوسري
    24 يونيو 2010 at 2:42 ص

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

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

    في انتظارك حبيبي ووفقك الله

  20. قناص جوبا
    24 يونيو 2010 at 4:27 ص

    الله يخليك يا غالى على كلامك الجميل
    انا لم انسخ اى قوالب
    اللى نسخته ده ما توصلنا له فى دوره تصميم الوجهات وهنحول التوزيع الى ورد بريس

  21. اللهم صلي على محمد
    29 أغسطس 2010 at 8:27 م

    الله يجزاك خير ويرزقك الفردوس الاعلى على هذه الدروس المجانيه والرائعه

  22. Calar
    29 نوفمبر 2010 at 1:44 ص

    اخوي
    انا ابي اشيل الخط الي تحت الروابط
    وبعطي الروابط لون معين

    ممكن تعطيني الاكواد المطلوبة ؟

  23. قناص جوبا
    29 نوفمبر 2010 at 5:06 م
    1
    2
    3
    4
    a {
        color:#000;
        text-decoration:none;
    }

    وغير اللون المطلوب

  24. hamed
    21 ديسمبر 2011 at 4:54 م

    اولا جزاكم الله خيرا
    ثانيا:

    1 _ الفرق بين ال css الخاص بالتمبليت والخاص بالورد برس ؟؟؟
    2_ ماالفرق بين pingback و alternate و rss feed ؟
    3_ ماهو الذي يكتبه الوردبرس في دالة wp_head و wp_footer ؟
    4_ الفرق بين

    وبين

  25. hamed
    21 ديسمبر 2011 at 4:55 م

    هناك عنوانين title في صفحة الاختصارات واحد الديناميك واخر
    كتبت هذه الاكواد لكن يبدو ان دالة الحماية حذفتهم

  26. hamed
    21 ديسمبر 2011 at 5:11 م

    الاختصار الخاص ب validator والاداة التي تستخدمها ؟

  27. قناص جوبا
    23 ديسمبر 2011 at 11:01 ص

    واياك اخى الغالى

    1 – لا يوجد فرق
    اذا كنت تقصد ملف style.css
    2 – الحقيقه مش عارف
    3 – داله الهيدر بيكتب فيها استعاءات اخرى خاصه بيه وبيكون من ضمنها كمان ملفات جافا وغيره
    وداله الفوتر استعاءات ايضا وبيكون من ضمنها شرط الادارة الموجود فى رئيسية الموقع

  28. قناص جوبا
    23 ديسمبر 2011 at 11:02 ص

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

  29. قناص جوبا
    23 ديسمبر 2011 at 11:03 ص

    تقصد فى الفير فوكس يعنى ؟

  30. hamed
    24 ديسمبر 2011 at 5:04 م

    thank you for your reply .

    sorry i have no arabic now so i writed with english

    yes I mean in firefox
    ——————————-
    in the video you said this line is for css for wordpress not for template
    —————————–

  31. hamed
    3 فبراير 2012 at 2:33 ص

    الفيديو الثاني
    الدقيقة 2.28
    كتبت بالنص
    ال css الخاص بالنسخة غير الخاص بالقالب
    هل هناك 2 css انا اعرف الخاص بالقالب الذي ظللنا نصمم فيه فما هو هذا الخاص بالنسخة

    الفيديو الثاني
    الدقيقة 7.42
    دخلت على validator.w3.org باختصار معين
    الاداة ايه والاختصار ايه

  32. قناص جوبا
    3 فبراير 2012 at 9:21 م

    بالنسبه لل css
    فالاثنين واحد وما فيه اى اختلاف وصراحه انا مش متذكر انا كنت كتبت كده ليه

    الاضافة فى الفير فوكس اسمها w3 validator
    That kind of والاختصار ctrl + shif + a بس فى الاصدارات القديمه للفير فوكس

  33. hamed
    4 فبراير 2012 at 3:43 ص

    جزاك الله خيرا اخي
    ﻻ اعرف كيف اشكرك على تعاونك

  34. hamed
    4 فبراير 2012 at 3:51 ص

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

  35. digital dzigner
    7 أغسطس 2012 at 6:25 ص

    اخي العزيز واجهتني مشكلة .. فبعد وضع رابط الهيدر الخاص بالورد بريس كما في الفيديو 2 في مسافة ظهرت فوق الهيدر علما باني شغال بآخر نسخة حتى الآن ^^

  36. digital dzigner
    7 أغسطس 2012 at 6:34 ص

    الكلام ده بعد ما حطيت

  37. digital dzigner
    7 أغسطس 2012 at 6:35 ص

    الكلام ده بعد ما حطيت
    “”

  38. digital dzigner
    7 أغسطس 2012 at 6:35 ص

    الكلام ده بعد اما حطيت

  39. digital dzigner
    7 أغسطس 2012 at 6:37 ص

    مش راضية تنكتب ~.~
    بعد ما حطيت الكود اللي في الفيديو 2 الدقيقة 3:52

  40. digital dzigner
    7 أغسطس 2012 at 7:13 ص

    تخيل في ie 9 ظابتة معايا مفيش مشاكل المشكلة في الكروم ..

  41. قناص جوبا
    11 أغسطس 2012 at 4:13 م

    المسافه الفاضيه بعد ما حطيت

    1
    wp_head()

    لانها بتضع اشياء في منطقه الهيد
    والمسافه الفاضيه دي علشان يظهر الشريط اللي فوق في الورد بريس
    والحل علشان يظهر تضع في الفوتر

    1
    wp_footer()
  42. شيماء
    11 فبراير 2013 at 12:25 ص

    السلام عليكم

    جزاك الله خيرا وبارك الله فيك

    أخ أحمد أنا عندي مشكلة في عدم ظهور الصور يعني
    بنر التدوينات مش ظاهر
    ولا بنر الإعلان الوسط مش ظاهر بردوا
    وطبقت الدرس التاني ونفس المشكلة

  43. sos
    8 أغسطس 2015 at 9:43 ص

    لو سمحت الكلام العربي الي بملف ال blog.php ما بظهر معي
    هيك بطلع ï»؟ط§ظ„ط±ظˆط§ط¨ط· ط§ظ„ظ…طھط®طµطµظ‡

  44. قناص جوبا
    8 أغسطس 2015 at 11:28 ص

    بتشتغل معايا عادي ممكن تفتحها بصيغه uft-8

‎اضف رد