القوالب والتخصيص·4 min read·

تجاوز القالب لكل مقالة على حدة (حقل theme_id)

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

تمتلك كل مقالة في VeloCMS حقلًا اختياريًا theme_id في لوحة بيانات تعريف المقالة (يمكن الوصول إليه عبر تبويب الإعدادات في المحرر). عند تعيينه، يُلغي هذا الحقل القالب العام للمدونة بالنسبة لتلك المقالة وحدها. تُعيَّن المقالة باستخدام لوحة ألوان القالب المحدد وطباعته وأنصاف أقطار حدوده — بينما تواصل جميع المقالات الأخرى الاستناد إلى الإعداد الافتراضي للموقع.

حالات استخدام تجاوز القالب لكل مقالة

تجاوزات القوالب لكل مقالة مفيدة أكثر ما تكون للتمييز التحريري — مقالة رئيسية تستحق أن تبدو مميزة بصريًا عن محتواك المعتاد، أو مقالة ممولة تستخدم ألوان العلامة التجارية للراعي، أو مقالة موسمية (قالب احتفالي، أو ميزة الوضع الداكن فقط). كما تفيد في تجارب A/B على العرض البصري لقياس أي تصميم يحقق معدلات تفاعل أفضل.

تعيين قالب خاص بالمقالة من المحرر

افتح المقالة في المحرر وانقر على تبويب الإعدادات في اللوحة اليمنى. مرِّر إلى قسم العرض — ستجد قائمة منسدلة للقالب تعرض القوالب المتاحة في موقعك. اختر قالب التجاوز، فتتحدث معاينة المحرر لتُظهر المقالة كما ستبدو للقراء. للعودة إلى القالب العام، اختر 'الافتراضي للموقع' من القائمة أو امسح حقل theme_id.

تجاوزات القالب لكل مقالة تُغيِّر المظهر البصري للمقالة (الألوان والطباعة) لكنها لا تطال شريط التنقل والتذييل اللذين يعيَّنان دائمًا بالقالب العام. إذا أردت تجربة بصرية معزولة كليًا، استخدم صفحات منشئ الصفحات بدلًا من ذلك، إذ تعمل خارج تخطيط المدونة.

كيف يعمل التجاوز من الناحية التقنية

يقرأ مسار مقالة المدونة حقل theme_id الخاص بالمقالة من PocketBase، وإن كان مُعيَّنًا يُحمِّل ملف JSON المسبق المقابل ويحقن متغيرات CSS الخاصة به في كتلة style مقيَّدة بعنصر المقالة. تحلِّل فئات أدوات Tailwind داخل المقالة حينئذٍ إلى قيم المتغير الخاصة بقالب التجاوز. أما CSS خارج عنصر المقالة — شريط التنقل والتذييل والشريط الجانبي — فيواصل القراءة من متغيرات الإعداد المسبق العامة المحقونة في تخطيط الجذر.

للاطلاع على نظرة عامة حول آلية عمل القوالب على مستوى النظام، راجع مقالة 'متغيرات CSS في Tailwind v4 وإعداد قالبك المسبق'. لتغيير قالب موقعك بالكامل، راجع مقالة 'كيف أبدّل القوالب في VeloCMS'.