جوتنبرج وتجربة ديفي بيلدر الجديدة

موسم التغيير قادم علينا. يقدم الوصول الأخير لـ WordPress 5.0 محرر كتلة جديد تمامًا (المعروف أيضًا باسم Gutenberg). ولم يوفر إصدار تجربة Divi Builder الجديدة الخاصة بنا تكاملاً سلسًا مع Gutenberg فحسب ، بل قام أيضًا بترقية التجربة الكاملة لتصميم مواقع الويب باستخدام Divi.

ستؤدي هذه التغييرات الجديدة بلا شك إلى إثارة بعض المخاوف والارتباك حول كيفية عمل Divi و Gutenberg معًا وكيفية استخدام Divi بشكل أفضل مع كل هذه التغييرات. يهدف هذا البرنامج التعليمي إلى تخفيف وطأة التغيير من خلال إرشادك عبر الخيارات المتاحة والخطوات اللازمة للحصول على تجربة Divi Builder الجديدة وتشغيلها بنجاح على WordPress 5.0.

بالنسبة لأولئك منكم غير المستعدين لـ Gutenberg أو تجربة Divi Builder الجديدة ، لا تقلق. سأناقش الخيارات المتاحة لك للحفاظ على سير الأمور كالمعتاد. ولأولئك المستعدين للمغامرة في المجهول المثير ، سيساعدك هذا الدليل في العثور على الطريق.

إليك ما سأقوم بتغطيته في هذا البرنامج التعليمي:

• أهمية تثبيت أحدث إصدار من Divi عند الترقية إلى WordPress 5.0
• كيف يعمل New Divi Builder مع Gutenberg بشكل افتراضي
• كيفية تنشيط New Divi Builder على الواجهة الخلفية باستخدام WordPress 5.0 (الطريقة المفضلة)
• تحرير صفحة جديدة باستخدام واجهة مستخدم Divi Backend Builder الجديدة
• استخدام The Classic Divi Builder مع الديفي الجديد

أهمية تثبيت أحدث إصدار من Divi عند الترقية إلى WordPress 5.0

أحدث إصدار من Divi متوافق مع WordPress 5.0. لذلك ، إذا كنت تقوم بالترقية إلى WordPress 5.0 ، فتأكد أيضًا من تحديث Divi إلى 3.18+ أيضًا. يعالج هذا الإصدار الجديد العديد من مشكلات التوافق مع محرر كتلة Gutenberg الجديد. إذا احتفظت بإصدار أقدم من Divi ، فستواجه مشكلة في الوصول إلى Divi Builder وإعدادات الصفحة الأخرى حتى تقوم بالترقية.

تتوافق أيضًا أحدث إصدارات البرنامج المساعد Extra و Bloom و Monarch و Divi Builder مع WordPress 5.0 لذا من الأفضل تحديثها أيضًا عند الترقية.

كيف يعمل New Divi Builder مع Gutenberg بشكل افتراضي

بمجرد التحديث إلى WordPress 5.0 وتثبيت Divi 3.18 (أحدث إصدار) ، فأنت على استعداد لبدء إنشاء موقع الويب الخاص بك. إذا قمت بإضافة صفحة جديدة ، فسيتم استقبالك بإطار منبثق يسمح لك باستخدام Divi Builder أو محرر WordPress الافتراضي (الآن Gutenberg). ببساطة انقر فوق "استخدام Divi Builder".

ستلاحظ أنه سيتم إطلاقك مباشرة في Visual Builder في الواجهة الأمامية.

إذا قمت بالخروج من Visual Builder وقمت بتحرير الصفحة على الواجهة الخلفية ، فسترى أنه لا يوجد Classic Divi Builder متاحًا. سيكون لديك فقط خيار إطلاق Divi Builder في الواجهة الأمامية.

هذا لأن WordPress 5.0 أزال المحرر الكلاسيكي واستبدله بـ Block Editor (Gutenberg). لذلك ، تمت إزالة جميع التطبيقات المتصلة ، بما في ذلك Classic Divi Builder. باختصار ، لا يوجد Classic Divi Builder بدون محرر WordPress الكلاسيكي.

