إغلاق


اضغط هنا لتنزيل آخر إصدارة من زووبس





يتصفح المنتدى الآن:   1 زائر



أسفل   الموضوع السابق   الموضوع التالي  إشترك لتكتب موضوع



{ سلسلة الدروس }: تومبلات تحت المجهر - المقدمة
#1
فريق الدعم الفني


Benutzerinformationen

انقر لمشاهدة الصورة الأصلية في نافذة جديدة


اليوم أريد أن أقدم لكم سلسلة من الدروس
انقر لمشاهدة الصورة الأصلية في نافذة جديدة


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

هذه السلسلة موجه بالخصوص للذين لديهم خبرة مع html/css
و عامة لكل من يريد موقع أكثر تفردا
و للذين ليست لهم خبرة مع اللغتين
أنصحهم و بشدة بتعلمهما
لبسساطتهما و لكونهما ستعطيانك سلطة أكبر على زووبس
http://ar.html.net

لذا في كل درس سيتم وضع تومبلات واحد تحت المجهر
حيث سيتم شرح مكوناته و أكواد السمارتي المستعملة به
و كيفية تحسينه و بعض الإضافات الممكنة إليه



الفهرست


مقدمة : كيفية التعديل على التومبلات
الدرس 01: ملف system_redirect.html
و إن شاء الله المزيد



مقدمة: كيفية التعديل على التومبلات

أولا، قبل البدء في التعديل على التومبلات
يجب معرفة بعض الأشياء

التومبلاتات أو القوالب زووبس هي ملفات بصيغة html و تتم إدارتها عبر الموديلات، و هدفها التحكم بطريقة عرض المعلومات المستخرجة من الموديلات
و يتم إيجادها في كل موديل في المجلد "templates"
و هذا يسهل عملية البرمجة حيث يفصل بين عملية الإستخراج أو التلاعب بالمعلومات و عملية الإظهار


تأتي زووبس بمجموعة من التومبلاتات الخاصة بها
- system_redirect.html (صفحة التنقل)
- system_siteclosed.html (صفحة الموقع المغلق)
- system_block_login.html (بلوك الدخول)
- system_block_online.html (بلوك المتواجدون الآن)
- system_block_comments.html (بلوك التعليقات)...


و يمكن إيجاد هاته في الموجودة في modules - system - templates
و لكل موديل التومبلاتات الخاصة به كما سبق ذكره
لذا لتعديلها يجب الذهاب للتومبلات او القالب المرغوب بتغييره و تعديله في الموديل - لكننا لن نستعمل هذه الطريقة -

الطريقة التي سنستعمل هي طريقة Templates overriding أي تجاوز القالب
و هذه التقنية تم إدخالها في زووبس منذ النسخة زووبس 2.0.14
و أوضح مثال عن هذه التقنية هما ثيمي default و zetagenesis
حيث إذا لاحظتم صفحة التنقل عند الدخول فشكلها متغيير بين الثيمين
انقر لمشاهدة الصورة الأصلية في نافذة جديدة

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


كيفية استخدام هذه التقنية كالتالي يتم إنشاء مجلد modules في مجلد الثيم إن لم يوجد
ثم يتم إنشاء - داخل modules - مجلد لكل موديل تريد تغيير قوالبه أولهم هو system
وداخله تضع نسخة من القالب المراد تغيير مع الحفظ على الإسم
و يمكنكم رؤية مثال داخل ثيم zetagenesis

هذا بالنسبة لقوالب صفحات الموديلات أما القوالب الخاصة بالبلوكات فيجب إنشاء مجلد الموديل

هذه صورة للتوضيح
انقر لمشاهدة الصورة الأصلية في نافذة جديدة

للمزيد حول هاته التقنية
Templates overriding : a small Tutorial

بالنسبة لعملية التعديل أنصحكم بمحرر جميل جدا
هو notepad++

انقر لمشاهدة الصورة الأصلية في نافذة جديدة
تحميل

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

تحضيرا للدرس القادم


يجب أن يكون :
- بمجلد الثيم مجلد modules وبداخله system
- فتح ملف style.css و الذهاب إلى الأخير و إضافة الكود
/*========= Style for Templates overriding =========*/
@import url(tempaltes.css);

- ثم أخيرا إنشاء الملف tempaltes.css فارغ قرب ملف style.css (فقط إفتح محرر نصوص ++np ثم حفظ بإسم tempaltes و الإمتداد css. )




أتمنى أن أكون قد قربتكم أكثر من مفهوم التومبلات
و أن أكون يكون شرحي وافيا


قريبا الدرس 01: ملف system_redirect.html

أرسلت بتاريخ: 2010/9/17 10:12

