نظرة عامة
تظهر ثلاثة مكونات تخطيط قابلة لإعادة الاستخدام في تقريبًا كل قسم في المحرر: المجموعة والنص والفاصل. فهمها يتيح لك بناء أي تخطيط تحتاجه دون كتابة CSS.
المجموعة
المجموعة هي حاوية تخطيط مرنة. أضف كتلًا فرعية داخلها (نصوص وأزرار وصور ومدخلات النشرة الإخبارية وحتى مجموعات متداخلة) وتحكم بالضبط في كيفية ترتيبها.
الاتجاه
- عمودي: تتراكم العناصر من الأعلى إلى الأسفل (الافتراضي لمعظم الأقسام).
- أفقي: تجلس العناصر جنبًا إلى جنب في صف.
فعّل التكديس على الجوال لتحويل المجموعة الأفقية تلقائيًا إلى تكديس عمودي على الشاشات الصغيرة.
المحاذاة والموضع
يتحكم هذان الإعدادان في توزيع العناصر الفرعية على المحورين الرئيسي والمتقاطع. يتبادل معناهما بحسب اتجاه المجموعة:
- الاتجاه العمودي: يتحكم الموضع في التوزيع العمودي (أعلى، وسط، أسفل، أو بين). يتحكم المحاذاة في التموضع الأفقي (يسار، وسط، يمين، أو بين).
- الاتجاه الأفقي: تتحكم المحاذاة في التوزيع الأفقي (يسار، وسط، يمين، أو بين). يتحكم الموضع في التموضع العمودي (أعلى، وسط، أسفل، أو بين).
بين يوزّع العناصر الفرعية بالتساوي بفجوة متساوية بينها، مفيد لتمديد العناصر عبر صف بعرض كامل.
الفجوة
التباعد بالبكسل بين العناصر الفرعية (0-100 بكسل، الافتراضي 20 بكسل).
العرض
- تعبئة: يتوسع ليشغل كل المساحة المتاحة في العنصر الأب. استخدمه للمجموعات التي يجب أن تتشارك المساحة بالتساوي داخل عنصر أب أفقي.
- ملاءمة: يتقلص إلى الحجم الطبيعي لمحتواه. استخدمه للمجموعات التي يجب أن تكون بعرض ما بداخلها فقط.
- مخصص: حدد نسبة مئوية محددة (0-100%). ستحتفظ المجموعة بهذا الحجم دون أن تنمو أو تتقلص.
نظام الألوان والوراثة
تَرِث المجموعة افتراضيًا نظام ألوان قسمها الأب. أوقف وراثة النظام لتعيين نظام ألوان صريح (1-9) من إعدادات الألوان العامة. يتيح لك هذا إنشاء مناطق لون خلفية أو نص مميزة داخل قسم دون إضافة قسم جديد.
الحدود
أضف حدودًا حول المجموعة. الخيارات: بلا أو صلب. عند اختيار صلب، اضبط سماكة الحد (1-20 بكسل)؛ يأتي اللون من لون حدود النظام النشط.
نصف القطر
تدوير الزوايا بالبكسل (0-100). استخدمه لإنشاء حاويات مجموعة تشبه البطاقات.
التعتيم
التعتيم الإجمالي للمجموعة (0-100%، الافتراضي 100%).
التراكب
يُضيف طبقة ملونة داخل المجموعة. عند التفعيل، اضبط لون التراكب (بما في ذلك الشفافية باستخدام شريط التعتيم في منتقي الألوان) والأسلوب (تعبئة مسطحة صلبة أو تدرج يتلاشى إلى شفاف) ولتدرج الاتجاه (لأعلى أو لأسفل). يُستخدم هذا عادةً لإنشاء طبقة ملونة شبه شفافة فوق خلفية وسائط في قسم بانر رئيسي.
الحشو
التباعد على كل جانب بالبكسل (أعلى، يسار، يمين، وأسفل)، كل منها من 0 إلى 100 بكسل. يُطبَّق الحشو داخل حدود المجموعة، مما يُنشئ مساحة تنفس بين الحدود وعناصر المجموعة الفرعية.
النص
تُعرض كتلة النص محتوى نص غني (عناوين وفقرات ونسخ منسّقة) داخل قسم أو مجموعة. يدعم المحرر الغامق والمائل والتسطير والشطب والنص الملوّن.
الإعداد المسبق
يتحكم الإعداد المسبق للطباعة في حجم الخط ووزنه والدور الدلالي للنص. الإعدادات المسبقة المتاحة:
- افتراضي: يَرِث أسلوب النص الأساسي للقسم.
- فقرة: أسلوب نص الجسم.
- عنوان 1 حتى عنوان 6: أحجام متناقصة من الأكبر إلى الأصغر، باستخدام خط العنوان المحدد في إعدادات الطباعة.
الحجم
حجم خط مخصص بالبكسل (10-30 بكسل) يُلغي حجم الإعداد المسبق. اتركه على الافتراضي للسماح للإعداد المسبق بتحديد الحجم.
العرض
- ملاءمة: كتلة النص بعرض محتواها فقط.
- تعبئة: تتوسع كتلة النص إلى 100% من عرض الحاوية المتاحة.
المحاذاة
محاذاة النص الأفقية: يسار، وسط، أو يمين.
ارتفاع السطر
يتحكم في الإيقاع العمودي: ضيق (سطور متراصة)، عادي (الافتراضي)، أو واسع (سطور متباعدة).
تباعد الأحرف
يتحكم في تباعد الأحرف: ضيق (أحرف أقرب)، عادي (الافتراضي)، أو واسع (أحرف أبعد).
نظام الألوان والوراثة
تَرِث كتلة النص افتراضيًا لونها من القسم الأب. أوقف وراثة النظام لاستخدام نظام ألوان محدد. تستخدم إعدادات العناوين المسبقة لون عنوان النظام؛ الفقرة والافتراضي يستخدمان لون نص الجسم للنظام.
الحشو
التباعد الداخلي على كل جانب بالبكسل (أعلى، يسار، يمين، وأسفل)، كل منها من 0 إلى 100 بكسل.
الفاصل
خط فاصل مرئي. في التخطيط العمودي يظهر كخط أفقي. داخل مجموعة أفقية يظهر كخط عمودي. يتكيف الفاصل تلقائيًا مع اتجاه حاويته الأب.
السماكة
سماكة الخط بالبكسل (1-10 بكسل، الافتراضي 1 بكسل).
الطول
امتداد الخط كنسبة مئوية من حاويته (5-100%، الافتراضي 100%). اضبطه أقل من 100% وادمجه مع المحاذاة لإنشاء خط زخرفي في المنتصف أو مقيّد.
أسلوب نهاية الخط
- حاد: نهايات مستطيلة.
- مستدير: نهايات بشكل حبة.
المحاذاة
كيفية تموضع الخط عندما يكون طوله أقل من 100%: بداية، وسط (الافتراضي)، أو نهاية.
العرض
- ملاءمة: حاوية الفاصل بعرض الخط ذاته فقط.
- تعبئة: تتوسع حاوية الفاصل لملء المساحة المتاحة في عنصرها الأب.
نظام الألوان
اضبط اختياريًا نظام ألوان (1-9). يستخدم الفاصل لون الحدود من النظام المحدد. إذا لم يُحدَّد أي نظام، يَرِث اللون من القسم أو المجموعة الأب.
الحشو
التباعد على كل جانب بالبكسل. عند استخدام الفاصل كقسم رئيسي، تصل قيم الحشو إلى 200 بكسل لمساحة تنفس عمودية أوسع.
أخطاء شائعة
- مجموعتان بعرض تعبئة داخل عنصر أب أفقي: ستأخذ كل منهما 50% من المساحة المتاحة، وهو ما تريده عادةً. إذا احتجت أحد الجانبين أعرض من الآخر، استخدم عرض مخصص على أحدهما.
- الفاصل العمودي لا يظهر: يصبح الفاصل عموديًا فقط عندما يكون عنصرًا فرعيًا مباشرًا لمجموعة مضبوطة على الاتجاه الأفقي. تأكد من ضبط اتجاه المجموعة الأب على أفقي.
- النص يعرض لونًا غير متوقع: إذا ظهرت كتلة نص بلون خاطئ، فمن المحتمل أنها تَرِث من مجموعة أب لها نظام ألوان مختلف. أوقف وراثة النظام على كتلة النص وعيّن النظام الصحيح صراحةً.