كيفية تنشيط New Divi Builder على الواجهة الخلفية باستخدام WordPress 5.0 (الطريقة المفضلة)

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

ملاحظة: يحل خيار تمكين المحرر الكلاسيكي في خيارات سمة Divi محل الحاجة إلى استخدام المكون الإضافي Classic Editor الذي يوفره المساهمون في WordPress لأولئك غير المستعدين لاستخدام Gutenberg.

بمجرد قيامك بتمكين أحدث إصدار من Divi Builder والمحرر الكلاسيكي من خيارات السمات ، فأنت على استعداد لبدء إنشاء صفحاتك باستخدام تجربة New Divi Builder.

تحرير صفحة جديدة باستخدام واجهة مستخدم Divi Backend Builder الجديدة

مع تمكين New Divi Builder في محرر WordPress الكلاسيكي ، سترى الزر المألوف "Use the Divi Builder". انقر فوق هذا الزر كالمعتاد لنشر Divi Builder.

بعد ذلك ، حدد كيف تريد أن تبدأ في تصميم صفحتك من الخيارات الثلاثة المنبثقة.

أنت الآن جاهز للعمل مع تجربة Divi Builder الجديدة بكامل تأثيرها. ستلاحظ أن Divi Backend Builder الجديد يبدو مشابهًا لـ Classic Backend Divi Builder مع بعض الميزات الجديدة القوية في متناول يدك.

فيما يلي بعض ميزات واجهة مستخدم محرر الصفحات البارزة التي ستساعدك على فهم التجربة الجديدة بشكل أفضل قليلاً.

زر "البناء على الواجهة الأمامية"

حل زر "Build On The Front End" محل الزر التقليدي "Use the Visual Builder" ولكن الوظيفة هي نفسها. ستنشر Divi Builder في الواجهة الأمامية للحصول على تجربة بناء مرئية كاملة كما كان من قبل. السبب الرئيسي لصياغة هذا الزر هو أنه من الناحية الفنية لا يوجد منشئ بصري منفصل. لا يوجد سوى Divi Builder واحد يمكن الوصول إليه الآن على الواجهة الخلفية والواجهة الأمامية.

أوضاع العرض متاحة الآن على الواجهة الخلفية

قام New Divi Builder بإحضار Visual Builder وجميع ميزاته إلى الواجهة الخلفية. الآن لست مضطرًا للذهاب ذهابًا وإيابًا لتحرير صفحتك. لتنشيط تجربة المنشئ المرئي على الواجهة الخلفية ، يمكنك تبديل أوضاع العرض المختلفة في الجزء العلوي من Builder. بشكل افتراضي ، يكون وضع عرض الإطار السلكي نشطًا وهو أمر منطقي لأنه يتطابق بشكل وثيق مع شكل ومظهر أداة إنشاء الخلفية الكلاسيكية التي اعتدنا على رؤيتها. ومع ذلك ، يمكنك التبديل بين أوضاع العرض المختلفة (سطح المكتب والجهاز اللوحي والهاتف الذكي) من أجل تحرير صفحتك بصريًا (كما فعلت مع Visual Builder) على الواجهة الخلفية دون الحاجة إلى مغادرة الصفحة.

واجهة مستخدم Divi Builder الجديدة

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

عد إلى Classic Divi Builder

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

ملاحظة: يمكنك أيضًا التبديل إلى Classic Divi Builder ضمن خيارات النسق. انقر فوق علامة التبويب Builder ثم علامة تبويب الخيارات المتقدمة. هناك يمكنك العثور على خيار تمكين أو تعطيل أحدث تجربة Divi Builder. ما عليك سوى تعطيل هذا الخيار للحفاظ على Classic Divi Builder كما كان من قبل. لكن تذكر ، من أجل رؤية Classic Divi Builder على الواجهة الخلفية ، يجب عليك التأكد من خيار Classic Editor وتمكينه أيضًا.

ميزات Divi Builder الجديدة

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

• تجربة بناء أسرع من أي وقت مضى باستخدام الرفع من ذاكرة التخزين المؤقت
• تصوير دقيق 100٪ لصفحتك في جميع أوضاع العرض باستخدام React Portal
• القدرة على النسخ واللصق بين الصفحات في Visual Builder كما هو الحال في Classic Builder.

