أنشاء قطع للمجلة html + php مع ترتيب وتنسيق البلوكات الجيل الرابع - omardealo

السلام عليكم ورحمة الله وبركاته
حياكم الله وبياكم وجعل الجنة مثوانا ومثوكم

الشرح :
لأنشاء قطع HTML و PHP لمجلة المنتدى CMS مع ترتيب وتنسيق البلوكات للجيل الرابع

اعداد :
omardealo
الاسرار السبعة

مثال :
http://www.7-secret.org

1- قائمة خيارات المجلة
اختار منها القطع widgets
http://www.mwadah.com/images/imgcache/2010/02/69.jpg

2- ينقلنا الى صفحة التى تعرض داخلها القطع المنشاة مسبقا
(اسم القطع + نوع القطعة + زر التهيئة)
الان سننشأ قطعة جديد فقم بالضغط على زر انشاء قطعة جديدة اسفل الصفحة
http://www.mwadah.com/images/imgcache/2010/02/70.jpg

3- نوع القطعة (widget) : تجد خيارات عديدة منها قطع جاهزة لا تحتاج اكثر من ظبط تهيئتها واختيار عدد المحتوى لها مثل الأحدث نشاطا وغيرها
لكن الشرح فقط للقطع الخاصة باكواد html و php
سنختار كمثال html الثابت
http://www.mwadah.com/images/imgcache/2010/02/71.jpg


4 - العنوان : كمثال رتب
- الوصف : اتركه فارغا او اكتب وصفا لتعريف القطعة (الوصف يظهر فقط بلوحة الادارة)
وتقم بالحفظ
http://www.mwadah.com/images/imgcache/2010/02/72.jpg

5- يتم التحويل للصفحة التى تعرض بها القطع المنشأة مسبقا
ستجد من بين القطعة التى تم عملها رتب تقم بالضغط على زر تهيئة الموجود بجانبها على اقصى اليسار
http://www.mwadah.com/images/imgcache/2010/02/73.jpg

6- سيتم النقل لنافذة منبثقة وتحذف الكود الافتراضى الموجود مسبقا وتضع كود html المراد وضعه
اسم القالب : اتركه كما هو
وتقم بالحفظ
http://www.mwadah.com/images/imgcache/2010/02/74.jpg


7- الان تذهب لقائمة خيارات المجلة وتضغط على ادارة النموذج
http://www.mwadah.com/images/imgcache/2010/02/75.jpg

8- ستجد النماذج التى تم انشاءها , انا هنا استخدم نموذج واحد فقط
يمكن استخدام اكثر من نموذج , كل نموذج لقسم بالمجلة وكل منهم يختلف تنسيقه وترتيبه عن الاخر
اضغط على زر تعديل على اقصى يسار النموذج المراد وضع القطعة فيه
http://www.mwadah.com/images/imgcache/2010/02/76.jpg


9- ستجد القطع على اليمين نختر منها القطعة المراد ادخالها بالنموذج "رتب" ويتم تظليلها فقط ومن ثم الضغط على علامة السهم الابيض
http://www.mwadah.com/images/imgcache/2010/02/77.jpg

10 - ستنتقل القطعة لمكان افتراضى داخل النموذج ولكن نسحب القطعة بالفارة من اعلاها ونستمر بالضغط عليها مع السحب ووضعها بالمكان المراد (يمين , يسار , وسط) ايضا مع الاستمرار بالضغط مع السحب تستطيع وضعها اعلى او اسفل قطعة اخرى
http://www.mwadah.com/images/imgcache/2010/02/78.jpg


11 - هنا تم وضع القطعة بالمكان المراد
نقم بالحفظ بعدها

http://www.mwadah.com/images/imgcache/2010/02/79.jpg

12- هنا تم فحص القطعة بالمجلة لنتأكد من مكانها المحدد مع عملها جيدا
http://www.mwadah.com/images/imgcache/2010/02/80.jpg


ملحوظة :
يمكن ايضا من النموذج الغاء قطعة بالضغط على علامة × باعلى اقصى يمين القطعة
ويمكن ادخالها مرة اخرى للنموذج بنفس الطريقة المشروحة بالاعلى
طبعا القطعة الوحيدة التى لا يمكن حذفها هى قطعة المحتوى
http://www.mwadah.com/images/imgcache/2010/02/81.jpg

* ايضا نفس الشرح ينطبق على اكواد PHP لكن فى الاختلاف فقط فى اختيار نوع القطعة (تنفيذ PHP المباشر)

اتمنى ان يكون هذا الشرح البسيط مفيدا لكم , لا تنسونا من دعائكم
بارك الله فيكم ...

المصدر :
http://www.7-secret.org/showthread.php?t=240

يسلمو عمو عمر ديالو

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

يسلمو على الشرح


تحياتي

يسلمو على الشرح