كيفية استخدام نظام إدارة القوالب؟

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

تُعدّ إدارة القوالب جانباً بالغ الأهمية في التصميم المرئي لموقعك الإلكتروني. لذا، يُنصح بتوخي الحذر، خاصةً عند تغيير القوالب أو تعديل الملفات أو تحديث إعدادات القوالب.

ما هي استخدامات إدارة القوالب؟

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

في هذا القسم، يمكن عموماً تنفيذ العمليات التالية:

  • عرض السمات المحملة في اللوحة
  • تفعيل سمة
  • عرض القالب النشط
  • استخدام وضع السمة مؤقتًا
  • إدارة ملفات القالب
  • تعديل إعدادات المظهر
  • تحديث متغيرات اللون والخط المستخدمة في القالب.

كيف يمكنني الوصول إلى صفحة إدارة القوالب؟

للوصول إلى صفحة إدارة القوالب، يمكنك النقر فوق رابط إدارة القوالب في القائمة اليسرى للوحة التحكم Webayt.

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

تحتوي هذه الصفحة على علامتي تبويب رئيسيتين: السمات وإعدادات السمات .

  • السمات: يسرد هذا القسم السمات المثبتة على اللوحة.
  • إعدادات القالب: في هذه المنطقة يمكنك ضبط إعدادات الخط واللون العامة المتاحة ضمن القالب النشط.

كيفية استخدام علامة تبويب السمات؟

في تبويب "السمات" ، يتم عرض مجلدات السمات المثبتة على النظام في شكل بطاقات. تحتوي كل بطاقة سمة على اسم السمة وحالتها.

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

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

كيفية تفعيل القالب؟

لتفعيل القالب الذي ترغب في استخدامه على موقعك الإلكتروني، يمكنك استخدام خيار "تفعيل" من قائمة الإجراءات الخاصة ببطاقة القالب ذات الصلة.

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

يُشار عادةً إلى القالب النشط في قائمة القوالب باللون الأخضر أو برمز خاص. وهذا يُسهّل عليك معرفة القالب المُفعّل حاليًا بسرعة.

ما هو وضع السمات؟

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

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

لإنهاء وضع المظهر، يمكنك استخدام زر "إيقاف وضع المظهر" الموجود على الشاشة.

ما الغرض من خيار إدارة الملفات؟

يُستخدم خيار "إدارة الملفات" لعرض وتعديل بنية ملفات القالب ذي الصلة. تتيح لك هذه المنطقة فحص الملفات داخل القالب بالإضافة إلى بنية مجلداتها.

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

يمكن عرض أنواع الملفات التالية في هذه المنطقة:

  • theme.json: هذا هو ملف التكوين العام للسمة.
  • الأصول: يحتوي هذا المجلد على ملفات CSS أو JS أو صور أو ملفات أصول مماثلة تُستخدم داخل القالب.
  • محدد: يمكن أن يحتوي على ملفات تتضمن نصًا محددًا أو قيم نظام مستخدمة داخل السمة.
  • الوحدة: يحتوي هذا المجلد على ملفات المظهر الخاصة بوحدات القوالب.
  • ملفات CSS: تُستخدم لألوان القالب، والخلفيات، والطباعة، وإعدادات المظهر.
  • ملفات جافا سكريبت: تُستخدم للسلوكيات التفاعلية داخل القالب.

ما الذي يجب مراعاته عند تعديل ملفات القالب؟

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

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

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

ما الغرض من علامة تبويب إعدادات القالب؟

تُستخدم علامة تبويب إعدادات القالب لتعديل بعض متغيرات التصميم العامة المستخدمة داخل القالب النشط.

يمكن استخدام القيم الموجودة في هذه الصفحة كمتغيرات في القوالب. وهذا يسمح بتخصيص البنية المحددة في ملفات القالب وفقًا لإعدادات الخط واللون المُدخلة في اللوحة.

يتضمن قسم إعدادات القالب عادةً الإعدادات التالية:

  • اختيار المظهر: يعرض المظهر المحدد حاليًا.
  • الخط: يُستخدم لتحديد عائلة الخط المراد استخدامها في الموقع.
  • اللون الرئيسي: هذا هو لون العلامة التجارية الرئيسي الذي يمكن استخدامه في جميع أنحاء الموقع.
  • لون خلفية رأس الصفحة: يمكن استخدامه كلون خلفية رأس الصفحة ضمن القالب.
  • لون خلفية الوحدة: يمكن استخدامه لتعيين لون خلفية الوحدات.
  • لون خلفية الوحدة 2: يمكن استخدامه كلون خلفية ثانٍ في بعض مناطق القالب.

كيفية استخدام إعدادات الخط؟

يُستخدم حقل "الخط" لتحديد معلومات الخط التي يمكن استخدامها ضمن القالب. على سبيل المثال، يمكن إدخال تعريف خط مثل Arial أو sans-serif في هذا الحقل.

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

عند إدخال قيمة الخط، يوصى باستخدام تعريف يتوافق مع بنية عائلة خطوط CSS الحالية.

كيفية استخدام إعدادات الألوان؟

تُستخدم أنظمة الألوان الموجودة في قسم إعدادات القالب لإدارة المتغيرات المرئية المستخدمة داخل القالب.

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

تُدخل قيم الألوان عادةً بصيغة HEX. على سبيل المثال:

 #0F5B99
#ffffff
#f3f6fa

عند اختيار الألوان، ينبغي مراعاة هوية العلامة التجارية للموقع الإلكتروني، وسهولة القراءة، وتجربة المستخدم.

كيفية استخدام إعدادات القالب في القالب؟

تُستخدم حقول الخط واللون في علامة تبويب إعدادات القالب كمتغيرات في ملفات القالب. وهذا يسمح لمطور القالب باستخدام القيم المُدخلة من اللوحة داخل القالب بشكل ديناميكي.

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

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

ما الذي يجب فعله بعد تحديث إعدادات القالب؟

بعد إجراء التغييرات في قسم إعدادات القالب، عليك حفظ الإعدادات بالنقر فوق زر الحفظ .

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

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

ما الذي يجب مراعاته عند استخدام نظام إدارة القوالب؟

تُعد إدارة القوالب مجالاً بالغ الأهمية يؤثر على البنية المرئية للموقع الإلكتروني. لذا، ينبغي تنفيذ العمليات التي تُجرى هنا بطريقة مُخططة.

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

ملخص

إدارة القوالب هي القسم الموجود في نظام إدارة المحتوى Webayt، ويُستخدم لإدارة مظهر موقعك الإلكتروني وبنية قوالبه. هنا يمكنك عرض القوالب المثبتة، وتفعيل قالب، وإدارة ملفات القالب، وتعديل إعداداته.

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

كيف يمكننا مساعدتك؟

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