حررت بواسطة Tarik في 2010/10/8 12:08:49
السبب:
طباعة Twitter Facebook _MD_SHARE_BUZZ Linkedin Del.icio.us Digg Reddit Mr. Wong أعلى


رد: { سلسلة الدروس }: تومبلات تحت المجهر - المقدمة
#2
عضو مهم


Benutzerinformationen
درس ممتاز اخ طارق

ممتـــــــــــــــــــاز و نجمة ياطارق

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

أرسلت بتاريخ: 2010/9/17 12:32
طباعة Twitter Facebook _MD_SHARE_BUZZ Linkedin Del.icio.us Digg Reddit Mr. Wong أعلى


رد: { سلسلة الدروس }: تومبلات تحت المجهر - المقدمة
#3
فريق الدعم الفني


Benutzerinformationen
شكرا أخي و أتمنى أن يوفقني الله في هذه السلة و أن أشرح كل تومبلاتات السيستم في زووبس

أرسلت بتاريخ: 2010/9/17 13:00
طباعة Twitter Facebook _MD_SHARE_BUZZ Linkedin Del.icio.us Digg Reddit Mr. Wong أعلى


رد: { سلسلة الدروس }: تومبلات تحت المجهر - المقدمة
#4
فريق الدعم الفني


Benutzerinformationen
درس طارق ودروسة القادمة بتقـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــول هل من منافس

أرسلت بتاريخ: 2010/9/17 14:55
طباعة Twitter Facebook _MD_SHARE_BUZZ Linkedin Del.icio.us Digg Reddit Mr. Wong أعلى


رد: { سلسلة الدروس }: تومبلات تحت المجهر - المقدمة
#5
فريق الدعم الفني


Benutzerinformationen
جميل و درس مفيد فعلا
حقيقة لو كان بيننا مجموعة معدودة على أطراف الاصابع تتعامل مثلك يا طارق لكنا الافضل على الاطلاق

أرسلت بتاريخ: 2010/9/17 15:53
طباعة Twitter Facebook _MD_SHARE_BUZZ Linkedin Del.icio.us Digg Reddit Mr. Wong أعلى


رد: { سلسلة الدروس }: تومبلات تحت المجهر - المقدمة
#6
فريق الدعم الفني


Benutzerinformationen
إقتباس :
درس طارق ودروسة القادمة بتقـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــول هل من منافس

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

ألا تظن أن تلك المجموعة موجودة ألأساتذة : موفق، ماريان، هاني، خالد، mastermind، عادل،و thoq mr.black، ،mr-hunter almjd، و الكثير
ما ينقصنا هو التعاون فكل يسبح في جهة
على الأقل يجب إنشاء موديل للبرامج المعربة و غير المعربة و التي في طور التعريب و المطلوب تعريبها
و أن يتم التعريب أونلاين و هذا سيسهل على اي شخص المساعدة و سيكون مجتمع حقيقي
سيكون جميل جدا و سيكون مرجع أكثر من رائع لكل
هذه فكرة واحدة من أفكاري العديدة التي أرى أنها سترفع من شأن عرب زووبس

أرسلت بتاريخ: 2010/9/17 16:35

حررت بواسطة Tarik في 2010/9/18 8:23:36
السبب:
طباعة Twitter Facebook _MD_SHARE_BUZZ Linkedin Del.icio.us Digg Reddit Mr. Wong أعلى


رد: { سلسلة الدروس }: تومبلات تحت المجهر - المقدمة
#7
فريق الدعم الفني


Benutzerinformationen

عرب زووبس تحرج لنا كل فتره اساتذه بحق لكلاً ابداعه ولمساته ...
وانت منهم ياطارق
درس في الصميم الكل يحتاجه شكرا لك حفظك الله.

أرسلت بتاريخ: 2010/9/18 8:21
طباعة Twitter Facebook _MD_SHARE_BUZZ Linkedin Del.icio.us Digg Reddit Mr. Wong أعلى


رد: { سلسلة الدروس }: تومبلات تحت المجهر - المقدمة
#8
فريق الدعم الفني


Benutzerinformationen
جازاك الله خيرا أخ المجد
و بالنسبة لدرس تصميم ثيم أو تغيير قالب فهذذا يحتاج إلى معرة ب html/css و لا يمكن الإلتفاف حول الواقع المر يجب تعلمهما لتصميم الثيمات و أظن أنهما لن يشكلا أي تحدي أمامك او أمام أي شخص يريد تعلمها

أرسلت بتاريخ: 2010/9/18 11:18
طباعة Twitter Facebook _MD_SHARE_BUZZ Linkedin Del.icio.us Digg Reddit Mr. Wong أعلى


رد: { سلسلة الدروس }: تومبلات تحت المجهر - المقدمة
#9
فريق الدعم الفني


