مراجعة Divi Builder: مُنشئ صفحات WordPress حديث

نشرت: 2015-10-20
تقييم المحرر
4.5 / 5
مراجعة Divi Builder: مُنشئ صفحات WordPress حديث

ملخص

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

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

الايجابيات

يساعدك مُنشئ السمات ومكتبة Divi في إنشاء تصميمات مواقع ويب كاملة

مجموعة ضخمة من التخطيطات الجميلة المعدة مسبقًا

يمكن تخصيص وحدات المحتوى والأعمدة والصفوف والأقسام بسهولة

تقدم عضوية Themes الأنيقة قيمة هائلة مقابل المال

حل رائع للمستخدمين المبتدئين والمتوسطين والمتقدمين

سلبيات

لا يمكن شراء Divi Builder بشكل منفصل

على عكس Beaver Builder و Elementor ، لا يتوفر إصدار مجاني من Divi Builder

يفتقر إلى عدد قليل من وحدات المحتوى الموجودة في الحلول البديلة

يعتبر Divi Builder بحق أحد أفضل أدوات إنشاء صفحات السحب والإفلات في السوق. يتيح لك هذا المكون الإضافي الشهير لـ WordPress إنشاء تخطيطات مواقع ويب سريعة الاستجابة في دقائق دون استخدام أي رمز.

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

نسخ الوحدة النمطية في Visual Builder

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

سيعطيك هذا فهمًا أفضل لسبب استخدام العديد من مالكي مواقع الويب لهذا المكون الإضافي WordPress.

ماذا تقدم ديفي بيلدر؟

في نهاية عام 2018 ، أصدر WordPress الإصدار 5.0 من برنامجهم. كان هذا إصدارًا مهمًا لأنه استبدل محرر WYSIWYG القديم (ما تراه هو ما تحصل عليه) بمحرر كتلة سحب وإفلات جديد يسمى Gutenberg.

الآن بعد أن أصبح WordPress مزودًا بمُنشئ صفحات السحب والإفلات ، قد تتساءل عن سبب رغبة أي شخص في شراء حل بديل لبناء الصفحات مثل Divi Builder.

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

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

مثال على Divi Builder

تم إطلاق Divi Builder في عام 2015 كحل مستقل لبناء الصفحات يعمل مع أي سمة WordPress. في السابق ، كان من الممكن استخدام هذه الوظيفة فقط في سمة Divi WordPress ، والتي تم إصدارها بواسطة Elegant Themes قبل عامين.

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

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

احتل المنشئ المرئي مركز الصدارة باعتباره واجهة المستخدم الرئيسية لـ Divi Builder ، ومع ذلك لا يزال بإمكانك إنشاء تخطيطات في الواجهة الخلفية باستخدام المنشئ القديم إذا كنت ترغب في ذلك (المزيد حول هذا لاحقًا).

يحتوي Divi Builder على نظام مكتبة يسمح لك بحفظ أي تخطيط تقوم بإنشائه. يمكنك بعد ذلك تحميل التخطيطات من مكتبتك عندما تحتاج إليها وتعديلها لتناسب الصفحة التي تستخدمها عليها.

يأتي المكون الإضافي مع أكثر من 1000 تصميم مذهل معدة مسبقًا ويتم إصدار المزيد من خلال سوق Divi الرسمي وأسواق الطرف الثالث.

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

تخطيطات ديفي بيلدر

نقطة البيع الحقيقية لـ Divi Builder هي التخصيص.

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

ببساطة ، إذا كان موجودًا على الصفحة ، فيمكنك تغييره.

التحكم في تصميم Divi Builder

يتمتع Divi Builder بدعم كبير لـ WooCommerce ؛ تسمي السمات الأنيقة هذا التكامل "WooBuilder".

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

WooCommerce في Divi Builder

دعونا نلقي نظرة فاحصة على كيفية عمل Divi Builder ...

بدء تشغيل Visual Builder

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

