مراجعة Divi: كيف يوفر هذا المُنشئ ساعات من الوقت في تصميم مواقع الويب

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

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

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

سأنهي المقال بمقارنة Divi بأفضل ثلاثة بدائل لدي (Wix, B12و Brizy). في النهاية، سوف تعرف ما إذا كان مناسبًا لك أم لا!

حكم

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

المزايا والعيوب

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

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

ما هو ديفي؟

Divi is a popular WordPress theme مع منشئ الصفحات المرئية القوي الذي تم تطويره بواسطة أنيقة ثيماتيمكنك استخدامه لإنشاء مواقع ويب قابلة للتخصيص بالكامل بدون كتابة الكود من خلال واجهة السحب والإفلات.

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

الطبيعة المزدوجة لـ Divi

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

يوفر القالب قاعدةً أنيقةً وسريعة الاستجابة لأي محتوى. وفي الوقت نفسه، يُحوّل مُكوّن البناء عملية تحرير الموقع إلى تجربة سحب وإفلات.

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

من موضوع بسيط إلى قوة بصرية

تم إطلاق Elegant Themes Divi تم إطلاقه في عام 2013 كموضوع WordPress، لكنه خضع لتحول كبير على مدى العقد الماضي.

كانت النسخة الأصلية تستخدم واجهة خلفية، لكنها لم تكن توفر خيارات التحرير المرئي المباشر.

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

أضافت التحديثات اللاحقة ميزات متقدمة، بما في ذلك:

• تكامل المحتوى الديناميكي
• عناصر تحكم CSS مخصصة
• وظيفة إنشاء السمات (تصميم الرؤوس والتذييلات وقوالب الصفحات بالكامل)

الفلسفة وراء البناء المرئي

Divi’s الهدف هو تسهيل تصميم الويب من خلال إزالة العوائق التقنية. في الماضي، كانت تصميمات ووردبريس المخصصة تتطلب مهارات برمجة مثل HTML وCSS وPHP، مما ترك الكثيرين مجبرين على استخدام قوالب بسيطة.

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

التكامل مع نظام WordPress البيئي

Divi يعمل بسلاسة مع WordPress، مع الحفاظ على المحتوى بالتنسيقات القياسية التي تظل سليمة حتى إذا تم إلغاء تنشيط Divi.

يعمل Divi بكفاءة مع إضافات WordPress الشائعة لتحسين محركات البحث، والتجارة الإلكترونية، والنماذج، والأمان. كما يتكامل مع WooCommerce لـ بيع المنتجات عبر الإنترنت ويدعم أدوات مثل Yoast SEO للحفاظ على التصميمات المحسّنة للبحث.

كما يدعم النظام ووردبريس متعدد المواقعوهذا يعني أن المؤسسات الكبيرة يمكنها إدارة العديد من مواقع الويب من خلال تثبيت واحد.

من هو ديفي الأفضل بالنسبة له؟

وهنا أنواع الناس Divi هو الأفضل ل:

• يمكن للعاملين لحسابهم الخاص ومصممي الويب استخدام Divi لإنشاء مواقع ويب قابلة للتخصيص بالكامل دون الحاجة إلى الترميز.
• يمكن للشركات الصغيرة والمتوسطة استخدام Divi لبناء مواقع احترافية مثل المحافظ والمدونات وصفحات الخدمة مع التحكم الكامل في التصميم.
• يمكن للوكالات والمطورين استخدام Divi لتسريع مشاريع تصميم الويب باستخدام تخطيطات جاهزة مسبقًا.
• يمكن لأصحاب متاجر التجارة الإلكترونية استخدام Divi لتصميم متاجر WooCommerce مع صفحات منتجات مخصصة وتدفقات الخروج.
• يمكن للمسوقين استخدم Divi لتشغيل اختبارات A/B وإنشاء مواقع ويب صديقة لمحركات البحث.
• يمكن للمؤسسات التعليمية والمنظمات غير الربحية استخدام Divi لإنشاء مواقع ويب متعددة بموجب ترخيص واحد لإدارة الأقسام أو البرامج المختلفة.

الميزات الرئيسية لـ Divi

هنا Divi AI’s دلائل الميزات:

