كيفية إنشاء قالب Divi Layout قابل لإعادة الاستخدام لمنشورات مدونة Gutenberg

لا يزال Divi Layout Block يمثل وسيلة مفيدة لموضوع Divi ، مما يسمح لنا بإضافة أي تخطيط Divi إلى منشور مدونة داخل محرر Gutenberg. يمكننا حتى تحويل Divi Layout Block إلى كتلة قابلة لإعادة الاستخدام في Gutenberg تمامًا مثل أي كتلة WordPress أخرى. هذا يفتح الباب لتبسيط بعض تصميمات Divi Layout المفيدة في التدفق الطبيعي لكتابة منشور في Gutenberg.

في هذا البرنامج التعليمي ، سنشرح كيفية إنشاء قالب Divi Layout قابل لإعادة الاستخدام لمنشورات مدونة Gutenberg. لتوضيح ذلك ، سنقوم ببناء مقسم قسم لمثالنا على كتلة تخطيط Divi القابلة لإعادة الاستخدام لهذه المشاركة. ولكن ، يمكننا بسهولة تطبيق هذه التقنية نفسها لإنشاء كتلة تخطيط Divi قابلة لإعادة الاستخدام لأي شيء تقريبًا من Divi builder.

هيا بنا نبدأ.

إنشاء قالب Divi Layout لمنشور مدونة Gutenberg

إنشاء أو تحرير منشور مدونة

للبدء ، نحتاج إلى إنشاء منشور مدونة جديد أو تعديل منشور موجود. في هذا المثال ، دعنا نضيف بعض المحتوى الوهمي إلى عنوان المنشور ونصه باستخدام عدد قليل من كتل العناوين والفقرات. ثم أضف صورة مميزة واختر "بلا شريط جانبي" لتخطيط الصفحة ضمن إعدادات صفحة Divi.

أضف كتلة تخطيط Divi المضمنة

بمجرد أن نحصل على الجزء الأكبر من المنشور الذي تم إنشاؤه ، كل ما نحتاج إلى القيام به هو إضافة قالب Divi Layout جديد في أي مكان نريده داخل منطقة محتوى المنشور.

لإضافته ، قم بالمرور فوق المنطقة التي نريد إضافة خيار البريد الإلكتروني إليها. ثم انقر فوق رمز زائد الأزرق لإضافة كتلة جديدة. في قائمة الحظر المنبثقة ، حدد مجموعة Divi Layout.

بناء تخطيط جديد داخل كتلة تخطيط Divi

بمجرد تحديد Divi Layout Block ، سيكون لدينا خيار إما "إنشاء تخطيط جديد" أو "تحميل من المكتبة". نظرًا لأننا نحتاج إلى إنشاء فاصل جديد لمثالنا ، حدد الخيار "إنشاء مخطط جديد".

صمم مخططًا باستخدام محرر Divi Layout Block

بمجرد تحديد زر إنشاء تخطيط جديد ، يمكننا تصميم تخطيط Divi الخاص بنا داخل محرر كتلة التخطيط.

في هذا المثال ، سنقوم ببناء فاصل أو مقسم مخصص باستخدام فواصل شكل قسم Divi وخلفية التدرج. هذا عنصر تصميم صارم سنتمكن من تحويله إلى كتلة تخطيط قابلة لإعادة الاستخدام للحصول على طريقة ملائمة لإضافة فواصل الأقسام داخل منشور Gutenberg.

لإنشاء تصميم مقسم القسم ، افتح إعدادات القسم وقم بتحديث ما يلي:

• اللون الأيسر للخلفية المتدرجة: # ddd6f3
• خلفية متدرجة اللون الصحيح: # faaca8
• اتجاه التدرج: 90 درجة
• موقف البداية: 30٪

• نمط الفاصل العلوي: انظر الصورة
• لون الحاجز العلوي: #ffffff
• ارتفاع الحاجز العلوي: 50 بكسل

• نمط الحاجز السفلي: انظر الصورة
• لون الحاجز السفلي: #ffffff
• ارتفاع الحاجز السفلي: 50 بكسل
• الوجه الفاصل السفلي: أفقي

• الارتفاع: 100 بكسل
• المساحة المتروكة: 0 بكسل للأعلى و 0 بكسل للأسفل

بمجرد اكتمال التصميم ، تأكد من حفظ كتلة تخطيط Divi.

سيظهر الآن مقسم قسم Divi Layout Block داخل محرر نشر WordPress.

ضع في اعتبارك أن التباعد أعلى وأسفل تخطيط Divi لكتلة التخطيط قد يظهر بشكل أكبر في الواجهة الخلفية منه في الواجهة الأمامية.

