قم بإعداد قوالب مختلفة لصفحات مختلفة في جملة. إعداد قوالب مختلفة لصفحات مختلفة في جملة تحرير نمط القالب الجديد

لا يمكن أن تحتوي جميع صفحات موقع Joomla الخاص بك على نفس التصميم والشكل نفسه. تحتوي بعض المواقع على أنظمة ألوان مختلفة اختلافًا جذريًا وتخطيطات كتلة لأقسام مختلفة من الموقع. ويتيح لك Joomla القيام بذلك بالضبط.

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

الخطوة 1: معلومات عامة عن القوالب في جملة

يحتوي Joomla على ثلاثة قوالب رئيسية مثبتة مسبقًا افتراضيًا: Atomic و Beez5 و Beez2.

تم وضع علامة "الموقع" على هذه القوالب الثلاثة في عمود "الموقع" وهي مخصصة للجزء العام من الموقع. تم تسمية قوالب Bluestork و Hathor باسم "Administrator" وهي مخصصة لمنطقة الإدارة فقط. يمكنك أيضًا تثبيت قوالب أخرى أو تصميم أو إنشاء نموذج خاص بك.

يتم دائمًا تمييز أحد القوالب على أنه افتراضي للموقع الخارجي والآخر للمسؤول. لمعرفة الخيار الافتراضي ، ابحث عن النجمة الذهبية في العمود "الافتراضي" ، كما هو موضح في الصورة أدناه:

يمكنك تغيير النموذج الافتراضي في أي وقت بمجرد النقر فوق إحدى النجوم الفارغة ، ثم يتحول إلى اللون الذهبي وسيتم استخدام القالب المقابل افتراضيًا.

عند تثبيت Joomla لأول مرة ، يتم تثبيت قالب Beez2 افتراضيًا. إذا قمت بالنقر فوق اسم النموذج ، يمكنك تعديل إعدادات القالب.

كما ترى في هذا المثال ، يتم استخدام هذا القالب افتراضيًا لـ الجميعصفحات ولا يتطلب ضبطها لكل عنصر قائمة ..

الخطوة 2. عرض قوالب مختلفة على صفحات مختلفة

دعنا نلقي نظرة على إعدادات القالب الأخرى ونرى كيفية تخصيصها لفئة معينة.

• افتح مدير القوالب
• تحقق من نموذج Beez5.
• انقر فوق الزر تحرير.

• يقوم CMS بتثبيت العديد من القوالب على صفحات مختلفةآه ، بناءً على روابط القائمة فقط. اذهب إلى قسم "Menu Binding" ويمكنك اختيار روابط القائمة التي سيتم استخدام هذا النموذج لها.
• تم تعيين العنصر "الافتراضي" على "بلا" لأن لدينا بالفعل مجموعة قوالب افتراضية مختلفة.
• حدد المربع بجوار عنصر القائمة المطلوب.

• احفظ هذه القائمة الملزمة ثم اختبر موقعك.
• بعد الحفظ ، سترى أن لديك قالب Beez_20 مثبتًا بشكل افتراضي.
• ويتم تعيين قالب Beez5 (معين) لعنصر قائمة منفصل ويشار إليه بعلامة اختيار خضراء.

مثله الصفحة الرئيسيةيبدو مع النموذج الافتراضي - Beez2:

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

ستحتاج إلى تغيير الشعار لكل من القوالب ومواضع الوحدة لتناسب احتياجاتك. الهيكل العامموقع.

الخطوة الثالثة: شرح المواقف المختلفة للوحدات في قوالب مختلفة

مواضع وحدات Beez5 (أعلى) و Beez2 (أدناه) هي نفسها تقريبًا ، لذلك لن تسبب الكثير من المتاعب عند تغيير التصميم. ومع ذلك ، هناك اختلافات أيضًا.

أحد الاختلافات الأكثر وضوحًا بين النموذجين هو موضع الوحدات حول الشعار. في Beez5 ، توجد وحدات الموضع 1 والموضع 0 أسفل الشعار:

في Beez 2 ، تكون وحدة الموضع 0 أعلى الشعار والموضع 1 أدناه:

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

ولكن ماذا لو كانت مواضع الوحدات مختلفة تمامًا ، في أماكن مختلفة تحت أسماء مختلفة؟

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

