العودة إلى الدعم المحتوى والوسائط المكوِّنات مكوّنات التصميم مكوِّن الشبكة

مكوِّن الشبكة

مكوِّن الشبكة هو حاوية للمكوِّنات الأخرى. استخدمه لتنظيم مكوِّنات متعددة وضبط لون كل المكوِّنات داخل الحاوية ونمط النص وارتفاعها وعرضها وموضعها. هذا المكوِّن هو تباين مكوِّن المجموعة.

إضافة مكوِّن الشبكة

يمكنك البدء بمكوِّن الشبكة الجديد والفارغ أو تجميع المكوِّنات الموجودة في شبكة.

إضافة مكوِّن الشبكة الجديد

لإضافة مكوِّن الشبكة، انقر على زر + أداة إدراج المكوِّن وابحث عن “الشبكة”. انقر عليه لإضافة المكوِّن إلى التدوينة أو الصفحة. باستخدام لوحة المفاتيح الخاصة بك، يمكنك أيضًا كتابة /شبكة على سطر جديد والضغط على enter لإضافة مكوِّن الشبكة جديد بسرعة.

النقر على أداة إدراج المكوِّن والبحث عن الصف، ثم النقر على مكوِّن الصف لإدراج مكوِّن الصف في المحرر.

يمكن العثور على الإرشادات التفصيلية حول إضافة المكوِّنات هنا.

بعد إضافة مكوِّن الشبكة، انقر على أيقونة + أداة إدراج المكوِّن لبدء إضافة المكوِّنات داخل الشبكة.

وضع المكوِّنات الموجودة في شبكة

بالنسبة إلى المكوِّنات الموجودة بالفعل في الصفحة، يمكنك دمجها في مكوِّن الشبكة باستخدام الخطوات الآتية:

  1. حدد المكوِّنات التي ترغب في تجميعها معًا. يمكنك تحديد مكوِّنات متعددة بواسطة:
    • النقر على المكوِّنات وإبرازها باستخدام الماوس الخاص بك.
    • النقر على المكوِّن الأول، ثم الضغط مع الاستمرار على مفتاح Shift على لوحة المفاتيح لديك والنقر على المكوِّن النهائي لتحديد كل المكوِّنات بين المكوِّنين الأول والأخير.
    • استخدام طريقة عرض القائمة، والنقر على المكوِّن الأول، والضغط مع الاستمرار على مفتاح Shift الموجود على لوحة المفاتيح لديك، والنقر على المكوِّن النهائي لتحديد جميع المكوِّنات بين المكوِّنين الأول والأخير.
  2. في شريط أدوات المكوِّن الذي يظهر أعلى المكوِّنات أو أسفلها، انقر على أيقونة المجموعة (التي تشبه مربعين متداخلين) لإضافة هذه المكوِّنات إلى مكوِّن المجموعة.
يشير السهم إلى أيقونة التجميع في شريط أدوات المكوِّن.
انقر على أيقونة التجميع الموجودة في شريط أدوات المكوِّن لتجميع المكوِّنات الموجودة معًا
  1. ضمن الإعدادات الخاصة بمكوِّن المجموعة في الشريط الجانبي الأيمن، انقر على أيقونة الشبكة (التي تشبه شبكة 2×2).
إعدادات مكوِّن المجموعة في الشريط الجانبي الأيمن، الذي يعرض أيقونات مكوِّنات المجموعة والصف والتجميع والشبكة، مع الإشارة إلى أيقونة مكوِّن الشبكة بسهم برتقالي ومخطط تفصيلي
النقر على أيقونة الشبكة في الشريط الجانبي لإعدادات مكوِّن المجموعة

شريط أدوات مكوِّن الشبكة

عندما تنقر على المكوِّن، سيُظهر شريط أدوات الخيارات:

شريط أدوات مكوِّن الشبكة.

يحتوي مكوِّن الشبكة على الخيارات الآتية في شريط الأدوات:

إعدادات مكوِّن الشبكة

عند تحديد مكوّن، ستعثر على إعدادات المكوّن الإضافية في الشريط الجانبي الأيمن. إذا لم ترَ الشريط الجانبي، فقد تحتاج إلى النقر على أيقونة الإعدادات الموجودة في الزاوية العلوية اليمنى لإظهار الإعدادات. تبدو هذه الأيقونة مثل مربع يتضمن عمودين غير متساويَين:

أيقونة الإعدادات في المحرّر مع "إعدادات" تلميح الأداة أسفلها.
النقر على أيقونة الإعدادات لفتح إعدادات المكوِّن

يتضمن مكوِّن الشبكة إعدادات المكوِّن الآتية:

تحويل إلى تباين مجموعة أخرى

يمكن تحويل مكوِّن الشبكة إلى مكوِّن المجموعة أو مكوِّن الصف أو مكوِّن التجميع.

