كتلة التخطيط Divi لا تزال ترقية مفيدة من موضوع ديفي، مما يسمح لنا بإضافة أي تخطيط Divi إلى منشور مدونة في محرر Gutenberg. يمكننا حتى تحويل كتلة التخطيط Divi إلى كتلة قابلة لإعادة الاستخدام في Gutenberg مثل أي كتلة WordPress أخرى. يفتح هذا الباب لتبسيط بعض قوالب تخطيط Divi المفيدة في التدفق الطبيعي لكتابة مقال عن Gutenberg.
في هذا البرنامج التعليمي ، سنعرض كيفية إنشاء قالب تخطيط Divi قابل لإعادة الاستخدام لمنشورات مدونة Gutenberg. لتوضيح ذلك ، سننشئ مقسم قسم لمثال كتلة تخطيط Divi القابلة لإعادة الاستخدام لهذه المقالة. ولكن ، يمكننا بسهولة تطبيق هذه التقنية نفسها لإنشاء كتلة تخطيط Divi قابلة لإعادة الاستخدام لأي شيء تقريبًا من مولد Divi.
دعونا نبدأ.
إنشاء كتلة تخطيط Divi لمنشور مدونة Gutenberg
قم بإنشاء أو تحرير منشور مدونة
للبدء، نحتاج إلى إنشاء منشور مدونة أو تعديل منشور موجود. على سبيل المثال، دعونا نضيف محتويات نموذج وهمية لعنوان ونص المقالة باستخدام عدد قليل من مجموعات العناوين والفقرات. ثم أضف صورة مميزة واختر "بدون شريط جانبي" للتخطيط ضمن إعدادات صفحة Divi.
أضف كتلة تخطيط Divi عبر الإنترنت
بمجرد إنشاء الجزء الأكبر من المنشور، نحتاج فقط إلى إضافة كتلة تخطيط Divi جديدة أينما نريد في منطقة النشر. محتويات من النشر.
لإضافته ، قم بتمرير الماوس فوق المنطقة التي نريد إضافة البريد الإلكتروني الخاص بها. ثم انقر فوق رمز زائد الأزرق لإضافة كتلة جديدة. في قائمة الكتل السياقية ، حدد كتلة Divi Layout.
قم بإنشاء تخطيط جديد في كتلة تخطيط Divi
بمجرد تحديد كتلة تخطيط Divi ، سيكون لدينا خيار "إنشاء تخطيط جديد" أو "تحميل من المكتبة". نظرًا لأننا نحتاج إلى إنشاء حاجز جديد لمثالنا ، اختر خيار "إنشاء مخطط جديد".
صمم تخطيطًا باستخدام محرر كتلة تخطيط Divi
بمجرد تحديد زر إنشاء تخطيط جديد ، يمكننا تصميم تخطيط Divi الخاص بنا في محرر كتلة التخطيط.
في هذا المثال ، سننشئ مقسمًا أو مقسمًا مخصصًا باستخدام فواصل شكل قسم Divi وخلفية التدرج. من الواضح أن هذا عنصر تصميم يمكننا تحويله إلى كتلة تخطيط قابلة لإعادة الاستخدام للحصول على طريقة ملائمة لإضافة فواصل أقسام في منشور Gutenberg.
لإنشاء تصميم فاصل المقطع ، افتح إعدادات القسم وقم بتحديث ما يلي:
- لون خلفية التدرج الأيسر: # ddd6f3
- لون خلفية التدرج على اليمين: # faaca8
- اتجاه التدرج: 90deg
- وضع البدء: 30٪
- نمط الفاصل العلوي: انظر الصورة
- لون الفاصل العلوي: #ffffff
- ارتفاع المقسم العلوي: 50px
- نمط الفاصل السفلي: انظر الصورة
- لون الفاصل السفلي: #ffffff
- ارتفاع المقسم السفلي: 50px
- إمالة الجزء السفلي: أفقي
- الارتفاع: 100px
- الحشو: 0px عالية ، 0px منخفضة
بمجرد اكتمال التصميم ، تأكد من حفظ كتلة تخطيط Divi.
سيظهر الآن مقسم قسم Divi Layout Block في محرر منشور WordPress.
ضع في اعتبارك أن التباعد أعلى وأسفل تخطيط Divi لكتلة التخطيط قد يظهر أكبر على الواجهة الخلفية منه على الواجهة الأمامية.
نحن الآن جاهزون لتحويل كتلة تخطيط Divi هذه إلى كتلة تخطيط قابلة لإعادة الاستخدام لتسهيل إضافة فاصل القسم نفسه في المقالات المستقبلية.
ولكن قبل القيام بذلك ، قد يكون من المفيد معرفة ماهية الكتلة القابلة لإعادة الاستخدام في WordPress.
ما هي كتلة تخطيط قابلة لإعادة الاستخدام
كتلة التخطيط القابلة لإعادة الاستخدام في محرر الكتلة الافتراضي في WordPress (Gutenberg) تشبه إلى حد كبير العنصر العام في Divi. يمكن استخدام الكتلة عدة مرات ولكن محتويات ويظل المظهر كما هو تمامًا في جميع الحالات. وعندما نقوم بتحرير كتلة التخطيط القابلة لإعادة الاستخدام، يتم تطبيق التغيير على جميع مثيلات كتلة التخطيط على مستوى الموقع. بمجرد أن تصبح كتلة التخطيط قابلة لإعادة الاستخدام في WordPress، ستكون الكتلة متاحة في قائمة الحظر عند كتابة المنشور. وهذا يجعل من السهل حقًا إضافة نفس قالب التخطيط عدة مرات في منشورات مدونة متعددة.
تحويل كتلة تخطيط Divi إلى كتلة تخطيط قابلة لإعادة الاستخدام
لجعل تخطيط Divi الخاص بنا كتلة قابلة لإعادة الاستخدام ، قم بالمرور فوق كتلة التخطيط وافتح قائمة الإعدادات من خلال النقر على أيقونة النقاط الثلاث. ثم ، في القائمة ، حدد الخيار "إضافة إلى الكتل القابلة لإعادة الاستخدام".
ثم قم بإعطاء اسم للكتلة القابلة لإعادة الاستخدام وانقر على زر حفظ لحفظ الكتلة ككتلة قابلة لإعادة الاستخدام.
الآن عندما نضيف كتلة جديدة داخل منشور المدونة ، يمكننا العثور على كتلة التخطيط الجديدة القابلة لإعادة الاستخدام في القائمة (ضمن تبديل الفئة القابلة لإعادة الاستخدام). ما عليك سوى النقر فوق قالب التخطيط القابل لإعادة الاستخدام وستتم إضافته إلى المنشور.
الآن إذا نظرنا إلى المنشور مباشرةً ، يمكننا أن نرى حالتين من نفس قسم المقسم الدقيق.
بمجرد استخدامنا للكتلة القابلة لإعادة الاستخدام عدة مرات في المنشور أو الموقع ، يمكننا تعديل أي من مثيلات كتلة التخطيط القابلة لإعادة الاستخدام وسيتم تطبيق هذه التغييرات على جميع مثيلات الكتلة على مستوى الموقع. .
لتعديل كتلة التخطيط القابلة لإعادة الاستخدام ، مرّر الماوس فوق الكتلة وانقر فوق الزر "تعديل" في أعلى يمين الكتلة.
ثم حدد (انقر) التخطيط في الكتلة القابلة لإعادة الاستخدام وانقر فوق رمز التحرير في القائمة العلوية التي تظهر. يمكننا أيضًا النقر فوق ارتباط تحرير التخطيط الموجود ضمن علامة التبويب العنصر في الشريط الجانبي الأيمن.
ثم قم بتعديل تصميم التخطيط حسب الرغبة. في هذا المثال ، يمكننا تغيير الألوان المستخدمة للخلفية المتدرجة.
بعد حفظ التخطيط ، تأكد من النقر فوق الزر حفظ في الجزء العلوي الأيمن من كتلة التخطيط القابلة لإعادة الاستخدام. ثم قم بتحديث المنشور واعرض التغييرات على الموقع المباشر.
ستلاحظ أن تغييرات التصميم يتم تحديثها لجميع مثيلات المخطط القابل لإعادة الاستخدام.
نصيحة: استخدم قالب تخطيط يمكن إعادة استخدامه كقالب
هناك أوقات نرغب فيها في استخدام نسخة معدلة من كتلة التخطيط القابلة لإعادة الاستخدام في منشورنا. يتيح لنا ذلك إضافة كتلة تخطيط قابلة لإعادة الاستخدام إلى المنشور كقالب بداية حتى نتمكن من تخصيص كتلة التخطيط لمثيل معين دون التأثير على الكتلة القابلة لإعادة الاستخدام على مستوى الموقع.
لاستخدام قالب تخطيط يمكن إعادة استخدامه كقالب ، أضف أولاً الكتلة القابلة لإعادة الاستخدام إلى المنشور.
ثم افتح قائمة الحظر وحدد الخيار "التحويل إلى الكتلة العادية".
يمكننا الآن تغيير تخطيط تصميم معين لتلك الحالة دون التأثير على الكتل الأخرى القابلة لإعادة الاستخدام.
الأفكار النهائية
يمكن أن يكون إنشاء كتل تخطيط Divi قابلة لإعادة الاستخدام مفيدًا ، خاصةً لعناصر تصميم Divi مثل مقسم القسم. هذا يسمح لنا باستخدام الحاجز بشكل متكرر في جميع مشاركاتنا. لا يؤدي هذا إلى تبسيط عملية كتابة مقال فحسب ، بل يمنحنا أيضًا القدرة على تحديث تصميم الكتلة على مستوى الموقع بسهولة أكبر. في هذه المقالة ، أوضحنا كيفية إضافة مقسم قسم ككتلة قابلة لإعادة الاستخدام ، ولكن يمكن استخدام هذه التقنية نفسها لإنشاء كتل تخطيط Divi لا حصر لها قابلة لإعادة الاستخدام لأسباب أخرى لا حصر لها.