تحتوي هذه الصفحة على مواضع الوحدات التالية فقط:

• الذري أعلى القائمة
• الذري توبكوت
• البحث الذري
• الشريط الجانبي الذري
• الذري السفلي
• القاع الذري

إذا كنت تريد هذا القالب على موقعك ، بالإضافة إلى Beez2 ، فعليك القيام بالمزيد من العمل.

الخطوة 4. إضافة وحدة قائمة للقالب الجديد

• حدد Extensions> Module Manager من القائمة وانقر فوق الزر Create.
• اختر قائمة.
• اربط الوحدة الجديدة بموضع الشريط الجانبي الذري.
• ميزة جديدة في Joomla 2.5 هي حقل الملاحظات. سيساعدك هذا على عدم الخلط بين الوحدات ، مع وجود عدد كبير منها.

• الآن نربط الوحدة بصفحات محددة.
• حدد "فقط في الصفحات المحددة".
• حدد المربع بجوار عنصر القائمة الذي تريده.

• الآن قائمتي موجودة في الشريط الجانبي. يمكنك أن ترى أن هذه قائمة أفقية ولا توجد مساحة كافية لها هناك. يجب أن نحاول إيجاد موقع أفضل له.

• انتقل إلى Module Manager وانقل القائمة إلى موقع atomic-topmenu. يجب أن تبدو القائمة الآن مثل الصورة أدناه:

لقد قدمت هذا المثال فقط لتوضيح نوع المشكلات التي قد تواجهها عند بدء إضافة القوالب دون البحث أولاً.

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

الخطوة 5: أنماط القوالب مقابل القوالب المختلفة

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

• انتقل إلى مدير القوالب.
• حدد المربع بجوار النموذج الذي تريد نسخه. في هذه الحالة ، سنستخدم Beez2.
• انقر على أيقونة "تكرار".

• حدد المربع بجوار Beez2-Default (2).
• انقر فوق الزر "تحرير".

• يأتي Beez2 مع نظامين لونيين ، شخصي وطبيعة. حدد الطبيعة من القائمة المنسدلة.
• اربط القالب بفئة في قسم الارتباط بالقائمة.
• لاحظ أن هناك خيارات أخرى ، يمكنك أيضًا تغيير الشعار واسم الموقع وموضع التنقل.

• الآن لديك موقع واحد بنمطين مختلفين من نفس القالب مرفق بعناصر قائمة مختلفة.

• يمكنك أيضًا ربط قالب عند إنشاء عناصر قائمة.
• عندما تكون في مدير القائمة ، يمكنك تعيين القالب الذي يعجبك لعنصر القائمة هذا (انظر أدناه).

إذا كان لديك أي أسئلة ، يرجى استخدام

يوضح هذا المقال كيفية جعل قالب Beez_20 القياسي "مطاطًا". وبغض النظر عن دقة الشاشة ، يشغل الموقع عرض الشاشة بالكامل. هذه الطريقةتم اختباره على Joomla 1.7 و Joomla 2.5

إذا ما استخدمت مدير الملفاتمزود الاستضافة أو مدير FTP ، فأنت بحاجة إلى العثور على ملف النمط " our_site \ قوالب \ beez_20 \ css \ position.css". إذا تم استخدامه لوحة التحكمجملة ، فأنت بحاجة للذهاب إلى ملحقات -> مدير القالب

على اليمين ، يتم سرد جميع أوراق أنماط قوالب Beez_20. البحث عن سلسلة قم بتحرير css / position.cssوانقر عليها. ستفتح نافذة مدير القوالب: تحرير الملف.

هنا يمكننا تحرير هذا الملف.
البحث عن عرض div الرئيسي. إنه يساوي 1050 بكسل.

#الجميع
{
الهامش: 0 تلقائي ؛
أقصى عرض: 1050 بكسل
المساحة المتروكة: 0 بكسل
محاذاة النص: يسار ؛
}

غيّر هذه القيمة إلى 100٪.

#الجميع
{
الهامش: 0 تلقائي ؛
أقصى عرض: 100٪
المساحة المتروكة: 0 بكسل
محاذاة النص: يسار ؛
}

ثم في نفس الملف نجد عرض التذييل. إنه يساوي 1020 بكسل.