Benutzerinformationen
تم اضافة الدرس المميـــــــــــــــــــــــــــــــــــز لقسم الدروس
طارق لى رجعة باذن الله على التعليق على كلامك وانا اتفق مع المجد ان عرب زووبس كل فترة بتخرج استاذ

أرسلت بتاريخ: 2010/9/18 19:00
طباعة Twitter Facebook _MD_SHARE_BUZZ Linkedin Del.icio.us Digg Reddit Mr. Wong أعلى


رد: { سلسلة الدروس }: تومبلات تحت المجهر - المقدمة
#10
فريق الدعم الفني


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

أرسلت بتاريخ: 2010/9/18 20:48
طباعة Twitter Facebook _MD_SHARE_BUZZ Linkedin Del.icio.us Digg Reddit Mr. Wong أعلى


رد: { سلسلة الدروس }: تومبلات تحت المجهر - المقدمة
#11
فريق الدعم الفني


Benutzerinformationen
حبيبى طارق اولا لا تتكلم باحباط هكذا فلا يقاس الدرس الجيد بعدد ردودة انظر كم عدد زوارة والفرق بسيط جدا ,ان الان مكتبة الدروس بفضل الله تعالى اصبحت بالفعل مكتبة عظيمة بفضل اعضاء عرب زووبس بعد الله لذلك كان فيما مضى كان الدرس عبارة عن اكلة حلوة " بالمصرى" يعنى شئ عزيز ولكنها الان اصبحت غنية فعلا وان كانت مازلت محتاجة الكتير الكتير لذلك لما تحمست لدروسك ودروس عادل كان تحمسى فى محلة لانى الحمد الله اعرف اقدر قيمة التعب فى الدرس خاصا انك اخترقت موضوع جديد جدا وبدات فى دروس بامانة شديدة , مكتبة الدروس محتجاها جدا جدا وتعبك فيها مشكور علية مقدما وبالفعل كما قال عادل هناك اجيال تورث اجيال فى عرب زووبس وانتم الاجيال الشابة الجديدة والتى لها مستقبل مشرق فى عرب زووبس .
اعطيك مثال درسك المشترك مع عادل فى تغير شكل التعليقات مش عارف اقولك اية لانة بامانة غير كتير كتير من الرتبابة فى التعليقات لدرجة انى فعلا اعتمدتة فى موقع اهرام وعمل اضافة فوق الرئعة ودرسك الاخير فى هاك الصور والتعديل الاخير بامانة اكتر من رائع
طارق ... عادل والاخرون
سيروا على بركة الله فانتم المستقبل


أرسلت بتاريخ: 2010/9/19 3:47
طباعة Twitter Facebook _MD_SHARE_BUZZ Linkedin Del.icio.us Digg Reddit Mr. Wong أعلى


رد: { سلسلة الدروس }: تومبلات تحت المجهر - المقدمة
#12
فريق الدعم الفني


Benutzerinformationen

أستاذ هاني أنت فهمت كلامي غلط
عندما قلت
إقتباس :
أخ هاني أنظر فقط إلى كل من وضع رد في هذا الموضوع و ستجد عدد دروسي في الموقع هزيل بالمقارنة معكم

عنيت أن عدد دروسي هزيل بالمقارنة مع من وضعوا ردا بموضوعي - كان علي وضع علامات ترقيم

أرسلت بتاريخ: 2010/9/19 17:43
طباعة Twitter Facebook _MD_SHARE_BUZZ Linkedin Del.icio.us Digg Reddit Mr. Wong أعلى


رد: { سلسلة الدروس }: تومبلات تحت المجهر - المقدمة
#13
مشرف


Benutzerinformationen
دروس رائعة جدا شكرا لك طارق
اعذروني على تأخري في الرد

أرسلت بتاريخ: 2010/9/19 18:02
طباعة Twitter Facebook _MD_SHARE_BUZZ Linkedin Del.icio.us Digg Reddit Mr. Wong أعلى







يمكنك قراءة موضوع.
لا يمكنك إضافة موضوع جديد.
لا يمكنك الرد على المشاركات.
لا يمكنك تحرير مشاركاتك.
لا يمكنك حذف مشاركاتك.
لا يمكنك إضافة إستفتاء جديد.
يمكنك التصويت في الإستفتاءات.
لا يمكنك إرفاق ملفات في مشاركاتك.
لا يمكنك المشاركة بدون موافقة المشرف.
You cannot use topic type.
You cannot use HTML syntax.
You cannot use signature.

[بحث متقدم]



موقع الدعم العربي لنظام إدارة المحتوى زووبس


مواقع صديقة: رياض القرآن ، خلفيات شاشة ، المجلة السعودية للسيارات ، أهرام العلمية ، ابن مصر ، برامج عربية و معربة ، ماسنجر شبوة.نت ، ضفاف ، العاب