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

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

يمكن استخدام القوالب لجداول الأسعار، ورموز النداء، ومربعات المعلومات المخصصة، ومحاكاة اللغات، ومقارنات الحزم، ومناطق الحملات، أو أقسام التصميم المخصصة المتكررة.

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

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

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

من أهم مزايا إدارة القوالب أنها تجعل عملية الترجمة أكثر أمانًا للهياكل المعقدة في لغة HTML. فعند تضمين كامل كود HTML في عملية الترجمة، قد تتلف بنية الوسوم، أو أسماء الفئات، أو تصميم الصفحة. أما مع إدارة القوالب، فتُحفظ بنية HTML، وتُترجم فقط حقول النصوص المُعرّفة كمعلمات.

على سبيل المثال، يمكن إعداد هياكل قابلة لإعادة الاستخدام مثل ما يلي كقوالب:

• جداول مقارنة الحزم
• بطاقات الأسعار أو الخدمات
• مناطق هيئة النقل في شيكاغو
• مربعات المعلومات
• أقسام HTML مخصصة
• إمكانية الوصول عبر جوجل أو عمليات المحاكاة متعددة اللغات
• حملات متكررة أو فترات ترويجية

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

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

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

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

شاشة قائمة القوالب

في الشاشة الرئيسية لإدارة القوالب، يتم سرد القوالب التي تم إنشاؤها في جدول. يعرض هذا الجدول اسم القالب، والرمز المختصر، ومعلومات المعلمات، ومعلومات الحالة.

تعرض شاشة القائمة عادةً المعلومات التالية:

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

يُستخدم رمز القالب المختصر لاستدعاء القالب ذي الصلة ضمن محتوى الصفحة. على سبيل المثال، قد يبدو رمز القالب المختصر كالتالي:

 { { template:mock_template_name } }

كيفية إضافة قالب جديد؟

لإنشاء قالب جديد، انتقل إلى علامة تبويب "إضافة قالب" . في هذه الشاشة، يمكنك تحديد اسم القالب، والرمز المختصر، ومحتوى HTML/CSS، والمعلمات، والحالة.

1. قم بتسجيل الدخول إلى لوحة التحكم Webayt.
2. من القائمة الموجودة على اليسار، انتقل إلى إدارة القوالب .
3. انقر فوق علامة تبويب "إضافة قالب" .
4. أدخل اسم القالب ومفتاح الكود المختصر.
5. أضف محتوى HTML أو CSS الخاص بك إلى منطقة القالب.
6. حدد حقول المعلمات إذا لزم الأمر.
7. اضبط حالة القالب على تشغيل أو إيقاف.
8. احفظ القالب بالنقر على زر الإضافة .

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

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

اسم القالب

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

أمثلة على أسماء القوالب:

 حزم دعوة للعمل
صفحة بحث جوجل
قالب إدارة الموقع
دعم متعدد اللغات

مفتاح الرمز المختصر

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

على سبيل المثال، إذا كان مفتاح الرمز المختصر هو management_plans ، فيمكن استدعاء هذا القالب في حقل السياق باستخدام الرمز المختصر التالي:

 { { template:mock_template_name } }

يوصى بأن يكون الرمز المختصر واضحاً ويشرح الغرض من القالب.

منطقة القالب

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

قد تحتوي منطقة القالب على علامات تبويب HTML وCSS. تُستخدم علامة تبويب HTML للمحتوى الهيكلي، بينما تُستخدم علامة تبويب CSS للتحرير المرئي.

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

 {عنوان}
{وصف}
{button_text}

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

حدود

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

على سبيل المثال، إذا تم تعريف المتغير {title} في قالب HTML، فيمكن إدخال نص العنوان المقابل لهذا المتغير في حقل المعلمات. وبالمثل، يمكن إنشاء حقول معلمات منفصلة لمتغيرات مثل {description} أو {button_text} أو ما شابه.

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

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

لذلك، بالنسبة لكتل التصميم المخصصة، والحقول متعددة الأعمدة، وجداول الأسعار، ومقارنات الحزم، وأقسام CTA المتقدمة، أو المحتوى الذي يحتوي على HTML معقد، يوصى باستخدام إدارة القوالب.

الموقف

تحدد الحالة ما إذا كان يمكن استخدام القالب على الموقع.

• واضح: حتى لو تم استخدامه في محتوى القالب، فسيتم عرضه على الموقع.
• معطل: لن يتم عرض القالب على الموقع حتى لو تم استخدامه في المحتوى.

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

كيفية استخدام القوالب في المحتوى؟

يمكن استدعاء القوالب التي تم إنشاؤها في إدارة القوالب باستخدام الرموز المختصرة في حقول المحتوى حيث يمكن إدخال HTML.

على سبيل المثال، عند إضافة الرمز المختصر التالي إلى محرر محتوى مدعوم، يتم عرض القالب المقابل تلقائيًا في ذلك الحقل:

 { { template:mock_template_name } }

تتيح لك هذه الميزة إضافة تصميم تم إنشاؤه مسبقًا بسرعة إلى صفحات مختلفة.

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

اختيار القالب عبر المحرر

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

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

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

يمكنك التحقق من شكل القالب الخاص بك باستخدام خيار المعاينة في شاشة تحرير القالب.

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

تُعد معاينة القوالب، وخاصة تلك التي تحتوي على HTML وCSS، مفيدة لاكتشاف التخطيطات غير الصحيحة أو المعلمات المفقودة.

ميزة استخدام المعلمات في القوالب

تُضفي المعلمات مزيدًا من المرونة والأمان على القوالب. وهي مفيدة بشكل خاص عندما ترغب في إدارة العنوان أو الوصف أو نص الزر أو أي محتوى قابل للتعديل مع الحفاظ على بنية HTML نفسها.

في القالب، تُعرَّف الحقول القابلة للتعديل باستخدام الأقواس المعقوفة. على سبيل المثال، يمكن استخدام حقول مثل {title} أو {description} أو {button_text} كمعاملات.

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

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

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

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

استخدام القوالب على مواقع الويب متعددة اللغات

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

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

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

بعد إجراء تغييرات على القالب، قد يلزم تحديث القوائم ذات الصلة. للحصول على معلومات مفصلة حول تحديث القوائم واختيار لغة الترجمة، يُرجى الرجوع إلى دليل "كيفية استخدام القوائم للتحديث؟" .

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

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

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

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

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

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

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

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

قد يكون إنشاء قالب فكرة جيدة في الحالات التالية:

• عندما تريد استخدام حقل CTA نفسه في صفحات مختلفة
• عندما ترغب في إدارة حقول الحزمة أو السعر أو المقارنة بشكل مركزي.
• عندما لا ترغب في كتابة كتل HTML مخصصة بشكل متكرر
• عندما ترغب في استخدام نفس التصميم مع نصوص مختلفة في محتوى متعدد اللغات
• عندما تريد منع تلف كود HTML المعقد أثناء الترجمة التلقائية.
• عندما تريد إضافة قوالب تصميم جاهزة إلى المحرر

ملخص

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

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

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