# تذييل داخلي
{
أقصى عرض: 1020 بكسل
الهامش: 0 تلقائي ؛
حجم الخط: 0.8em
الحشو: 10 بكسل 15 بكسل 15 بكسل 10 بكسل ؛
}

غيّر هذه القيمة إلى 100٪.

# تذييل داخلي
{
أقصى عرض: 100٪
الهامش: 0 تلقائي ؛
حجم الخط: 0.8em
الحشو: 10 بكسل 15 بكسل 15 بكسل 10 بكسل ؛
}

احفظ الملف وانتقل إلى موقعك - ​​شاهد ما حدث. لرؤية النتيجة فورًا بعد تغيير CSS ، يحتاج المتصفح إلى إعادة تحميل الأنماط الجديدة. للقيام بذلك ، انقر فوق السيطرة + ص

آخر شيء يجب القيام به هو تصحيح العنوان. بعد أن تمدد الموقع إلى العرض الكامل للشاشة ، تحولت صورة الرأس إلى اليمين ، وظهر مستطيل أزرق على اليسار. حدث هذا لأن عرض الصورة 1060 بكسل. توجد صورة العنوان في المجلد " our_site \ القوالب \ beez_20 \ images \ personal \ personal2.jpg". يمكنك إنشاء صورتك الأكبر حجمًا واستبدال ملف personal2.jpg بملفك (اترك اسم الملف على شكل personal2.jpg). إذا لم تكن هناك صورة مناسبة ، فيمكنك إيقاف تشغيل عرض الصورة في ورقة الأنماط وسيكون العنوان بالكامل باللون الأزرق.

لإيقاف الصورة ، نحتاج إلى ملف بإعدادات النمط ، والموجود في " our_site \ قوالب \ beez_20 \ css \ personal.css". ونجد فيه:

رأس الشعار
{
الخلفية: # 0c1a3e URL (../ images / personal / personal2.png) بدون تكرار أسفل اليمين ؛
اللون: #fff ؛
الحد الأدنى للارتفاع: 200 بكسل ؛
}

قم بإزالة URL (../ images / personal / personal2.png) بدون تكرار أسفل اليمين. يجب أن تحصل على ما يلي:

رأس الشعار
{
الخلفية: # 0c1a3e ؛
اللون: #fff ؛
الحد الأدنى للارتفاع: 200 بكسل ؛
الهامش: 0em 10px 0 10px! مهم ؛
}

نحن نحفظ الملف. هذا كل شئ.

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

كما يتضمن آليات تحدد موضع البيانات وطرق وفترات عرض وحدات البيانات المختلفة ، خيارات اللغةإلخ.
في الإصدارات السابقةاستخدمت جملة قالب Beez الأساسي. في أحدث الإصداراتشهدت القوالب المبنية على أساسها (Beez5 ، Beez_20) تغييرات كبيرة مقارنة بها. عند إنشاء نموذج Beez ، استثمر المطورون في الخيارات الممكنة للتكيف مع احتياجات أي مالك موقع. مصدريمكن تغيير القالب بسهولة. أدى إجراء تغييرات على أوراق الأنماط المتتالية إلى تسهيل إنشاء قالب تصميم جديد تمامًا دون بذل الكثير من الجهد. لكن أثناء العمل ، حاول المصممون عدم استخدام هذا القالب ، لكنهم طوروا النموذج الخاص بهم من البداية.
نتيجة لذلك ، تم تطوير نموذجين جديدين تمامًا لإصدار Joomla 2.5. يستخدم كلا النموذجين JavaScript ، ويستخدم قالب beez5 HTML5 ، ولا يتطلب قالب beez_20 تجاوزات. عندما لا يكون التخطيط ضروريًا لاستخدام الجداول. تم تغيير أسماء فئات الجدول المتتالية.

خصائص القالب

