استخدم المناطق الاختيارية في قوالب في Dreamweaver عندما تريد تعيين شروط لعرض المحتوى في مستند.
المنطقة الاختيارية هي منطقة في قالب يمكن للمستخدمين تعيينها لإظهارها أو إخفاؤها في مستند يعتمد على قالب. استخدم منطقة اختيارية عندما تريد تعيين شروط لعرض المحتوى في مستند.
عندما تدرج منطقة اختيارية، يمكنك إما تعيين قيم محددة لمعامل قالب أو تحديد عبارات شرطية (عبارات If...else) لمناطق القالب. استخدم عمليات صحيح/خاطئ بسيطة أو حدد عبارات وتعبيرات شرطية أكثر تعقيداً. يمكنك تعديل المنطقة الاختيارية لاحقًا عند الضرورة. بناءً على الشروط التي تحددها، يمكن لمستخدمي القوالب تعديل المعاملات في المستندات التي تعتمد على القوالب والتي ينشؤونها والتحكم في ما إذا كانت المنطقة الاختيارية ستُعرض أم لا.
يمكنك ربط مناطق اختيارية متعددة إلى معلّمة تمت تسميتها. في المستند الذي يعتمد على القالب، ستظهر أو تختفي كلتا المنطقتين كوحدة واحدة.على سبيل المثال، يمكنك إظهار صورة "تصفية" ومنطقة نص سعر البيع لعنصر مطروح للبيع.
إدراج منطقة اختيارية
استخدم منطقة اختيارية للتحكم في المحتوى الذي قد يُعرض أو لا يُعرض في مستند يعتمد على قالب. يوجد نوعان من المناطق الاختيارية:
- المناطق الاختيارية غير القابلة للتحرير، والتي
تمكّن مستخدمي القوالب من إظهار وإخفاء المناطق المميزة خصيصاً
بدون تمكينهم من تحرير المحتوى.
علامة تبويب القالب لمنطقة اختيارية تسبقها الكلمة if.بناءً على الشرط المحدد في القالب، يمكن لمستخدم القالب تحديد ما إذا كانت المنطقة قابلة للعرض في الصفحات التي ينشئها.
- المناطق الاختيارية القابلة للتحرير، والتي تمكّن مستخدمي القوالب
من تعيين ما إذا كانت المنطقة ستظهر أم تختفي، وتمكّن المستخدمين من تحرير
المحتوى في المنطقة.
على سبيل المثال، إذا كانت المنطقة الاختيارية تتضمن صورة أو نص، يمكن لمستخدم القالب تعيين ما إذا كان المحتوى سيُعرض، وكذلك إجراء تعديلات على المحتوى إذا رغب في ذلك. المنطقة القابلة للتحرير يتم التحكم فيها بواسطة عبارة شرطية.
أدرج منطقة اختيارية غير قابلة للتحرير
حدد Insert > Template > Optional Region.
في الفئة Common من اللوحة Insert، حدد Templates من القائمة المنسدلة ثم حدد Optional Region.
أدرج منطقة اختيارية قابلة للتحرير
لا يمكنك التفاف تحديد لإنشاء منطقة اختيارية قابلة للتحرير. أدرج المنطقة، ثم أدرج المحتوى في المنطقة.
حدد Insert > Template > Editable Optional Region.
في فئة Templates في لوحة Insert حدد Editable Optional Region.
قم بتعيين قيم لمنطقة اختيارية
يمكنك تحرير إعدادات المنطقة الاختيارية بعد إدراج المنطقة في قالب. على سبيل المثال، يمكنك تغيير ما إذا كان الإعداد الافتراضي للمحتوى سيُعرض أم لا، أو ربط معامل بمنطقة اختيارية موجودة، أو تعديل تعبير قالب.
أنشئ معاملات قالب وحدد عبارات شرطية (عبارات If...else) لمناطق القالب. يمكنك استخدام عمليات صحيح/خاطئ بسيطة، أو تحديد عبارات وتعبيرات شرطية أكثر تعقيداً.
في علامة التبويب المتقدم يمكنك ربط مناطق اختيارية متعددة بمعامل مُسمى. في المستند المبني على القالب، ستظهر أو تختفي كلا المنطقتين كوحدة واحدة. على سبيل المثال، يمكنك إظهار صورة "إنهاء البيع" ومنطقة نص سعر البيع لعنصر معروض للبيع.
يمكنك أيضاً استخدام علامة التبويب المتقدم لكتابة تعبير قالب يقيّم قيمة للمنطقة الاختيارية ويظهرها أو يخفيها بناءً على القيمة.
في عرض التصميم، انقر على علامة تبويب القالب للمنطقة الاختيارية التي تريد تعديلها.
في عرض التصميم، ضع نقطة الإدراج في منطقة القالب؛ ثم في محدد العلامات في أسفل نافذة المستند، حدد علامة القالب، <mmtemplate:if>.
في عرض الكود، انقر على علامة التعليق للقالب للمنطقة التي تريد تعديلها.
حدد خانة اختيار Show By Default لتعيين المنطقة المحددة لعرضها في المستند. قم بإلغاء تحديد خانة الاختيار لإعداد القيمة الافتراضية على خطأ.
لتعيين قيمة مختلفة للمعامل، في عرض الكود حدد موقع المعامل في قسم المستند وقم بتعديل القيمة.
إذا كنت تريد ربط معلّمات مناطق اختيارية، انقر فوق علامة التبويب Advanced، ثم حدد Use Parameter، ثم من القائمة المنبثقة، حدد المعلّمة الموجودة التي تريد ربطها بالمحتوى المحدد.
إذا كنت تريد كتابة تعبير قالب للتحكم في عرض منطقة اختيارية، انقر فوق علامة التبويب Advanced، ثم حدد Enter Expression، ثم أدخل التعبير في المربع.
يقوم Dreamweaver بإدراج علامات تنصيص مزدوجة حول النص الذي تدخله.
عندما تستخدم كائن قالب المنطقة الاختيارية، يُدرج Dreamweaver تعليقات القالب في الكود. يتم تعريف معامل القالب في قسم head، كما في المثال التالي:<!-- TemplateParam name="departmentImage" type="boolean" value="true" -->
في الموقع حيث يتم إدراج المنطقة الاختيارية، يظهر كود مشابه للكود أدناه:
<!-- TemplateParam name="departmentImage" type="boolean" value="true" -->
<!-- TemplateBeginIf cond="departmentImage" -->
<p><img src="/images/airfare_on.gif" width="85" height="22"> </p>
<!-- TemplateEndIf -->
يمكنك الوصول إلى معاملات القالب وتعديلها في المستند المبني على القالب.
المزيد مثل هذا
قم بإنشاء مواقع ويب جميلة في Dreamweaver
قم بتصميم مواقع الويب الديناميكية وبرمجتها وإدارتها في أداة قوية متكاملة.