شريط جانبي لإعدادات المكوِّن يشير إلى مكوِّن الشبكة المميزة، إضافة إلى خيارات التبديل إلى مكوِّن المجموعة أو الصف أو التجميع.

التخطيط

في إعدادات التخطيط، يمكنك اختيار عدد الأعمدة في مكوِّن الشبكة، استنادًا إلى ما إذا كان سيتم تغيير حجم عرض الأعمدة تلقائيًا أم يدويًا:

  • سيؤدي تحديد تلقائي إلى إضافة أعمدة من الحد الأدنى للعرض المحدد تلقائيًا لملاءمة المكوِّن.
  • سيؤدي تحديد يدوي إلى تقسيم المكوِّن تلقائيًا إلى عدد من الأعمدة التي تحددها.

يمكن تحديد عدد الأعمدة في الشبكة عن طريق تعيين الحد الأدنى لعرض العمود، أو عن طريق تعيين عدد الأعمدة يدويًا، على غرار مكوِّن الأعمدة.

عندما تضع عنصرًا، مثل: مكوِّن الفقرة داخل مكوِّن الشبكة، يمكنك تحديد عدد الأعمدة والصفوف التي ينبغي أن يتسع لها هذا العنصر. يسمح لك ضبط هذه الأبعاد لكل عنصر بإنشاء بنى مخصصة للشبكة.

لتحرير أبعاد عنصر ما داخل مكوِّن الشبكة:

  1. حدد العنصر الذي تريد تحرير أبعاده.
  2. ضمن “الأبعاد” في الشريط الجانبي لإعدادات المكوِّن، قم بتغيير عدد الأعمدة أو الصفوف التي يتسع لها المكوِّن.
إعداد الأبعاد الخاص بمكوِّن الفقرة داخل مكوِّن الشبكة.
إعدادات اتساع العمود والصف الخاصة بمكوِّن الفقرة في مكوِّن الشبكة
تم تعيين قسم التخطيط في الشريط الجانبي "لإعدادات المكوِّن" على "تلقائي"؛ حيث يعرض 12 وحدة ريم بحد أدنى للأعمدة الموجودة في مكوِّن الشبكة.
إعدادات التخطيط مع تحديد “تلقائيًا”
تم تعيين قسم التخطيط في الشريط الجانبي "إعدادات المكوِّن" على "يدوي"، الذي يعرض عدد الأعمدة الموجودة في مكوِّن الشبكة الذي تم تعيينه على 3.
تم تحديد إعدادات التخطيط باستخدام “يدوي”

في ما يأتي مثال لمكوِّن الشبكة يتضمن مكوِّنات الفقرة متعددة تم تعيينها على مسافات أعمدة وصفوف متفاوتة:

الموضع

باستخدام إعداد الموضع، يمكنك الاختيار من بين افتراضي ومثبَّت.

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

متقدم

للحصول على مزيد من المعلومات، تفضَّل بزيارة إرشاداتنا التفصيلية بشأن الإعدادات المتقدمة.

أنماط مكوِّن الشبكة

في الشريط الجانبي لإعدادات المكوِّن، انقر على أيقونة الأنماط للوصول إلى إعدادات تصميم المكوِّن. تكون أيقونة الأنماط على شكل دائرة مع ملء نصف الدائرة:

يشير السهم إلى أيقونة الأنماط التي يمكنك النقر عليها لفتح قسم أنماط المكوِّن.
اللون وأسلوب الطباعة والأبعاد والحدود

هنا، يمكنك تعيين لون النص ولون الخلفية وحجم النص والخطوط والمساحات المتروكة والهامش والتباعد في المكوِّنات. اطلع على الأدلة الآتية للحصول على مزيد من التفاصيل حول كيفية استخدام هذه الإعدادات:

صورة الخلفية

في أنماط مكوِّن الشبكة، مثلما هو الحال مع جميع متغيرات مكوِّن المجموعة، يمكنك تعيين صورة لعرضها خلف محتوى المكون. للحصول على تعليمات تفصيلية حول إضافة صورة في الخلفية، يرجى الاطلاع على دليل مكوِّن المجموعة.

إزالة المكوِّنات من شبكة

إذا كنت ترغب في إزالة مكوِّن الشبكة من دون محو المكوِّنات الداخلية الموجودة داخله، فيمكنك إلغاء تجميع المكوِّنات بدلاً من ذلك. اتبع هذه الخطوات:

  1. حدد طريقة عرض القائمة في أعلى شاشة التحرير.
  2. حدد مكوِّن الشبكة.
  3. النقر على النقاط الثلاث الموجودة بجوار مكوِّن الشبكة
  4. حدد خيار إلغاء التجميع.
صورة بتنسيق GIF تشير إلى إجراء تحديد "إلغاء التجميع" في شريط أدوات المكوِّن.
Copied to clipboard!