أصبحت القوالب الجديدة متاحة على نطاق واسع ، وأصبح من الممكن اختيار موقع كتلة التنقل على الصفحة ، وتمت إضافة تسميات وظيفية WAI-ARIA ، ويمكن عرض الوحدات النمطية في علامات التبويب في الوضع التلقائي، تمت إضافة مواضع قابلة للطي للوحدات والأعمدة ، تم تضمين نموذجين للتصميم في قالب beez_20: طبيعي وبشري ، تمت إضافة دعم لغة HTML5 إلى قالب beez5.
ليس سراً أن هناك أشخاصًا لديهم قدرة ضعيفة على إدراك العالم من حولهم. شخص ما غير قادر على الإدراك البصري ، شخص ما مقيد بإدراك الصوت. ومع ذلك ، يستخدم هؤلاء الأشخاص أيضًا مصادر المعلوماتالإنترنت. ويجب تصميم جميع بوابات الإنترنت التي تم إنشاؤها لهذه الفئة من المستخدمين. قوالب جملة لديها كل شيء الأدوات اللازمةلتزويد الأشخاص ذوي الإعاقة بفرصة استخدام الإنترنت.
عند إنشاء القوالب ، يجب أن تلتزم بالمتطلبات الأساسية: يجب ألا تتداخل مواد الموقع مع تصميم هذه المواد ، ولا ينبغي تحميل بنية الموقع بشكل زائد ، ويجب أن يكون التنقل عبر صفحات الموقع مدعومًا بأوامر لوحة المفاتيح ، وتصميم الألوان للمحتوى يجب أن تكون متناقضة.
أهم نقطة من وجهة نظر المطور هي فصل المحتوى عن التصميم. للقيام بذلك ، تحتاج إلى التخلص من التصميم الجدولي للمواد الموجودة على الصفحة. يستخدم التنسيق CSS فقط. يجب أن يتم بناء المادة خطيًا من أعلى إلى أسفل.
يسمح لك التصميم الدلالي بالتنقل بين صفحات الموقع بناءً على العناوين والقوائم وما إلى ذلك ، بالإضافة إلى إضافة فكرة عامة عن مادة المستند.
ومع ذلك ، هناك عيب في التخطيط الخطي لمحتوى الصفحة - فقد يستغرق الأمر وقتًا للوصول إلى المعلومات الضرورية (إذا كانت المعلومات موجودة في أسفل الصفحة). لإصلاح هذه المشكلة ، يمكنك استخدام إشارات HTML المرجعية لتسريع التنقل في الصفحة. في هذه الحالة ، من المفترض إنشاء قائمة إضافية للتنقل في جميع أنحاء الصفحة. بالنسبة لأولئك الذين هم بالفعل على دراية بهيكل الموقع ، يمكن إخفاء هذه القائمة.
على سبيل المثال:

• انتقل إلى النص الرئيسي.
• انتقل إلى كتلة التنقل الرئيسية وقم بتسجيل الدخول.

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

القالب هو نوع من الامتداد في جملة يمثل مظهرموقعك. هناك نوعان من الأنماط المستخدمة في CMS جملة: قوالب الواجهة الأمامية والقوالب الخلفية. الواجهة الأمامية (الواجهة الأمامية) - تحدد مظهر موقعك ، وهذا هو الجزء المرئي بالكامل من مورد الإنترنت الذي يراه المستخدم. النهاية الخلفية هي نوع من القوالب التي تسمح لك بتغيير مظهر (واجهة) جملة!

يوفر Joomla 2.5 العديد من القوالب القياسية التي تأتي مع تثبيت CMS (3 قوالب للواجهة الأمامية و 2 من قوالب النهاية الخلفية):

قوالب مواقع الويب

• Beez 20 (القالب الافتراضي) ؛
• بيز 5
• الذري.

قوالب لوحة الإدارة

• Bluestorkk (نموذج افتراضي)
• حتحور.

الغرض من النموذج

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

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

يتم تثبيت القوالب من خلال لوحة إدارة Joomlaفي Extension Manager ، بعد التثبيت سيكون القالب متاحًا في مدير القوالب.

لماذا جملة! يستخدم القوالب؟

CMS جملة! يسلط الضوء على العديد من المهام الرئيسية التي يتم تضمينها في إنتاج مورد إنترنت فعال. إحدى هذه المهام هي إنشاء موقع جمالي (تخطيطي). تتضمن هذه المهمة اتخاذ القرارات المتعلقة بوضع عناصر المحتوى (الوحدات النمطية والإضافات والمكونات).