يمكن أيضًا الوصول إلى منطقة إعدادات صغيرة من محرر WordPress الذي يسمح لك بتعديل عرض المحتوى الخاص بك.

استخدم زر Divi Builder

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

تحتاج إلى النقر فوق هذا الزر لتشغيل Divi Builder في الواجهة الأمامية لموقع الويب الخاص بك.

ومع ذلك ، يجب أن تدرك أنه إذا قمت بتعطيل إعداد المحرر المرئي في شاشة ملف تعريف WordPress الخاص بك ، فلن يعمل Divi Builder.

تحرير باستخدام Divi Builder

إذا كنت تقوم بإنشاء منشور أو صفحة مدونة جديدة تمامًا ، فسيتم منحك خيار استخدام Divi Builder أو محرر WordPress الافتراضي.

بناء التخطيط الخاص بك باستخدام Divi

بدلاً من ذلك ، يمكنك تشغيل Divi Builder مباشرة من الواجهة الأمامية لموقع الويب الخاص بك ، من شريط إدارة WordPress. سيتم عرض رابط "Enable Visual Builder" على موقع الويب الخاص بك إذا قمت بتسجيل الدخول.

تمكين Visual Builder

على الرغم من أن مستخدمي WordPress يستخدمون Divi Builder بشكل عام كبديل لمحرر WordPress الافتراضي ، إلا أنه يمكن أن يعمل في انسجام مع محرر Gutenberg باستخدام Divi Layout Block.

يمكن إدراج Divi Layout Block في أي منطقة من صفحتك ووضعها جنبًا إلى جنب مع كتل محرر WordPress العادية.

كتلة تخطيط ديفي

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

كما ترى ، يكمل Divi Builder WordPress جيدًا بشكل لا يصدق من خلال عدم الاستيلاء على موقع الويب الخاص بك بالكامل. ما عليك سوى استخدام Divi Builder عندما تحتاجه.

تخطيطات ديفي الجميلة

عند إطلاق Divi Builder ، يتم تقديم ثلاثة خيارات لك.

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

شاشة اختيار Divi Builder

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

في وقت كتابة هذا التقرير ، كان هناك أكثر من 1100 مخطط متاح و 149 حزمة تخطيط. تنقسم التصميمات إلى 13 فئة: الفن والتصميم ، والأعمال التجارية ، والمجتمع وغير الربحي ، والتعليم ، والأحداث ، والموضة والجمال ، والطعام والشراب ، والصحة واللياقة البدنية ، ونمط الحياة ، والمتجر عبر الإنترنت ، والخدمات ، والبساطة ، والتكنولوجيا.

إذا كنت تفضل ذلك ، يمكنك ببساطة البحث في مكتبة تخطيط premade. يمكنك أيضًا عرض التخطيطات المحفوظة والصفحات الموجودة من هذه المنطقة.

تحميل تخطيط من المكتبة

حزمة التخطيط عبارة عن مجموعة من التخطيطات التي تحتوي على تصميمات لمناطق عديدة من موقع الويب الخاص بك. على سبيل المثال ، يمكن أن يتضمن تخطيطًا لصفحتك الرئيسية ، وواحدًا لمدونتك ، وواحدًا لصفحة من حولك ، وآخر لمتجرك.

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

إذا قمت بالنقر فوق "استخدام هذا التخطيط" ، فسيبدأ Divi Builder في استيراد التخطيط أو حزمة التخطيط المعنية.

حزمة هبوط الأزياء

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

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

تخطيط متجر الأجهزة

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

يمكن أيضًا تصنيف التخطيطات ، وهو شيء ستجده مفيدًا مع نمو مكتبة التخطيطات الخاصة بك.

إضافة إلى مكتبة

تحتوي قائمة إدارة Divi الرئيسية على روابط إلى Divi Theme Builder و Divi Library.

قائمة إدارة Divi Builder