• منشئ السحب والإفلات: بدون كود، تحرير مرئي مباشر على كل من الواجهة الأمامية والخلفية.
• منشئ السمات: تصميم الرؤوس والتذييلات والقوالب ورسائل الخطأ 404 ومنشورات المدونة والمنتجات والمزيد.
• التخطيطات والقوالب: آلاف من تصميمات القوالب ومواقع البدء.
• عناصر التحكم المستجيبة: قابلة للتخصيص لتناسب سطح المكتب والكمبيوتر اللوحي والهاتف المحمول.
• الأنماط العالمية: أقسام قابلة لإعادة الاستخدام وتحديثات التصميم المتزامنة.
• الخيارات المتقدمة: الخطوط والألوان والتباعد والرسوم المتحركة وCSS المخصص.
• أدوات الذكاء الاصطناعي: توليد المحتوى وتسريع البناء.
• WooCommerce: أكثر من 20 وحدة للمتاجر المخصصة وصفحات المنتجات.
• التخزين والإدارة: ديفي كلاود و اندفاع للتخزين السحابي والإدارة.
• المحتوى الديناميكي:إدراج العناوين والصور والتاريخ والمزيد تلقائيًا.
• مكتبة وحدات غنية: النصوص والصور والنماذج والمتزلجات والمعارض والمزيد لبناء تخطيطات موقع الويب.
• الأداء: تم تحسينه للسرعة وتحسين محركات البحث وإمكانية الوصول.

كيفية استخدام ديفي

وهنا كيفية تثبيت Divi AI Plugin واستخدمتها لإنشاء مقال كامل في دقائق:

1. سجل في Divi AI
2. تسجيل الدخول إلى Elegant Themes
3. تحميل Divi
4. أضف البرنامج الإضافي Divi
5. تحميل وتثبيت البرنامج الإضافي Divi
6. تفعيل البرنامج الإضافي
7. ضبط إعدادات البرنامج الإضافي Divi
8. إنشاء مقال
9. قم بالتحرير باستخدام Divi Builder
10. ابدأ البناء
11. إنشاء تخطيط باستخدام الذكاء الاصطناعي
12. قم بمصادقة اشتراكك في Elegant Themes
13. الوصول إلى اسم المستخدم ومفتاح API الخاص بك
14. إنشاء مفتاح API
15. التحقق من صحة حسابك
16. وصف الصفحة
17. اختر الصور والخطوط
18. إنشاء التخطيط

الخطوة 1: التسجيل في Divi AI

لقد بدأت بالذهاب إلى elegentthemes.com والذهاب إلى "الحصول على Divi AI".

الخطوة 2: تسجيل الدخول إلى Elegant Themes

بعد الحصول على Divi Proلقد تم إعادة توجيهي لتسجيل الدخول إلى Elegant Themes.

الخطوة 3: تنزيل Divi

بمجرد تسجيل الدخول، تم تقديم طريقتين للتنزيل Divi:

• Divi Theme (منشئ صفحات ووردبريس الكل في واحد)
• مكون Divi Builder (منشئ الصفحات المرئية)

اختر قالب Divi إذا كنت تُنشئ موقعًا إلكترونيًا من الصفر وترغب في استخدامه. إذا كان لديك قالب مُثبّت على موقع ووردبريس الخاص بك وكنت راضيًا عنه، فقم بتنزيل إضافة Divi.

في حالتي، كان لديّ قالب مُثبّت على موقع ووردبريس الخاص بي، وكنتُ راضيًا عنه. اخترتُ "تنزيل مُكوّن Divi الإضافي".

الخطوة 4: إضافة البرنامج الإضافي Divi

بدأ تنزيل البرنامج الإضافي Divi على الفور على جهاز الكمبيوتر الخاص بي.

من لوحة تحكم WordPress الخاصة بي، مررت بالماوس فوق "المكونات الإضافية" وانتقلت إلى "إضافة مكون إضافي".

الخطوة 5: تحميل وتثبيت البرنامج الإضافي Divi

بعد ذلك، قمت بالنقر على "تحميل البرنامج الإضافي"، وحددت ملف ZIP الخاص بالبرنامج الإضافي Divi، ثم حددت "التثبيت الآن".

الخطوة 6: تفعيل البرنامج المساعد

ومن هناك، قمت بالضغط على "تنشيط البرنامج الإضافي".

الخطوة 7: ضبط إعدادات البرنامج الإضافي Divi

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

الخطوة 8: إنشاء مقال

بعد ذلك، أردتُ إنشاء منشور باستخدام ديفي. ذهبتُ إلى منشوراتي واخترتُ أحدها. اخترتُ زر ديفي الأرجواني في الأعلى.

الخطوة 9: التحرير باستخدام Divi Builder

بعد ذلك، قمت بتحديد "تحرير باستخدام Divi Builder".

الخطوة 10: البدء في البناء

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

الخطوة 11: إنشاء تخطيط باستخدام الذكاء الاصطناعي

Divi قدمت ثلاثة خيارات لكيفية البدء في البناء:

1. استخدام المحتوى الموجود: احتفظ بمحتوى الصفحة الحالي أثناء استخدام منشئ Divi.
2. اختر تخطيطًا جاهزًا: اختر من بين مئات التخطيطات الجاهزة، أو استخدم أحد التخطيطات المحفوظة لديك، أو قم بتكرار صفحة موجودة.
3. البناء مع الذكاء الاصطناعي: وصف محتوى صفحتك ودع Divi AI يبني صفحتك بنقرة زر واحدة.

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