نحن الآن على استعداد لتحويل كتلة تخطيط Divi هذه إلى كتلة تخطيط قابلة لإعادة الاستخدام من أجل تسهيل إضافة مقسم القسم نفسه في المنشورات المستقبلية.

ولكن قبل القيام بذلك ، قد يكون من المفيد معرفة ماهية الكتلة القابلة لإعادة الاستخدام في WordPress.

ما هو قالب التخطيط القابل لإعادة الاستخدام

كتلة تخطيط قابلة لإعادة الاستخدام في محرر القوالب الافتراضي لـ WordPress (Gutenberg) تشبه إلى حد كبير عنصرًا عالميًا في Divi. يمكن استخدام الكتلة عدة مرات ولكن يظل المحتوى والمظهر كما هو تمامًا لجميع الحالات. وعندما نقوم بتحرير كتلة التخطيط القابلة لإعادة الاستخدام ، يتم تطبيق التغيير على جميع مثيلات كتلة التخطيط على مستوى الموقع. بمجرد جعل كتلة التخطيط قابلة لإعادة الاستخدام في WordPress ، ستكون الكتلة متاحة في قائمة الكتل عند كتابة المنشور. هذا يجعل من السهل حقًا إضافة نفس كتلة التخطيط عدة مرات خلال منشورات المدونة المتعددة.

تحويل قالب Divi Layout إلى قالب تخطيط قابل لإعادة الاستخدام

لجعل Divi Layout Block الخاص بنا كتلة قابلة لإعادة الاستخدام ، قم بالمرور فوق كتلة التخطيط وافتح قائمة الإعدادات بالنقر فوق أيقونة النقاط الثلاث. ثم من القائمة ، حدد الخيار "إضافة إلى الكتل القابلة لإعادة الاستخدام".

ثم قم بتسمية الكتلة القابلة لإعادة الاستخدام وانقر فوق زر حفظ لحفظ الكتلة ككتلة قابلة لإعادة الاستخدام.

الآن عندما نضيف كتلة جديدة داخل منشور المدونة ، يمكننا العثور على كتلة التخطيط الجديدة القابلة لإعادة الاستخدام داخل القائمة (ضمن تبديل الفئة القابلة لإعادة الاستخدام). انقر ببساطة على قالب التخطيط القابل لإعادة الاستخدام وستتم إضافته إلى المنشور.

الآن إذا نظرنا إلى المنشور المباشر ، يمكننا أن نرى حالتين من نفس مقسم القسم بالضبط.

بمجرد استخدام الكتلة القابلة لإعادة الاستخدام عدة مرات خلال المنشور أو الموقع ، يمكننا تعديل إحدى مثيلات كتلة التخطيط القابلة لإعادة الاستخدام وسيتم تطبيق هذه التغييرات على جميع مثيلات الكتلة على مستوى الموقع.

لتحرير كتلة التخطيط القابلة لإعادة الاستخدام ، مرر الماوس فوق الكتلة وانقر فوق زر التحرير في الجزء العلوي الأيمن من الكتلة.

ثم حدد (انقر فوق) التخطيط داخل الكتلة القابلة لإعادة الاستخدام وانقر فوق رمز التحرير في القائمة العلوية التي تظهر. يمكننا أيضًا النقر فوق ارتباط تعديل التخطيط الموجود أسفل علامة تبويب الحظر في الشريط الجانبي الأيمن.

ثم قم بتغيير تصميم التخطيط كيفما نريد. في هذا المثال ، يمكننا تغيير الألوان المستخدمة للخلفية المتدرجة.

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

ستلاحظ أن تغييرات التصميم يتم تحديثها لجميع مثيلات التخطيط القابل لإعادة الاستخدام.

نصيحة: استخدام قالب قابل لإعادة الاستخدام كقالب

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

لاستخدام قالب تخطيط يمكن إعادة استخدامه كقالب ، قم أولاً بإضافة الكتلة القابلة لإعادة الاستخدام إلى المنشور.

ثم افتح قائمة الحظر وحدد الخيار "تحويل إلى كتلة عادية".

الآن يمكننا تحرير التخطيط لتصميم معين لهذه الحالة دون التأثير على الكتل الأخرى القابلة لإعادة الاستخدام.

افكار اخيرة

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

هل يمكنك تحديد طرق مفيدة لدمج كتل Divi Layout القابلة لإعادة الاستخدام في منشورات المدونة الخاصة بك؟

أتطلع إلى الاستماع منك في التعليقات.

هتافات!