إضافة تخطيط متداخل.
يمكنكم وضع صف داخل عمود لتقسيم ذلك العمود مجددًا، مثل أيقونتين جنبًا إلى جنب فوق عنوان. استخدموه عندما يحتاج عمود واحد شبكة أدق من الصف حوله. يضيف المثال صف أيقونتين إلى العمود الأوسط في صف من ثلاثة أعمدة. ولصفّكم الأول، ابدؤوا مع الصفوف والأعمدة.
إضافة تخطيط متداخل
- أضيفوا قسمًا بصف وأعمدة.
- مرّروا المؤشر فوق عمود وانقروا + على شريط العمود.
- في منتقي العناصر، اختاروا صفًا من تبويب التخطيط.
- يظهر الصف المتداخل داخل العمود بأعمدة خاصة به.
- أضيفوا العناصر إلى الأعمدة المتداخلة كالمعتاد، مثل أيقونة في كل منها.
- انقروا حفظ على شريط الأدوات لتخزين الصفحة.
تهبط العناصر الجديدة في أعلى عمودها، فيجلس الصف المتداخل فوق نص العمود.
ما سترونه
يجلس القلم والنجمة جنبًا إلى جنب في أعلى العمود الأوسط، فوق عنوان Design. ويبقى العمودان الخارجيان دون تغيير. وفي المحرر، يملك الصف المتداخل شريطي صف وعمود خاصين به، داخل شريطي الصف الخارجي.
قسم
صف (1/3 + 1/3 + 1/3)
عمود
نص: Discovery
عمود
صف (متداخل، 1/2 + 1/2)
عمود
أيقونة: pencil
عمود
أيقونة: star
نص: Design
عمود
نص: Delivery
إعداد التخطيط المتداخل الخاص بكم
يملك الصف المتداخل أيقونة الشبكة والإعدادات نفسها كأي صف؛ راجعوا الصفوف والأعمدة. فعروضه حصص من العمود الأب، لا من الصفحة. فعمود بنصف العرض يحمل صفًا متداخلًا من نصفين يمنحكم مساحتين بربع العرض.
على الشاشات الأضيق من 768 بكسل، تتراص الأعمدة المتداخلة مثل الخارجية تمامًا. امنحوا الصف المتداخل تخطيط هاتف مع إضافة حجم شاشة إذا كان يجب أن تبقى الأيقونات جنبًا إلى جنب.
أقصى عمق للتداخل
تتداخل الصفوف حتى ثلاثة مستويات: صف، وصف في أحد أعمدته، وصف آخر في داخله. ويُرفَض المستوى الرابع. وينطبق الحد نفسه على كل نوع حاوية على حدة، مثل تبويبات داخل تبويبات. ولا يُحتسَب نوع أبدًا ضمن حد نوع آخر.
يغطي مستويان معظم التخطيطات. ويضيف كل مستوى إضافي أشرطة تحكم للتصويب عبرها ويضيّق مساحة المحتوى.
أنماط التداخل الشائعة
| النمط | كيف يُبنَى |
|---|---|
| شبكة الميزات | صف من ثلاثة أعمدة، لكل منها صف متداخل: أيقونة بجانب نصها |
| كتل الشريط الجانبي | صف 2/3 + 1/3 يحمل عموده الضيق صفوفًا متداخلة، واحدًا لكل كتلة |
| أعضاء الفريق | صف من عمودين، لكل منهما صف متداخل 1/3 + 2/3: صورة شخصية بجانب السيرة |
إذا لم يظهر
- يقول تحذير إنكم لا تستطيعون تداخل الصفوف إلا حتى 3 مستويات. يجلس العمود أصلًا داخل صفين متداخلين، فتظهر "لا يمكن إضافة العنصر". أضيفوا الصف إلى عمود أعلى بمستوى، أو استخدموا إعدادًا مسبقًا بأعمدة أكثر على الصف الخارجي.
- الصف المتداخل يجلس فوق النص بدل تحته. تهبط العناصر الجديدة في أعلى عمودها. افتحوا المزيد على شريط الصف المتداخل واختاروا نقل إلى الأسفل.
- الأيقونات تتراص على الهاتف. تتراص الأعمدة المتداخلة تحت 768 بكسل، مثل كل الأعمدة. انقروا أيقونة شبكة الصف المتداخل، ثم إضافة حجم شاشة، واختاروا 1/2 + 1/2 لـ صغير جدًا (< 576px).
ما الخطوة التالية؟
- الطبقات الموضوعة: راكبوا العناصر بطرق لا تقدر عليها الشبكة.
- الصفوف والأعمدة: إعدادات الأعمدة المسبقة وتخطيط لكل حجم شاشة.
- التبويبات: رصّوا لوحات المحتوى في موضع واحد بدل جنبًا إلى جنب.