يُعدُّ كل من Elementor وDivi من أفضل منشئ صفحات الووردبريس، إذ تتمكن من خلالهم من إنشاء موقع كامل دون معرفة تقنية، لكن لكل منهم سمات خاصة، لذا سنقارن مقارنة شاملة بين Elementor وDivi؛ لكي تختار الأنسب لك. وستتعرف على الاختلافات والتشابهات بينهما والسعر وغيرها. ليس الهدف تمييز منشئ صفحات عن آخر، لكن الهدف أن تكون الفروق واضحة بالنسبة لك.
يمكنك أيضًا قراءة: كيفية إنشاء موقع ووردبريس في 7 خطوات.
مقارنة بين Elementor وDivi
1. مقارنة من حيث الواجهة
على الرغم من أن لكل من Elementor وDivi واجهة قابلة للسحب والإفلات والتحرير، لكن واجهة كل منهم مختلفة في الاستخدام، فمثلًا في Elementor معظم استخدامك سيكون من خلال الشريط الجانبي. بينما في Divi، ستعتمد على الأزرار، ولنوضح ذلك في كل منهم على نحو أكثر تفصيلًا.
الواجهة في Elementor
بعد تثبيتك وتنشيطك لـ Elementor، ستبدأ حينها التحرير من خلاله. بعدها سترى الواجهة على النحو التالي، الشاشة منقسمة إلى قسمين:
- الأول؛ قسم المعاينة المباشرة لتصميمك ويمكنك التعديل فيه بالسحب والإفلات.
- الثاني؛ القسم الخاص بالشريط الجانبي الموضح أدناه، إذ يمكنك إضافة أي عنصر جديد من الموضحين وتطبيقه على تصميمك.
كما يمكنك إخفاء هذا الشريط، إذا أردت المعاينة في وضع ملء الشاشة. ومن خلال هذا الشريط يمكنك سحب أي مكون وإضافته إلى قسم المعاينة.
الواجهة في Divi
وعلى العكس من Elementor، فإن Divi يتيح لك تحرير مرئي للواجهة الأمامية وكذلك تحرير خلفي.
بعد تثبيتك وتنشيطك لـ Divi، ستُسأل أيضًا ما إذا كنت تريد استخدام Divi Builder، فستختار التحرير بواسطة Divi Builder ستبدأ حينها التحرير من خلاله. وبعد اختيار Divi Builder، فسترى ثلاثة خيارات ألا وهي:
- «البناء من الصفر-Build from scratch»، حيث ستبدأ بصفحة فارغة تمامًا.
- «اختر تخطيطًا تم إعداده مسبقًا-Choose a premade layout»، أي اختيار قالب جاهز.
- «استنساخ الصفحة الحالية-Clone existing page»، أي تكرار صفحة مُنشأة بالفعل.
بعدها ستلاحظ، أنه إذا وددت إضافة شيء؛ ستفتح العديد من النوافذ المنبثقة وستصل من خلالها إلى أي شيء تريده.
كما يمكنك تحرير النصوص مباشرة كما في Elementor.
2. مقارنة من حيث الوحدات والأقسام
هنا سنوضح الفرق بين الوحدات والأقسام في كل منهما وهي التي من خلالها تبدأ في إنشاء تصميمك الخاص للصفحات.
الوحدات والأقسام في Elementor
لكي تبني تصاميم خاصة لصفحاتك، فإن Elementor يتيح لك ثلاثة أنواع من العناصر وهي:
- الأقسام، يمكنك أن تضيف فيها أعمدة وعناصر واجهة المستخدم.
- الأعمدة، تتيح لك تقسيم صفحتك.
- الودجات، تتضمن العناصر الرئيسية التي ستستخدمها مثل النص والزر والصورة وغيرها. في النسخة المجانية هناك أكثر من 40 عنصرًا أساسي لبناء تصميماتك، أما في النسخة المدفوعة هناك أكثر من 50 عنصرًا.
الوحدات والأقسام في Divi
يتيح لك Divi ما يتيحه لك Elementor لكن مع اختلاف المسميات، فمثلًا الأقسام موجود وكذلك «الأعمدة-Rows» والوحدات أو الودجات. ولا توجد نسخة مجانية من Divi والوحدات المتاحة هم 36.
3. المقارنة من ناحية خيارات التصميم
خيارات التصميم في Elementor
سيطبق Elementor عند تثبيته لأول مرة أنماطه الخاصة على المحتوى الخاص بك ولكن يمكنك من خلال إعداداته إيقاف تشغيل هذا التطبيق، واستخدام الأنماط العامة لقالبك كما موضح بالصورة التالية.
كما يتيح لك Elementor ثلاث علامات تبويب مختلفة للتحكم في كيفية ظهور وظائف كل قسم وعمود وعناصر واجهة المستخدم. ويمكنك من علامتي التبويب لـ «المحتوى-Content» و«النمط-Style» إعداد عناصر التحكم الرئيسة مثل الألوان والمحاذاة وغيرها.
أما بالنسبة لعلامة تبويب «الخيارات المتقدمة-Advanced»، فبإمكانك التحكم في إعدادات مثل الهوامش أو إخفاء عنصر معين على أجهزة معينة مثلًا وغيرها. ويمكنك كذلك إضافة أكواد مخصصة وعمل تصاميم خاصة بك.
خيارات التصميم في Divi
مثل Elementor تمامًا، فإن Divi يتيح لك ثلاث علامات تبويب مختلفة منها الخاصة بالمحتوى والتصميم والمتقدمة.
ومثل Elementor أيضًا، بإمكانك تطبيق العديد من إعدادات التصميم اعتمادًا على الجهاز المستخدم.
يمكنك أيضًا التخصيص وإضافة أكود؛ للتغيير من شكل العنصر.
ومؤخرًا، يوجد نظام Divi Preset والذي يتيح لك الحصول على مظهر مخصص وحفظه كإعداد مسبق ويمكنك تطبيق هذه الإعدادات المسبقة المحفوظة عند إضافة أي عنصر لصفحتك.
يمكنك أيضًا قراءة: مراجعة قالب Divi (أفضل قوالب الووردبريس 2023).
4. المقارنة من حيث مكتبات القوالب
يتيح لك كل من Elementor وDivi مكتبات كبيرة.
مكتبات القوالب في Elementor
هناك نوعين مختلفين من القوالب في Elementor:
- النوع الخاص بالصفحات، وهو يتيح تصميمات كاملة لأي صفحة لديك.
- النوع الثاني وهو الكتل أو Blocks، والتصميمات الخاصة به هي تصميمات لأقسام محددة ومنفردة للمكونات التي في صفحتك. كما يوفر لك Elementor في نسخته المجانية أكثر من 40 قالب خاص بالكتل وأكثر من 30 قالب خاص بالصفحات.
مكتبات القوالب في Divi
يتيح Divi أكثر من 350 نموذجًا للتصميم موزعة على حوالي 177 حزمة تخطيط -أي موزعة حول العديد من الأقسام في مجالات مختلفة مثل التعليم والموضة وغيرها-. وذلك مدفوع بالتأكيد ضمن المكون لأنه لا يوجد نسخة مجانية من Divi.
المقارنة من حيث السعر
سعر Elementor
كما ذكرنا يقدم Elementor نسخة مجانية، لكن لجعل موقعك مميز، فالشراء أمر لا مفر منه وهناك ثلاث خطط لـ Elementor Pro وتكون متجددة بشكل سنوي.
- الأولى: لموقع واحد بسعر 49 دولارًا.
- الثانية: لثلاثة مواقع بسعر 99 دولارًا سنويًا.
- الثالثة: ألف موقع بسعر 199 دولارًا سنويًا.
سعر Divi
لا يوجد نسخة مجانية من Divi كما ذكرنا مسبقًا، ويتوفر منه باقتين مختلفتين:
- الأولى: لعدد غير محدود من المواقع بسعر 89 دولارًا سنويًا.
- الثانية: لعدد غير محدود من المواقع بسعر 249 دولارًا مدى الحياة.
مميزات منفردة في كل من Elementor وDivi
إضافةً إلى المقارنة التي طرحناها سابقًا بينهما، لكن علينا ذكر بعض المميزات المنفردة في كل منهما.
مميزات منفردة في Elementor
- يمكنك تصميم نوافذ منبثقة مثل نافذة للاشتراك في البريد الإلكتروني وتسجيل الدخول وغيرها.
- يمكنك تصميم صفحة في وضع الصيانة والتي تتيح لعملائك عدم رؤية الموقع أثناء إعدادك لبعض التغييرات فيه.
- يمكنك إضافة أشكال SVG إلى تصميمك من واجهة Elementor.
- يمكنك تضمين قوالب محفوظة في أي مكان على موقعك وذلك باستخدام أكواد قصيرة أو أدوات الشريط الجانبي. كما يمكنك إنشاء تصميمات متقدمة بشراء النسخة المدفوعة.
مميزات منفردة في Divi
- يتيح لك إجراء اختبارات A/B للوحدات المختلفة، وذلك يساعد في تحسين محتواك.
- يمكنك تعطيل بعض الوحدات الفردية.
- يمكنك بعد الانتهاء من تصميم عنصر معين أن تضع عليه قفل، لكي تتجنب أي تغييرات فيه أثناء عملك على عناصر أخرى.
- يمكنك إضافة وحدة واحدة إلى العديد من الصفحات ثم تحديثها كلها مرة واحدة.
نهايةً، لا يوجد أحدًا منهم أفضل من الآخر لكل منهم مميزات ولكل شخص اختيار مختلف، وقد تتسائل عن الأداء. فأداء كل منهم متميز مع أن المؤشرات توضح فقط تقدم Elementor من ناحية أن حجم الصفحة أقل قليلًا ومن ناحية أن هناك نسخة مجانية أيضًا ولكن على الرغم من ذلك فـ Divi متقدم أيضًا وكونك تطبق أفضل الممارسات على موقعك، فهذا كافٍ جدًا.
يمكنك أيضًا قراءة: أفضل الممارسات لنجاح متجر الدروبشبينغ.