عند إنشاء صفحة ويب جديدة ، يجب أن يظل موقع معظم عناصر المحتوى كما هو (القوائم ، الألواح الجانبية، أماكن الشعارات ، إلخ.). أيضًا ، يريد المستخدم أن يرى نفس الشكل والمظهر لكل منهما صفحة جديدةومحتواها (الخطوط وأنماط العناوين ولوحة الألوان وما إلى ذلك). أيضًا ، يمكن للمستخدم تغيير بعض العناصر الشائعة في الموقع لتحديد خيارات العرض الأخرى ، وما إلى ذلك (على سبيل المثال ، الوحدات النمطية). في النهاية ، بعد القليل من التصميم ، سوف تستقر على مخطط عام لموقعك وتحل مشكلة إعداد قالب لكل صفحة ومحتواها.

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

المعنى الأساسي لهذه المادة هو أن القالب يتحكم في مظهر موقعك وفي نفس الوقت يسمح لمسؤول المورد بإيلاء المزيد من الاهتمام للمحتوى الفعلي ، بدلاً من كتابة التعليمات البرمجية.

تحرير القالب. ماذا يمكن ان يفعل؟

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

تَخطِيط.القالب هو منطقة يتم فيها تعيين أنماط تصميم موقعك. يتضمن ذلك وضع العناصر المختلفة (المكونات والوحدات والمكونات الإضافية) المسؤولة عنها أنواع مختلفةمحتوى. على سبيل المثال: قوائم مختلفة (يمكنك اختيار نمط القائمة منها الخيارات الموجودةواستخدم مثاله لإنشاء قائمة فريدة خاصة بك).

لوحة الألوان.باستخدام CSS ، يمكنك تغيير لون الخلفية والروابط والنص وغير ذلك.

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

الصور والتأثيرات.لديك سيطرة كاملة على كيفية عرض الصور على الصفحة وحتى إنشاء تأثيرات فلاش مثل القوائم المنسدلة.

18 يونيو 2012

قوالب مختلفة لصفحات الموقع المختلفة - 3.8 من أصل 5 مرتكز على 5 الأصوات

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

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

الخطوة 1: تحليل قالب جملة قياسي

تحتوي جملة على 3 قوالب قياسية: Atomic و Beez5 و Beez2. هذه القوالب الثلاثة للموقع. الاثنان الآخران - Bluestork و Hathor - مخصصان للوحة إدارة Joomla. يمكنك أيضًا تثبيت قالب آخر أو إنشاء قالب خاص بك.

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

يمكنك بسهولة تغيير القالب الافتراضي بالنقر فوق أحد النجوم غير المعبأة. إذا تم رسم النجمة ، فسيتم تعيين نمط افتراضي جديد.

بعد التثبيت قالب جملةالافتراضي هو Beez2. بالنقر فوق اسم النموذج ، يمكنك تعديل بعض إعدادات القالب.

في هذا المثال ، يمكنك رؤية صفحة إعدادات النموذج. يتم تعيين هذا القالب افتراضيًا ولا يرتبط على وجه التحديد بأي عنصر قائمة. (الخيار: رابط إلى القائمة).

الخطوة 2: تعيين قوالب مختلفة لصفحات جملة مختلفة

دعنا نلقي نظرة على تحرير قالب آخر ونرى كيفية تخصيصه لفئة معينة.

• أغلق صفحة تحرير القالب Beez2.
• افتح القالب للتحرير beez5 ،عن طريق تحديد المربع الموجود بجوار النموذج والنقر فوق الزر: "يحرر".

يتم تنفيذ ربط القوالب المختلفة بصفحات مختلفة من الموقع حصريًا باستخدام عناصر القائمة. انتقل إلى قسم "Menu Binding" وستتمكن من تحديد صفحات الموقع التي تريد تعيين قوالب منفصلة لها.

في هذه الحالة ، يتم تعيين الحقل "الافتراضي" لهذا القالب على "لا"،لأن لدينا بالفعل نموذجًا مختلفًا يتم استخدامه افتراضيًا. حدد المربع بجوار "الفئة 1"أو أي شيء آخر ستستخدمه.

احفظ هذا الربط ثم اختبر موقعك. بعد الحفظ ، سترى أنه تم تعيين قالب Beez20 افتراضيًا. ويتم تمييز قالب Beez5 بعلامة اختيار خضراء.

هذا ما تبدو عليه الصفحة الرئيسية مع نموذج Beez الافتراضي.