تحقق من مقالة تجربة Divi Builder الجديدة لمزيد من المعلومات حول الميزات الجديدة القوية المتاحة.

استخدام The Classic Divi Builder مع الديفي الجديد

كما هو مذكور أعلاه ، يمكنك التبديل إلى استخدام Classic Divi Builder باستخدام الرابط المتوفر في محرر صفحة Divi Backend Builder الجديد أو عن طريق تعطيل أحدث Divi Builder ضمن خيارات السمات. بمجرد إجراء التبديل ، سيبدو محرر الصفحة الخلفية تمامًا كما كان من قبل مع بعض التغييرات الطفيفة. ستلاحظ أن زر "Use the Visual Builder" القديم يقرأ الآن "Build on the Front End" ولكن الوظيفة لا تزال كما كانت من قبل. سيكون لديك أيضًا خيار التبديل إلى Divi Builder الجديد من خلال النقر فوق ارتباط موجود في الجزء السفلي من Divi Builder في الواجهة الخلفية.

ضع في اعتبارك أن Classic Divi Builder سيظل يفتقر إلى جميع الميزات الجديدة المتاحة الآن على الواجهة الخلفية في New Divi Builder.

الخلاصة والأسئلة الشائعة

هل يجب علي تحديث Divi أو الترقية إلى WordPress 5.0؟

بالنسبة لأولئك منكم غير المستعدين لـ Gutenberg أو تجربة Divi Builder الجديدة ، لا تقلق.

لا تحتاج إلى التحديث إلى WordPress 5.0 ، ولكن إذا قمت بذلك ، فستحتاج إلى تحديث Divi أيضًا لجميع إصلاحات التوافق التي قمنا بتضمينها لدعم WP 5.
لذا ، إذا كنت لا تريد * أن * لتحديث Divi الآن ، فلن تحتاج إلى تحديث WordPress الآن أيضًا.

في أي ترتيب يجب أن أقوم بإجراء التحديثات؟

لا تحتاج إلى القيام بذلك بترتيب معين ، لكنك ستحتاج إلى التأكد من Divi وتحديثه إذا قمت بتحديث WordPress 5.0.

كيف ستعمل تجربة Divi الجديدة على الإصدارات القديمة من WordPress؟

تمامًا كما كان من قبل ، إلا أن أحدث Divi يتضمن New Divi Builder على الواجهة الخلفية مع جميع الميزات الجديدة التي كانت متوفرة مرة واحدة فقط على Visual Builder.

ماذا عن الحشرات؟

نحن نراقب بنشاط أي أخطاء نشأت بسبب طبيعة التغيير الكبير الذي يجلبه Gutenberg ، ونصدر إصدارات إصلاح الأخطاء (بشكل أساسي يوميًا) لضمان استقرار الأمور قدر الإمكان.

الآن وقد أصبح Guteberg هنا ، هل يجب علي استخدام Visual Builder؟

لا ، يمكنك الآن استخدام New Divi Builder على الواجهة الخلفية والذي يأتي مع جميع الميزات الجديدة التي كانت متوفرة مرة واحدة فقط على Visual Builder.
(انظر أعلاه: كيفية تنشيط New Divi Builder على الواجهة الخلفية باستخدام WordPress 5.0 (الطريقة المفضلة))

أين هو منشئ Divi الخلفي القديم (المألوف) الكلاسيكي؟

يحتوي Divi Builder الجديد على الواجهة الخلفية على جميع الميزات المألوفة والمظهر الخاص بـ Classic Divi Builder بالإضافة إلى جميع ميزات نوع "Visual Builder" والمزيد. ومع ذلك ، يسمح لك Divi Builder الجديد بالعودة إلى Classic Divi Builder في أي وقت من محرر الصفحة الخلفية.

(انظر أعلاه: العودة إلى Classic Divi Builder)

هل يمكنني استخدام Gutenberg و Divi Builder في نفس الوقت؟

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

افكار اخيرة

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

أتطلع إلى سماع أفكارك حول تجربة Divi Builder الجديدة مع Gutenberg في التعليقات أدناه.

هتافات!