يتصفح المنتدى الآن:
1 زائر
{ سلسلة الدروس }: تومبلات تحت المجهر - المقدمة |
||||
|---|---|---|---|---|
|
فريق الدعم الفني
![]()
|
![]() اليوم أريد أن أقدم لكم سلسلة من الدروس ![]() هدف هذه السلسلة هو تعديل المواقع في مستوى آخر فالذي يريد تغيير شكل موقعه يظن أنه محصور بملفات الثيم بينما زووبس توفر لك وسيلة أخرى لتصميم موقع حسب حاجياتك و ذلك عن طريق تعديل التومبلاتات هذه السلسلة موجه بالخصوص للذين لديهم خبرة مع 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 و الذهاب إلى الأخير و إضافة الكود
- ثم أخيرا إنشاء الملف tempaltes.css فارغ قرب ملف style.css (فقط إفتح محرر نصوص ++np ثم حفظ بإسم tempaltes و الإمتداد css. ) أتمنى أن أكون قد قربتكم أكثر من مفهوم التومبلات و أن أكون يكون شرحي وافيا قريبا الدرس 01: ملف system_redirect.html
أرسلت بتاريخ: 2010/9/17 10:12
حررت بواسطة Tarik في 2010/10/8 12:08:49
السبب: |
|||
|
||||
رد: { سلسلة الدروس }: تومبلات تحت المجهر - المقدمة |
||||
|---|---|---|---|---|
|
عضو مهم
![]()
|
درس ممتاز اخ طارق
ممتـــــــــــــــــــاز و نجمة ياطارق و ان شاء الله تكمل دروسك الرائعة
أرسلت بتاريخ: 2010/9/17 12:32
|
|||
|
||||
رد: { سلسلة الدروس }: تومبلات تحت المجهر - المقدمة |
||||
|---|---|---|---|---|
|
فريق الدعم الفني
![]()
|
شكرا أخي و أتمنى أن يوفقني الله في هذه السلة و أن أشرح كل تومبلاتات السيستم في زووبس
أرسلت بتاريخ: 2010/9/17 13:00
|
|||
|
||||
رد: { سلسلة الدروس }: تومبلات تحت المجهر - المقدمة |
||||
|---|---|---|---|---|
|
فريق الدعم الفني
![]()
|
جميل و درس مفيد فعلا
حقيقة لو كان بيننا مجموعة معدودة على أطراف الاصابع تتعامل مثلك يا طارق لكنا الافضل على الاطلاق
أرسلت بتاريخ: 2010/9/17 15:53
|
|||
|
||||
رد: { سلسلة الدروس }: تومبلات تحت المجهر - المقدمة |
||||
|---|---|---|---|---|
|
فريق الدعم الفني
![]()
|
إقتباس :
درس طارق ودروسة القادمة بتقـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــول هل من منافس أخ هاني أنظر فقط إلى كل من وضع رد في هذا الموضوع و ستجد عدد دروسي في الموقع هزيل بالمقارنة معكم لذا لست بذاك المنافس إقتباس : حقيقة لو كان بيننا مجموعة معدودة على أطراف الاصابع تتعامل مثلك يا طارق لكنا الافضل على الاطلاق ألا تظن أن تلك المجموعة موجودة ألأساتذة : موفق، ماريان، هاني، خالد، mastermind، عادل،و thoq mr.black، ،mr-hunter almjd، و الكثير ما ينقصنا هو التعاون فكل يسبح في جهة على الأقل يجب إنشاء موديل للبرامج المعربة و غير المعربة و التي في طور التعريب و المطلوب تعريبها و أن يتم التعريب أونلاين و هذا سيسهل على اي شخص المساعدة و سيكون مجتمع حقيقي سيكون جميل جدا و سيكون مرجع أكثر من رائع لكل هذه فكرة واحدة من أفكاري العديدة التي أرى أنها سترفع من شأن عرب زووبس
أرسلت بتاريخ: 2010/9/17 16:35
حررت بواسطة Tarik في 2010/9/18 8:23:36
السبب: |
|||
|
||||
رد: { سلسلة الدروس }: تومبلات تحت المجهر - المقدمة |
||||
|---|---|---|---|---|
|
فريق الدعم الفني
![]()
|
عرب زووبس تحرج لنا كل فتره اساتذه بحق لكلاً ابداعه ولمساته ... وانت منهم ياطارق درس في الصميم الكل يحتاجه شكرا لك حفظك الله.
أرسلت بتاريخ: 2010/9/18 8:21
|
|||
|
||||
رد: { سلسلة الدروس }: تومبلات تحت المجهر - المقدمة |
||||
|---|---|---|---|---|
|
فريق الدعم الفني
![]()
|
جازاك الله خيرا أخ المجد
و بالنسبة لدرس تصميم ثيم أو تغيير قالب فهذذا يحتاج إلى معرة ب html/css و لا يمكن الإلتفاف حول الواقع المر يجب تعلمهما لتصميم الثيمات و أظن أنهما لن يشكلا أي تحدي أمامك او أمام أي شخص يريد تعلمها
أرسلت بتاريخ: 2010/9/18 11:18
|
|||
|
||||
رد: { سلسلة الدروس }: تومبلات تحت المجهر - المقدمة |
||||
|---|---|---|---|---|
|
فريق الدعم الفني
![]()
|
تم اضافة الدرس المميـــــــــــــــــــــــــــــــــــز لقسم الدروس
طارق لى رجعة باذن الله على التعليق على كلامك وانا اتفق مع المجد ان عرب زووبس كل فترة بتخرج استاذ
أرسلت بتاريخ: 2010/9/18 19:00
|
|||
|
||||
رد: { سلسلة الدروس }: تومبلات تحت المجهر - المقدمة |
||||
|---|---|---|---|---|
|
فريق الدعم الفني
![]()
|
بالنسبة للاساتذة الذي ذكرت فهم أهرام هذا الموقع قصدي على الاخوة الجدد لانها رساله الاستمرارية في التألق و الرقي بعرب زووبس بكما ظهر أساتذه عظام بالسابق فلابد أن تأتي ظروف عليهم لكي يغيبوا و يحل مكانهم أخرون و هكذا...
لهذا نأمل كذلك بتألق أعضاء جدد و المضي قدما بتطوير هذه المجلة الرائعة
أرسلت بتاريخ: 2010/9/18 20:48
|
|||
|
||||
رد: { سلسلة الدروس }: تومبلات تحت المجهر - المقدمة |
||||
|---|---|---|---|---|
|
فريق الدعم الفني
![]()
|
حبيبى طارق اولا لا تتكلم باحباط هكذا فلا يقاس الدرس الجيد بعدد ردودة انظر كم عدد زوارة والفرق بسيط جدا ,ان الان مكتبة الدروس بفضل الله تعالى اصبحت بالفعل مكتبة عظيمة بفضل اعضاء عرب زووبس بعد الله لذلك كان فيما مضى كان الدرس عبارة عن اكلة حلوة " بالمصرى" يعنى شئ عزيز ولكنها الان اصبحت غنية فعلا وان كانت مازلت محتاجة الكتير الكتير لذلك لما تحمست لدروسك ودروس عادل كان تحمسى فى محلة لانى الحمد الله اعرف اقدر قيمة التعب فى الدرس خاصا انك اخترقت موضوع جديد جدا وبدات فى دروس بامانة شديدة , مكتبة الدروس محتجاها جدا جدا وتعبك فيها مشكور علية مقدما وبالفعل كما قال عادل هناك اجيال تورث اجيال فى عرب زووبس وانتم الاجيال الشابة الجديدة والتى لها مستقبل مشرق فى عرب زووبس .
اعطيك مثال درسك المشترك مع عادل فى تغير شكل التعليقات مش عارف اقولك اية لانة بامانة غير كتير كتير من الرتبابة فى التعليقات لدرجة انى فعلا اعتمدتة فى موقع اهرام وعمل اضافة فوق الرئعة ودرسك الاخير فى هاك الصور والتعديل الاخير بامانة اكتر من رائع طارق ... عادل والاخرون سيروا على بركة الله فانتم المستقبل
أرسلت بتاريخ: 2010/9/19 3:47
|
|||
|
||||
رد: { سلسلة الدروس }: تومبلات تحت المجهر - المقدمة |
||||
|---|---|---|---|---|
|
فريق الدعم الفني
![]()
|
أستاذ هاني أنت فهمت كلامي غلط عندما قلت إقتباس : أخ هاني أنظر فقط إلى كل من وضع رد في هذا الموضوع و ستجد عدد دروسي في الموقع هزيل بالمقارنة معكم عنيت أن عدد دروسي هزيل بالمقارنة مع من وضعوا ردا بموضوعي - كان علي وضع علامات ترقيم
أرسلت بتاريخ: 2010/9/19 17:43
|
|||
|
||||
رد: { سلسلة الدروس }: تومبلات تحت المجهر - المقدمة |
||||
|---|---|---|---|---|
|
مشرف
![]()
|
دروس رائعة جدا شكرا لك طارق
اعذروني على تأخري في الرد
أرسلت بتاريخ: 2010/9/19 18:02
|
|||
|
||||
يمكنك قراءة موضوع.
لا يمكنك إضافة موضوع جديد.
لا يمكنك الرد على المشاركات.
لا يمكنك تحرير مشاركاتك.
لا يمكنك حذف مشاركاتك.
لا يمكنك إضافة إستفتاء جديد.
يمكنك التصويت في الإستفتاءات.
لا يمكنك إرفاق ملفات في مشاركاتك.
لا يمكنك المشاركة بدون موافقة المشرف.
You cannot use topic type.
You cannot use HTML syntax.
You cannot use signature.













