Skip to main content

ما هي خيارات التصميم

تحتوي معظم الكتل على علامة تبويب Design في المفتّش الأيمن. تتيح لك خيارات التصميم تجاوز النمط البصري لكتلة واحدة دون تغيير بقية الصفحة. عندما يُترك حقل تصميم فارغًا (يظهر “Theme default”)، ترث الكتلة قيمتها من الثيم النشط بدلاً من ذلك.
علامة تبويب Design مفتوحة على كتلة Description، تعرض Card Style (Style وCard Background وTransparent background)، وEffects (Card Effect وCard Surface وShadow)، وTypography (Text Color وFont Family وFont Size)

علامة تبويب Design على كتلة Description، تعرض مجموعات Card Style وEffects وTypography

كيفية الوصول إلى خيارات التصميم

1

تحديد كتلة

انقر على كتلة في اللوحة أو في الشريط الجانبي الأيسر لتحديدها.
2

فتح علامة تبويب Design

في اللوحة اليمنى، انقر على علامة تبويب Design. (إذا لم يكن لدى الكتلة أي نمط بصري لتجاوزه، تكون علامة التبويب هذه معطّلة — على سبيل المثال Footer وMenu وContact Details لا تحتوي على علامة تبويب Design إطلاقًا.)
3

تعديل خيار

تتحدّث اللوحة في الوقت الفعلي.
لإعادة ضبط حقل إلى قيمته الافتراضية في الثيم، امسحه (أو أعد اختيار “Theme default” من قائمته المنسدلة).

Typography

تظهر خيارات نمط النص على الكتل التي تحتوي على نص فقرات أو عناوين أو تسميات — Page Title وDescription وEvent Schedule وEvent Venue وCouple Names وغيرها.
القائمة المنسدلة Font Size مفتوحة تعرض خيارات المضاعِف من 0.5x إلى 4x، مع تحديد 1x كخيار حالي

القائمة المنسدلة Font Size مفتوحة على علامة تبويب Design لكتلة، تعرض قائمة المضاعِف الكاملة من 0.5× إلى 4×

حقل Font Size ليس مقياسًا مسمّى (Small/Medium/Large/Extra Large). إنه مضاعِف عددي يُطبَّق على الحجم الأساسي للثيم لعنصر النص ذلك — اختر 1× للإبقاء على القيمة الافتراضية للثيم، أو مضاعِفًا أعلى/أقل لتكبيره أو تصغيره.

Card style

تتحكم خيارات نمط البطاقة في مظهر حاوية الكتلة. تظهر هذه معًا على أي كتلة ذات إطار بطاقة مرئي (Description وCoupon Details وAbout Us وBrand Info ومعظم الأخرى).

Effects (لكل كتلة)

بالإضافة إلى Card Background، تعرض معظم الكتل القائمة على البطاقات ثلاثة تجاوزات إضافية ضمن مجموعة Effects في علامة تبويب Design:
Card Surface وShadow هما تجاوزان لكل كتلة على نفس الرموز (tokens) المضبوطة عالميًا في قسم Surface الخاص بالثيم (راجع الثيمات). ضبطهما هنا يؤثر فقط على الكتلة المحدَّدة؛ يستمر كل شيء آخر في الصفحة باستخدام قيم الثيم.

Button styles

تظهر خيارات نمط الزر على كتلة Button وعلى الكتل التي تحتوي على زر مدمج (Map وFile Download).

Icon styles

تظهر خيارات نمط الأيقونة على الكتل التي تعرض أيقونة زخرفية. مؤكَّدة على أرض الواقع في كتلة Event Venue (صفحات Wedding/Event):
علامة تبويب Design على كتلة Event Venue تعرض Typography وCard Style ومجموعة ICON تحتوي على Icon colour وEffects

علامة تبويب Design الخاصة بـ Event Venue، تعرض حقل Icon colour ضمن مجموعة ICON

لا تحتوي كل كتلة بها أيقونة على عنصر التحكم هذا — فمثلاً تعرض Contact Us أيقونات لكنها لا تحتوي على تجاوز Icon colour في علامة تبويب Design الخاصة بها.

Separator styles

تظهر خيارات نمط الفاصل على الكتل التي تتضمن خطًا زخرفيًا مدمجًا. مؤكَّدة على أرض الواقع في كتلة Couple Names (صفحات Wedding):
علامة تبويب Design على كتلة Couple Names تعرض Typography وCard Style ومجموعة SEPARATOR مع Separator style مضبوطة على 01 وSeparator colour، وEffects

علامة تبويب Design الخاصة بـ Couple Names، تعرض مجموعة SEPARATOR مع Separator style وSeparator colour

تختلف هذه عن كتلة Separator المستقلة — فهي خطوط زخرفية مدمجة داخل كتل محددة.

التأثيرات على مستوى الصفحة

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

الأسبقية

تتبع خيارات التصميم ترتيب الأولوية هذا (من الأعلى إلى الأدنى):
  1. إعداد علامة تبويب Design الخاص بالكتلة (إن وُجد)
  2. تجاوز الثيم على مستوى الصفحة (في لوحة Customise الخاصة بمنتقي Theme)
  3. القيمة الافتراضية للثيم المُعدّ مسبقًا
الحقل الفارغ في علامة تبويب Design يعني “استخدم قيمة الثيم”. الحقل غير الفارغ يتجاوز الثيم لهذه الكتلة فقط.

نصائح

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

ذات صلة

  • الثيمات — الرموز (tokens) على مستوى الصفحة التي ترجع إليها هذه التجاوزات الخاصة بكل كتلة.
  • التأثيرات المتحركة — الكتالوج الكامل وراء خياري Card Effect وButton Effect.
  • مرجع الكتل — أي الكتل تعرض علامة تبويب Design أصلاً.