كتلة الشبكة أداة تخطيط قوية لمحرر كتل ووردبريس غوتنبرغ، تتيح لك إنشاء تخطيط متعدد الأعمدة دون الحاجة إلى برمجة. تتيح لك تنظيم محتواك في شبكة منظمة من الصفوف والأعمدة بدلاً من الاقتصار على عمود واحد من النص أو الوسائط.
تصميم صفحات المجلات، أو مجموعات الأعمال، أو المعارض، أو أي أقسام أخرى ترغب في إضافة محتوى إليها جنبًا إلى جنب أسهل باستخدام كتلة شبكة ووردبريس. اليوم، سنستكشف كيفية استخدام Grid Block في WordPress وإعطائك نظرة عامة.
إنشاء جداول جميلة
مع محرر الكتل
كيفية استخدام كتلة الشبكة في ووردبريس؟
الآن، لنستعرض دليلًا خطوة بخطوة لإضافة كتلة شبكة. ستساعد هذه الخطوات المستخدمين المبتدئين والمتوسطين على الاستفادة القصوى من هذه الكتلة.
ولكن قبل اتباع الخطوات، عليك يجب عليك الذهاب إلى منشورك والصفحات التي تريد استخدام الكتلة فيها. بعد ذلك اتبع الخطوات التالية:
أدخل كتلة الشبكة
انقر على أيقونة إضافة كتلة (أيقونة زائد) (1)، يكتب "شبكة"في مربع البحث" (2)، و انقر على الكتلة عندما يظهر (3).
أدخل المحتوى الخاص بك
افتراضيًا، سترى عمودين فقط للمحتوى. أدرج محتواك بالنقر على + رمز داخل الكتلة ثم حدد الكتلة المطلوبة.
الآن قم بإدراج محتوى أو كتلة أخرى عن طريق النقر على الجانب الأيمن السفلي من الكتلة.
يمكنك إدراج أي كتلة تريدها. في حالتي، قمتُ بإدراج كتلة الصورة.
يمكنك إدراج مجموعة من مساحة العمود لكل كتلة.
تخصيص الكتلة
في تخصيص الكتلة، تحصل على خيارات التخطيط (1) والموقع (2).
في التخطيط، يمكنك اختيار موضع عنصر الشبكةيمكنك الاحتفاظ به في الوضع الافتراضي أو استخدام الدليل.
يتيح لك الخيار "تلقائي" ضبط الحد الأدنى لعرض العمود.
يتيح لك الخيار اليدوي اختيار أعمدة الكتلة. يمكنك بسهولة تعديل عدد الأعمدة داخل الكتلة.
بعد ذلك، يمكنك اختيار جعل شبكتك لاصقة أم لا. إذا أردت ذلك، فاختر خيار اللصق.
تتوفر أيضًا أنماط مُعدّة مسبقًا للكتلة في علامة تبويب "الأنماط". يمكنك تحديدها ورؤية وظائفها. إليك المعاينة أدناه.
يمكنك تخصيص لون النص والخلفية باستخدام خيار اللون.
يتيح لك خيار صورة الخلفية إضافة صورة لخلفية الكتلة.
لإعادة تعيين الصورة، انقر فوق النقاط الثلاث وحدد إعادة تعيين الكل.
في الطباعة، يمكنك ضبط الخط وحجم الخط والمظهر وارتفاع السطر والتباعد بين الحروف والزخرفة وحالة الحرف.
تتيح لك الأبعاد تخصيص الحشو والهامش والارتفاع الأدنى وتباعد الكتل لكتلة الشبكة.
دعونا نرى تعديل المسافة بين الكتل والارتفاع الأدنى أدناه.
وأخيرًا، يتيح لك خيار الحدود والظل ضبط الحدود ونصف قطر الحدود للكتلة.
هذا هو العرض التوضيحي النهائي لما صنعته باستخدام هذه الكتلة. ليس الأفضل، لكنه يُعطي فكرة عما يُمكن أن تفعله هذه الكتلة.
نظرة عامة على كتلة الشبكة في WordPress
ما هي كتلة الشبكة في ووردبريس؟
كتلة الشبكة هي كتلة حاوية تضم جميع الكتل الأخرى في تخطيط شبكي. بمعنى آخر، هي كتلة رئيسية يمكنك من خلالها وضع كتل فرعية متعددة (مثل الفقرات والصور والأزرار، إلخ)، وترتيبها في سلسلة من الأعمدة. كما تُنشئ صفوفًا جديدة تلقائيًا حسب الحاجة.
ما هي الميزات الرئيسية لكتلة الشبكة؟
تتميز كتلة الشبكة بالعديد من الميزات المفيدة، مما يجعلها أداة متعددة الاستخدامات لبناء المخططات. إليك بعض الميزات الرئيسية:
- تخطيطات الأعمدة المرنة: يمكنك اختيار عدد الأعمدة في شبكتك. تتيح لك كتلة الشبكة تحديد عدد محدد من الأعمدة، أو السماح لـ WordPress بتحديد عدد الأعمدة تلقائيًا بناءً على الحد الأدنى لعرض العمود.
- التصميم المستجيب: يتم ترتيب المحتوى في كتلة الشبكة ليكون مناسبًا للأجهزة المحمولة.
- ترتيب المحتوى وإعادة ترتيبه: من السهل ترتيب وإعادة ترتيب الكتل داخل الشبكة. يمكنك سحب كتل المحتوى وإفلاتها في مواضع مختلفة، أو استخدام مفاتيح الأسهم لتحريكها لأعلى/لأسفل داخل حاوية كتل الشبكة.
- خيارات التصميم المخصصة: يمكنك تغيير لون الخلفية أو إضافة صورة خلفية إلى القسم، وضبط ألوان النص للمحتوى الموجود بالداخل، وتعديل الطباعة (أحجام الخطوط، وعائلات الخطوط) كل ذلك في مكان واحد.
- التكامل مع كتل التخطيط الأخرى: فهو يسمح لك تحويل قم بتقسيمها إلى كتل تخطيط أخرى مثل المجموعة القياسية، أو الصف، أو المكدس، أو كتلة الغلاف، أو حتى كتلة الأعمدة القديمة إذا لزم الأمر.
ما هي ميزات شريط الأدوات في كتلة الشبكة؟
عند تحديد كتلة الشبكة في المحرر، شريط أدوات الكتلة يظهر في أعلى المربع. يوفر شريط الأدوات هذا أدوات تحكم سريعة للإجراءات الشائعة والتخصيص.
- تحويل: يمكنك تحويل كتلة الشبكة إلى كتلة مجموعة أو صف أو كومة أو غطاء أو عمود مع الحفاظ على المحتوى الداخلي.
- مقبض السحب: يتيح لك رمز النقاط الست سحب كتلة الشبكة بأكملها ونقلها إلى موضع مختلف على صفحتك.
- التحرك لأعلى/لأسفل: تتيح لك أيقونات الأسهم لأعلى ولأسفل تحريك كتلة الشبكة موضعًا واحدًا لأعلى أو لأسفل في بنية المستند.
- المحاذاة (محاذاة العرض): يتيح لك رمز المحاذاة تغيير إعداد العرض لحاوية كتلة الشبكة.
- المزيد من الخيارات: تفتح النقاط الرأسية الثلاث قائمة منسدلة تحتوي على خيارات كتلة إضافية.
الأفكار النهائية!
كتلة الشبكة هي إضافة رائعة لمجموعة أدوات تصميم ووردبريس. تتيح لك إنشاء تخطيطات مرنة ومتعددة الأعمدة بسهولة.
باستخدام هذه الكتلة، يمكنك إنشاء أقسام أكثر جاذبية وتفاعلية لموقعك الإلكتروني. باختصار، تساعدك كتلة الشبكة على التخلص من نمط العمود الواحد وعرض المحتوى جنبًا إلى جنب في هيكل شبكي أنيق.
شاركوني آراءكم في التعليقات. كما أرجو منكم مشاركتها مع أصدقائكم عبر منصات التواصل الاجتماعي.
اقرأ المزيد!