يتيح لك Divi Theme Builder إنشاء قوالب صفحة فريدة لها رأس وجسم وتذييل محددان.

يمكنك تعيين أي تخطيط للقوالب الخاصة بك وتحديد مناطق موقع الويب الخاص بك التي يجب عرضها بالضبط.

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

أضف قالب جديد

سيتم عرض كل تخطيط تقوم بحفظه في صفحة مكتبة Divi الرئيسية.

من هذه المنطقة ، يمكنك الوصول إلى جميع التخطيطات وتعديل فئات التخطيط واستيراد التخطيطات وتصديرها.

مكتبة ديفي

عندما تختار تحرير تخطيط من صفحة التخطيط الرئيسية ، سيظهر التخطيط الخاص بك في "العرض السلكي".

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

تحرير تخطيط محفوظ

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

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

واجهة البناء المرئية

يعمل كل منشئ صفحات WordPress بشكل مختلف ، لذلك تحتاج إلى قضاء بعض الوقت في التعرف على كيفية عمل المنشئ المرئي لـ Divi Builder.

يتم عرض الواجهة الرئيسية لـ Divi Builder في أسفل كل صفحة. عندما يتم تصغير القائمة ، يتم عرض زر بثلاث نقاط فقط.

واجهة Divi Builder عند إغلاقها

يؤدي النقر فوق الزر الذي يحتوي على ثلاث نقاط إلى تحميل الواجهة الرئيسية.

سترى العديد من الخيارات معروضة في الجانب الأيسر والأوسط واليمين من الصفحة.

واجهة ديفي بيلدر

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

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

هناك العديد من الخيارات الأخرى هنا لتغيير أوضاع العرض الافتراضية وتمكين / تعطيل الميزات الرئيسية.

إعدادات Visual Builder

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

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

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

عرض Divi Builder Wireframe

توجد سبعة أزرار في منتصف واجهة المنشئ المرئي: ثلاثة على اليسار ، وثلاثة على اليمين ، وعلامة X كبيرة في المنتصف تغلق القائمة.

يقوم الزر الأول الموجود على اليسار بتحميل مكتبة Divi ، بينما يقوم الزر الثاني بحفظ التخطيطات في مكتبتك ، ويقوم الزر الثالث بمسح تخطيط الصفحة.

على الجانب الآخر ، سترى أزرارًا لإعدادات الصفحة وسجل التحرير وقابلية النقل.

يتيح لك مربع إعدادات الصفحة تغيير عنوان الصفحة ، والمقتطفات ، والصورة المميزة ، وألوان الخلفية ، والتصميم ، واختبار الانقسام ، والرؤية ، وغير ذلك الكثير.

إعدادات صفحة Visual Builder

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

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

ديفي بيلدر تحرير التاريخ

على يمين واجهة Divi Builder ، سترى زر بحث وزر تعليمات وزرًا لحفظ التخطيط الخاص بك.

يتيح لك Divi البحث من خلال أوضاع العرض والإعدادات والوثائق والمزيد. سيؤدي النقر فوق نتيجة البحث إلى تحميل الميزة على الفور.

بحث Divi Builder

صندوق Divi Builder Helper مفيد للغاية أيضًا. يعرض العديد من مقاطع الفيديو التعليمية ويعرض مرجعًا لاختصارات لوحة المفاتيح.

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

صندوق مساعد ديفي بيلدر

تحتوي السمات الأنيقة على دليل مفصل حول Visual Builder يشرح كيفية عمل كل شيء.

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

صفوف وأعمدة ووحدات نمطية والمزيد

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

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

تسميهم Divi الوحدات النمطية .

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

وحدات محتوى Divi Builder

هناك أكثر من 40 وحدة محتوى في Divi Builder وتحتوي كل واحدة على العشرات من خيارات التخصيص لمساعدتك في تشكيل ما تعرضه الوحدة.

يجب وضع الوحدات النمطية داخل الأعمدة والصفوف.