على هذه اللحظةتجدر الإشارة إلى أن تغيير النموذج لن يؤثر على محتوى الموقع. ومع ذلك ، سيتغير عنوان الوحدات وشعارها وتصميمها ومواضعها. هذا يعني أنه لا يمكنك تغيير القالب دون القيام ببعض الأعمال الإضافية.

الخطوة 3: تحديد مواضع الوحدة المختلفة في قوالب مختلفة

مواضع الوحدات في نموذج Beez5 (أعلى) والقالب Beez20 (أسفل) هي نفسها تقريبًا ، لذا فإن التغييرات طفيفة. ومع ذلك ، هناك اختلافات أيضًا.

أحد الاختلافات الملحوظة بين القوالب هو موضع الوحدات بجوار الشعار. في قالب Beez5 ، الموضعان 1 و 0 أسفل الشعار.

في Beez20 ، يكون الموضع 0 أعلى الشعار والموضع 1 أسفله.

هذا اختلاف بسيط إلى حد ما ، ولكنه مثال جيد على كيفية اختلاف مواضع الوحدات في القوالب. في هذه الحالة ، يتم إعطاء مثال بسيط ، لأن مواضع الوحدات في كلا النموذجين لها نفس الأسماء.

ولكن ماذا لو اختلفت مواضع الوحدات في القوالب ليس فقط في الموضع ولكن أيضًا في الاسم؟

ارجع إلى مدير النماذج واربط القالب الذري بالصفحة الفئة 2سترى القالب الذري على الصفحة الفئة 2لها مواضع مختلفة تمامًا للوحدة ، ويمكنك رؤيتها في الصورة أدناه.

تسرد هذه الصفحة مواضع الوحدات:

1. الذري أعلى القائمة
2. الذري توبكوت
3. البحث الذري
4. الشريط الجانبي الذري
5. الذري السفلي
6. القاع الذري

إذا كنت تريد أن يعمل القالب Atomic بالإضافة إلى Beez20 ، فعليك القيام بالمزيد من العمل. ليس مضمونًا أن موضع الوحدة الذي يعمل في Beez20 سيعمل في Atomic.

الخطوة 4: إضافة وحدة القائمة إلى القالب الجديد.

• انتقل إلى Extensions - Module Manager وانقر فوق الزر يخلق.
• حدد نوع وحدة القائمة.
• قم بتعيين موضع الوحدة الجديدة الخاصة بك الشريط الجانبي الذري.
• يقدم Joomla 2.5 ميزة جديدة: حقل الملاحظات للوحدة النمطية. هذا سوف يمنعك من الخلط عندما يكون لديك الكثير من الوحدات.

الآن سنقوم بربط الوحدة بصفحة معينة فقط.

• في خيار "الربط بعناصر القائمة" ، حدد القيمة "فقط على صفحات محددة."
• حدد المربع الموجود على الصفحة حيث تريد عرض الوحدة.

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

انتقل إلى مدير الوحدة وانقل قائمتك إلى الموضع الذري أعلى القائمة. تستطيع أن ترى النتيجة في الصورة التالية.

الخطوة 5: أنماط من نفس القالب بدلاً من قوالب مختلفة.

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

• انتقل إلى مدير القوالب.
• حدد النموذج الذي تريد تكراره (حدد المربع المجاور له).
• انقر فوق الزر "ينسخ".

• حدد المربع بجوار نموذج Beez2-Default (2).
• انقر فوق الزر "يتغير".

• يأتي Beez20 مع نظامين لونيين: شخصي وطبيعة. حدد الطبيعة من القائمة المنسدلة.
• قم بتعيين قالب لعنصر قائمة الفئة 1في الكتلة "ارتباط إلى القائمة". يرجى ملاحظة أن هناك إعدادات أخرى يمكنك تغييرها. على سبيل المثال: الشعار واسم الموقع وموضع التنقل.

لديك الآن نمطين مختلفين للقالب مرتبطين بصفحتين على موقعك.

• يمكنك أيضًا تعيين قالب عند إنشاء عناصر القائمة.
• عندما تكون في مدير القائمة ، يمكنك ربط نمط قالب عند إنشاء عنصر قائمة.

تقييم 3.80

المشاهدات: 25562