يسمح زووبس ببعض الفصل بين العرض الفعلي للموقع (الـ "الشكل" أو واجهة المستخدم) والشيفرة التي تعمل في الخلف. يتم التعامل مع الجانب الأول من خلال آلية متقدمة مستندة إلى السمات الرسومية. قد تتضمن السمة، في شكلها الأساسي، القوالب الأساسية لـ HTML التي تعرف الواجهة البصرية للموقع، بالإضافة إلى أوراق الأنماط والصور اللازمة لتكملة تلك الواجهة البصرية. يمكن تبديل السمات في الواجهة الإدارية، لذلك يعتمد تغيير المظهر الكامل لموقع زووبس فقط على تغيير قيمة المحدد والنقر على "قبول". يوفر زووبس أيضًا لمسؤولي المواقع القدرة على السماح للمستخدمين باختيار بين بعض السمات المتاحة.
بشكل عام، السمة هي الشكل البصري على مستوى عالٍ للموقع: تحدد السمة، على سبيل المثال، التخطيط العام للموقع. من ناحية أخرى، لا تحدد عادة توزيع المحتوى بشكل محدد داخل كتلة. يتم التعامل مع هذا من قبل كيان مختلف يُسمى مجموعة القوالب. مجموعة القوالب هي مجموعة من القوالب HTML التي تعرف عرض المحتوى داخل جميع الكتل التي تشكل موقع XOOPS. إذا أردنا ميتافورا أوضح لهذا، يمكننا القول أن السمة تشبه مهندس البناء لمنزل، بينما مجموعة القوالب تشبه مزين الديكور الداخلي. يقوم الأول بتحديد الجدران وتحديد التوزيع العام، ولكن الثاني هو الذي يتولى "لبس" تلك الجدران.
إذا كانت السمة النشطة بسيطة وتشمل فقط ملف سمة وملفات CSS وبعض الصور، يستخدم زووبس مجموعة القوالب الافتراضية لتحديد عرض الكتل. ومع ذلك، تكون بعض السمات المعقدة متطورة بما يكفي لتشمل مجموعة قوالب خاصة بها. في هذه الحالة، يجب على مسؤول الموقع استخدام واجهة الإدارة لتعيين كل من السمة ومجموعة القوالب.
كيف يتم تحقيق "تأثير" السمة؟ أي، كيف يمكن للقوالب HTML أن تتضمن محتوى ديناميكي؟ يتم بمحرك القوالب الذكي المعروف باسم
Smarty الذي يقوم بوظيفة ما كان يُعرف سابقًا بـ
تكامل المتغيرات. بتعبير بسيط، يمكننا القول إن نظام زووبس يستخدم ملفات PHP لاحتواء عمل الموديل (الوصول إلى قاعدة البيانات، تخصيص المتغيرات، إدارة الحقوق...). وملفات HTML مع متغيرات Smarty مدمجة لإدارة الواجهة البصرية الفعلية، ويستخدم محرك Smarty لإدراج القيم والنصوص في أماكن محددة داخل HTML الذي يبني الصفحات التي يراها المستخدم النهائي. في النهاية، يمكن تلخيص ما يعنيه هذا بالنسبة لك بسهولة: بفضل نظام السمات الخاص به، يتيح لمصممي المواقع بناء مواقع أكثر إثارة وجاذبية بصرية دون القلق الكبير بشأن ما يحدث تحت الغطاء.
إذا كنت ترغب في إنشاء مجموعة قوالب مخصصة يمكنك نسخ المجموعة الافتراضية (أو أي مجموعة أخرى) عن طريق تحديد رابط "استنساخ" (سيُطلب منك إعطاء المجموعة الجديدة اسمًا). على عكس الافتراضية، يمكن تحرير مجموعات القوالب الأخرى بحرية. يمكنك أيضًا حفظ نسخة من مجموعة قوالب على القرص عن طريق تحديد رابط "تنزيل"، أو إزالتها باستخدام رابط "حذف". قد ترى أحيانًا رابط "توليد" إضافي بجوار وحدات جديدة لم يتم إنشاء قوالب لها بعد.
يمكنك رؤية قائمة كاملة بالقوالب المتاحة عند تصفح شجرة الدليل. عند تحديد قالب، سيقوم زووبس بفتحه في محرر حيث يمكنك تعديله.
أثناء تحرير القوالب، يجب عليك تمكين تفضيل يقوم تلقائيًا بتحديث ملفات القوالب .tpl الخاصة بالموديل إذا كانت هناك ملفات أحدث تحت دليل themes/اسم سمتك/templates للسمة الحالية (وحدة النظام -> تفضيلات -> إعدادات عامة -> تحديث ملفات القوالب .tpl للوحدة من دليل themes/اسم سمتك/templates؟ -> ‘نعم’). يجب أن يتم إيقاف هذا عندما يتم إطلاق الموقع علنيًا.
إذا أفسدت القالب عن طريق الخطأ، لا تنسى أنه يمكنك استرداد نسخة 'جيدة' من مجموعة القوالب الافتراضية. إذا كنت تعمل مع قوالب غير قياسية، قد تكون فكرة جيدة حفظ نسخة على القرص قبل أن تبدأ في تعديلها.