إذا كنت تبدأ تخطيط صفحة بلوحة فارغة ، فسترى زرًا أخضر مع رمز زائد معروضًا على الصفحة.

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

لوضعها بطريقة أخرى ، يتم وضع الوحدات النمطية داخل الأعمدة ، ويتم احتواء الأعمدة داخل صفوف ، ويتم وضع الصفوف داخل الأقسام.

أضف صفًا جديدًا في Divi Builder

عندما تحوم فوق القسم ، سترى أزرارًا لتحريك القسم ، والوصول إلى إعدادات القسم ، وتكرار القسم ، وحفظ القسم في المكتبة ، وحذف القسم.

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

إعدادات قسم Divi Builder

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

إعدادات القسم الإضافية

عند إضافة صف جديد في Divi Builder ، تحتاج أيضًا إلى تحديد بنية العمود التي تريدها للصف.

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

إدراج صف

بمجرد تحديد هيكل الصف والعمود ، سيظهر مربع "إدراج وحدة نمطية" ويمكنك تحديد وحدة محتوى للتخطيط الخاص بك.

إدخال وحدة في Divi

عند تحديد وحدة نمطية ، سيظهر مربع إعداداتها.

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

ستتغير الخيارات المعروضة في مربع الإعدادات وفقًا للوحدة النمطية التي تم تحديدها.

إعدادات Divi Builder

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

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

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

إعدادات جدول التسعير

من الصعب إظهار مدى مرونة استخدام Divi Builder للنصوص والصور.

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

استخدام Legacy Builder

جعلت السمات الأنيقة المنشئ المرئي الطريقة الافتراضية لاستخدام Divi Builder ، ومع ذلك لا يزال بإمكانك إنشاء تخطيطات مباشرة داخل محرر WordPress إذا كنت ترغب في ذلك.

تطلق Divi الآن على محرر الواجهة الخلفية "Legacy Builder".

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

تمكين Legacy Builder

يوجد فوق أداة الإنشاء القديمة أزرار للعودة إلى محرر WordPress القياسي والبناء على الواجهة الأمامية.

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

يوجد في الجزء العلوي من الواجهة خيار استيراد وتصدير يتيح لك النسخ الاحتياطي واستعادة تخطيطات Divi Builder. بجانب ذلك توجد قائمة الإعدادات التي تتميز باختبار الانقسام ومجموعة من خيارات التصميم وإعدادات CSS.

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

واجهة ديفي بيلدر القديمة

يمكن بسهولة إدراج صفوف وأعمدة جديدة في صفحتك.

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

أدخل الأعمدة

نظرًا لأن المنشئ القديم يتم عرضه مباشرةً في محرر WordPress ، فلا يمكنك معاينة التغييرات التي تم إجراؤها على التخطيط في الوقت الفعلي ، ولكن هذا يعني أن هناك مساحة أكبر لإنشاء تخطيطات وإضافة وحدات.

أفضل هذا الإعداد عند هيكلة الصفحة ، لأنها تبدو أقل ضيقة من المنشئ المرئي.

إضافة وحدة

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

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

إعدادات البرنامج المساعد Divi Builder

يمكن العثور على الغالبية العظمى من إعدادات التخصيص داخل واجهة Divi Builder الرئيسية ، ولكن يمكن العثور على بعض الإعدادات الإضافية في قائمة إدارة Divi الرئيسية.

بالإضافة إلى Divi Theme Builder و Divi Library ، سترى صفحة خيارات البرنامج المساعد Divi Builder الرئيسية ، ومحرر الدور ، ومركز الدعم.

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

ستحتاج إلى إدخال اسم مستخدم Elegant Themes ومفتاح API لتلقي التحديثات التلقائية لـ Divi Builder.

خيارات Divi Builder - التحديثات

لاستخدام كتلة محتوى خرائط Google ، ستحتاج إلى إدخال مفتاح Google API الخاص بك في قسم إعدادات API. يمكن أيضًا تعطيل خطوط Google من هذا القسم.

