تُعد كتلة الشبكة (Grid block) إحدى كتل الحاويات التي يمكن استخدامها لتنظيم عدة كتل وضبط ارتفاع وعرض وموقع جميع الكتل داخل الحاويات. وباعتبارها كتلة حاوية، فمن الممكن تحويل كتلة الشبكة إلى كتلة مجموعة (Group) أو صف (Row) أو تكديس (Stack) دون تغيير محتوى الكتلة.
إضافة كتلة شبكة
لإضافة كتلة شبكة، انقر على زر + مُدرِج الكتل (Block Inserter) في الزاوية العلوية اليسرى من المحرر. ابحث عن كتلة الشبكة وانقر عليها لإضافتها إلى الصفحة.
احصل على تعليمات تفصيلية حول إضافة الكتل.
شريط أدوات الكتلة
لعرض شريط أدوات الكتلة، انقر فوق الكتلة وسيتم عرض الشريط.
تأتي كل كتلة بأيقونات فريدة في شريط الأدوات. تتيح لك عناصر التحكم الخاصة بالكتلة التعامل مع الكتلة مباشرة داخل المحرر.
التحويل إلى
انقر على زر التحويل لتحويل كتلة الشبكة إلى كتل المجموعة (Group)، أو الصف (Row)، أو التكديس (Stack)، أو الغلاف (Cover)، أو الأعمدة (Columns)، أو التفاصيل (Details).
أدوات تحريك الكتلة
استخدم أدوات تحريك الكتلة لنقل كتلة الشبكة.
تتيح لك أيقونة السحب أو النقاط الست إعادة وضع الكتلة بحرية في أي مكان داخل المحرر عن طريق الضغط باستمرار على الأيقونة وسحبها إلى الموقع الجديد.
يمكنك أيضاً استخدام أيقونات الأسهم لنقل الكتلة لأعلى أو لأسفل ضمن مجموعة الكتل المتداخلة أو عندما تكون هناك كتل متعددة.
احصل على مزيد من المعلومات حول تحريك الكتلة داخل المحرر.
محاذاة
استخدم أداة تغيير المحاذاة لتعديل عرض كتلة الشبكة. وفيما يلي قائمة بخيارات عرض الكتلة:
- بلا (None) – الحفاظ على العرض بنفس حجم المحتوى
- عرض واسع (Wide width) – زيادة عرض الكتلة متجاوزاً حجم المحتوى
- عرض كامل (Full width) – تمديد الكتلة لتغطية العرض الكامل للشاشة
خيارا العرض الواسع (Wide width) والعرض الكامل (Full width) متاحان فقط إذا تم تمكينهما في قالبك.
الخيارات
يمنحك زر الخيارات الموجود في شريط أدوات الكتلة ميزات إضافية لتخصيص الكتلة.
إعدادات الكتلة
تحتوي لوحة إعدادات الكتلة على خيارات تخصيص خاصة بالكتلة. لفتحها، حدد الكتلة وانقر على أيقونة الترس بجوار زر النشر.
انقر على زر المجموعة، الصف، أو التكديس في إعدادات الكتلة لتحويل كتلة الشبكة إلى كل كتلة.
الأنماط
يمكنك تعديل أنماط كتلة الشبكة عن طريق اختيار الخيارات الموجودة ضمن لوحة الأنماط (Styles). قد تختلف خيارات الأنماط بناءً على قالبك.
الخطوط
توفّر كتلة الشبكة إعدادات الخطوط لتغيير عائلة الخط، المظهر، ارتفاع السطر، تباعد الأحرف، التزيين، حالة الأحرف، وحجم الخط.
احصل على مزيد من التفاصيل حول تغيير إعدادات الخطوط.
الخلفية
تتيح لك إعدادات الخلفية تخصيص مظهر الكتل المدعومة باستخدام صور الخلفية، والألوان، والتدرجات.
للتفاصيل، راجع نظرة عامة على إعدادات الخلفية.
التخطيط
في إعدادات التخطيط (Layout) الخاصة بكتلة الشبكة، يمكنك التحكم في عدد الأعمدة التي تظهر في كل صف.
- الحد الأقصى للأعمدة (Max. columns) – يحدد الحد الأقصى لعدد الأعمدة التي يمكن أن تظهرها الشبكة في صف واحد.
- الحد الأدنى لعرض العمود (Min. column width) – يحدد أصغر عرض يمكن أن يكون عليه كل عمود قبل أن تلتف الشبكة إلى عدد أقل من الأعمدة في الصف الواحد.
استخدم مزيجاً من هذه الإعدادات للتحكم في كيفية قياس الشبكة عبر مختلف أحجام الشاشات.
على سبيل المثال، إذا قعين تعيين الحد الأقصى للأعمدة إلى 4 والحد الأدنى لعرض العمود إلى 12rem، فإن الشبكة تعرض ما يصل إلى 4 أعمدة عندما تسمح المساحة بذلك. وعلى الشاشات الأضيق، تقوم الشبكة تلقائياً التفاف المحتوى إلى 3 أو 2 أو عمود واحد ليناسب عرض الشاشة.
ملء المساحة المتاحة
قم بتفعيل مفتاح التبديل لملء المساحة المتاحة عن طريق النقر على قائمة النقاط الثلاث في أعلى يسار لوحة التخطيط (Layout). وعند تحديد هذا الخيار، سيتم تمديد المحتوى داخل أعمدة الشبكة تلقائياً لملء المساحة المتاحة، بدلاً من ترك فراغات عندما تكون هناك عناصر قليلة جداً لملء الصف.
تعرف على المزيد في نظرة عامة على إعدادات التخطيط.
الأبعاد
توفّر كتلة الشبكة خيارات إعدادات الأبعاد لإضافة الحشو، والهوامش، وتباعد الكتل.
للتفاصيل، راجع مقالة الدعم التالية: نظرة عامة على إعدادات الأبعاد.
الحدود والظل
توفّر كتلة الشبكة خيارات إعدادات الحدود لإضافة لون الحدود، والنمط، والعرض، ونصف القطر. يمكنك أيضاً إضافة ظل.
للتفاصيل، راجع مقالة الدعم التالية: نظرة عامة على إعدادات الحدود والظل.
العناصر
استخدم لوحة العناصر لتغيير ألوان الكتل المتداخلة داخل الكتلة المحددة.
تعرف على المزيد حول تغيير الألوان للعناصر المتداخلة.
الموضع
إعداد الموضع متاح فقط عندما تقع كتلة الشبكة في المستوى الجذر (root-level). تحتوي القائمة المنسدلة على خيارين: افتراضي (Default) ومُثبّت (Sticky). إذا تم تحديد خيار التثبيت، فس تظل كتلة الشبكة في أعلى النافذة عند التمرير لأسفل الصفحة.
متقدم
توفّر كتلة الشبكة خيارات الإعدادات المتقدمة التالية: مرساة HTML، فئات CSS إضافية، CSS إضافي، عنصر HTML، الأنماط، والكتل المسموح بها.