الخطوة 12: التحقق من صحة اشتراكك في Elegant Themes

قبل إنشاء نص باستخدام Divi AI، كان عليّ التحقق من اشتراكي في Elegant Themes باستخدام مفتاح API واسم المستخدم.

الخطوة 13: الوصول إلى اسم المستخدم ومفتاح API الخاص بك

لتحديد اسم المستخدم ومفتاح API الخاص بي، قمت بتسجيل الدخول إلى حساب Elegant Themes الخاص بي، ثم مررت فوق "الحساب"، وحددت "اسم المستخدم ومفتاح API".

الخطوة 14: إنشاء مفتاح API

في الأسفل، قمت بتحديد "إنشاء مفتاح API جديد".

الخطوة 15: التحقق من صحة حسابك

من هناك، قمت بنسخ ولصق اسم المستخدم ومفتاح API الخاص بي في الحقول الفارغة على WordPress ثم ضغطت على "إرسال".

الخطوة 16: وصف الصفحة

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

هذا هو الموجه الذي قدمته لـ Divi:

"أنشئ مراجعة لـ Kittl، بما في ذلك الحكم، والإيجابيات، والسلبيات، وما هو، ومن هو الأفضل له، وميزاته الرئيسية، وكيفية استخدامه، وأفضل ثلاثة بدائل."

لقد قدمت أيضًا لـ Divi وصفًا لموقع الويب الخاص بي:

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

الخطوة 17: اختر الصور والخطوط

كان هناك أيضًا ثلاثة أنواع من الصور التي يمكنني أن أجعل Divi يستخدمها على صفحتي:

1. مخزون الصور
2. الصور التي تم إنشاؤها بواسطة الذكاء الاصطناعي
3. صور نائبة

وأخيرًا، تمكنت من تخصيص الخطوط والألوان لصفحتي.

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

بمجرد ملء كل شيء، قمت بالنقر فوق "إنشاء تخطيط".

الخطوة 18: إنشاء التخطيط

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

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

أفضل 3 بدائل لـ Divi

هنا أفضل Divi البدائل التي أوصي بها.

Wix

أول بديل لـ Divi أنصح به هو Wix. Wix أداة بناء مواقع ويب سهلة الاستخدام، مع إمكانية التحرير بالسحب والإفلات. صُممت لمن لديهم خبرة تقنية محدودة أو معدومة في تصميم المواقع.

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

من ناحية أخرى، يوفر Divi خيارات تصميم أكثر تقدمًا مع منشئي الواجهة الأمامية والخلفية، ومنشئ سمات الموقع الكامل، والتكامل مع مكونات WordPress وWooCommerce.

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

قم بزيارة : Wix أو اقرأ كتاباتي استعراض يكس!

B12

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

يستخدم B12 الذكاء الاصطناعي لتسريع التصميم وإنشاء المحتوى. إنه خيار ممتاز لمن يرغب في إنشاء موقع ويب احترافي بسرعة مع تحسين محركات البحث (SEO) مدمج.

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

لتخصيص تصميمك بشكل شامل والتحكم الكامل بعناصر موقعك، اختر Divi. لإنشاء موقع ويب فوري بتقنية الذكاء الاصطناعي، اختر B12!

Brizy

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

يُركز Brizy على البساطة والسرعة. كما يُوفر تعاونًا سحابيًا وأداءً أسرع وأخف.

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

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

مراجعة Divi: هل هي الأداة المناسبة لك؟

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

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

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

شكرًا لقراءة مراجعتي لـ Divi! آمل أن تكون قد استفدت منها. جرّب Divi theme أو منشئ المكونات الإضافية وشاهد كيف يعجبك!

الأسئلة الشائعة

ما هي عيوب ديفي؟

Divi’s من عيوبه أنه مُرهق للمبتدئين نظرًا لميزاته المتعددة. كما أنه قد يُبطئ تحميل الصفحات إذا لم يُحسَّن، خاصةً على المواقع الكبيرة أو المعقدة.

هل Divi أفضل من Wix؟

Wix يُعدّ Divi الخيار الأمثل للمبتدئين الذين يرغبون في موقع إلكتروني متكامل مع قوالب ودعم الذكاء الاصطناعي. أما Divi، فهو الخيار الأمثل للتحكم الكامل في التصميم والتخصيص وتكامل WordPress/WooCommerce.

هل Divi أفضل من Squarespace؟

Divi من الأفضل للتخصيص الكامل والتحكم في كل عنصر من عناصر التصميم والتكامل مع WooCommerce. Squarespace من الأفضل أن يكون بمثابة حل مستضاف شامل مع قوالب للإعداد السريع.

هل ديفي جيد للمبتدئين؟

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

هل يستخدم Divi الذكاء الاصطناعي؟

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