خيارات Divi Builder - إعدادات API

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

خيارات تكامل نوع المنشور

يمكن العثور على مجموعة من الإعدادات الأخرى في القسم المتقدم ، مثل Javascript و CSS minification وتعطيل جولة منتج Divi Builder.

كما ذكرنا سابقًا ، هذا أيضًا هو المكان الذي تقوم فيه بتمكين واجهة المنشئ القديم واستبدال محرر قوالب WordPress (Gutenberg) بالمحرر الكلاسيكي.

خيارات Divi Builder المتقدمة

يتيح لك محرر دور Divi تحديد ما يمكن لأدوار المستخدم المختلفة فعله وما لا يمكنها القيام به.

يمكنك تحديد ما إذا كان يمكن للمستخدمين الوصول إلى صفحة الخيارات ومنشئ السمات وواجهة Divi Builder الرئيسية ومكتبة التخطيط والمزيد.

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

محرر دور ديفي

الصفحة الأخيرة في قائمة إدارة Divi هي "مركز المساعدة والدعم Divi Builder".

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

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

هناك أيضًا خيارات هنا لمنح الوصول عن بُعد إلى Elegant Themes والدردشة مباشرةً مع الدعم.

مركز المساعدة والدعم Divi Builder

تم ربط مجموعة متنوعة من دروس Divi Builder من هذه الصفحة أيضًا.

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

تحتوي صفحة الدعم أيضًا على خيار الوضع الآمن وقائمة بالأخطاء التي تم إنشاؤها بواسطة WP_DEBUG_LOG .

مركز المساعدة والدعم Divi Builder

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

كم تكلفة ديفي بيلدر؟

تتميز السمات الأنيقة بواحدة من أبسط سياسات التسعير وأكثرها عدلاً في عالم WordPress.

يمكنك شراء عضوية Elegant Themes على أساس سنوي أو كرسوم لمرة واحدة. تمنحك كلتا الخطتين إمكانية الوصول إلى جميع منتجات السمات الأنيقة وتسمح لك باستخدامها على أي عدد تريده من مواقع الويب.

يكلف 89 دولارًا سنويًا لشراء ترخيص سنوي و 249 دولارًا لشراء ترخيص الوصول مدى الحياة.

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

يكون ترخيص الوصول مدى الحياة منطقيًا إذا كنت تخطط لاستخدام منتجات Elegant Themes لأكثر من عامين.

تأتي جميع التراخيص بدون طرح أي أسئلة مع ضمان استرداد الأموال لمدة 30 يومًا ويمكنك إلغاء عضويتك في أي وقت.

خطط ثيمات أنيقة

Divi Builder هو جزء واحد فقط من حزمة عضوية Elegant Themes.

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

تتضمن عضوية The Elegant Themes مجلة WordPress Theme Extra أيضًا - وهو تصميم مدعوم من Divi Builder.

تشمل العضوية أيضًا التسويق عبر البريد الإلكتروني والمكوِّن الإضافي WordPress للجيل الرائد بلوم ومكوِّن WordPress الإضافي لمشاركة الوسائط الاجتماعية.

منتجات ثيمات أنيقة

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

افكار اخيرة

أتمنى أن تكون قد استمتعت جميعًا بهذه النظرة التفصيلية على Divi Builder.

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

تستمر عضوية The Elegant Themes في تقديم قيمة رائعة مقابل المال أيضًا. لذلك ، فإن أولئك الذين يرغبون في استخدام Divi Builder سيحصلون على إمكانية الوصول إلى أربعة سمات وإضافات WordPress أكثر تقدمًا.

إذا كنت تريد رؤية Divi Builder قيد التشغيل ، فراجع منطقة معاينة Divi Builder وصفحة العرض التوضيحي لـ Elegant Themes.

شكرا للقراءة.

كيفن