Elementor مقابل جوتنبرج

من لا يحب معركة جيدة؟ نعتقد أنه عندما يتعلق الأمر ببناء مواقع الويب ، فقد وجدنا لك ملحمة رائعة.

في هذه الزاوية ، لدينا Elementor - الذي نصب نفسه "ملك بناة صفحات WordPress" (كلماتهم ، وليست كلماتنا). وفي الزاوية الأخرى يوجد Gutenberg ، المحرر الجديد الذي يأتي مثبتًا مسبقًا مع WordPress.

يتمتع كلا البناة بنقاط قوتهم وضعفهم ، وقد يكون اكتشاف أيهما مناسبًا لك أمرًا محيرًا. للمساعدة في فهم ما يقدمه كل طرف ، إليك مقارنة مفصلة بين Elementor و Gutenberg:

ما هو العنصر؟

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

تم إنشاؤه بواسطة Yoni Luksenberg ، الذي طور مواقع الويب لأكثر من 20 عامًا. عندما وجد أن عملية تصميم الويب بطيئة وغير فعالة ، أراد إنشاء شيء من شأنه أن يساعد الأشخاص في إنشاء مواقع ويب جميلة دون الحاجة إلى كتابة تعليمات برمجية. تم إطلاق Elementor في مايو 2016 ونمت بسرعة منذ ذلك الحين ، لتصبح واحدة من أكثر ملحقات WordPress شهرة في التاريخ.

باستخدام Elementor ، يمكنك إنشاء أي نوع من مواقع الويب: الصفحات المقصودة ومواقع السيرة الذاتية / المحفظة عبر الإنترنت ومواقع الأعمال التجارية والمزيد - كل ذلك من البداية أو باستخدام قوالب معدة مسبقًا. يمكنك أيضًا تخصيص السمات الحالية لتحقيق النتائج المرجوة - لا توجد قيود.

الميزات الرئيسية للعنصر

فيما يلي الميزات الرئيسية لمنشئ الصفحة هذا:

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

لماذا يجب عليك استخدام Elementor؟

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

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

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

قد يستغرق تصميمها من نقطة الصفر ساعات ، لذا إذا لم تكن هذه الميزة سببًا كافيًا وحده ، فأنا لا أعرف ما الذي قد يقنع شخصًا آخر بخلاف ذلك!

معاينة في الوقت الفعلي: يحتوي Elementor على ميزة المعاينة المباشرة التي تمكن عملائي من رؤية التغييرات التي تم إجراؤها بمجرد حدوثها بدلاً من الانتظار حتى اكتمال كل شيء قبل مراجعة الكل مرة واحدة (مما يوفر لنا الوقت!). أيضًا ، إذا كان هناك شيء ما لا يبدو صحيحًا ، فيمكننا العودة دون الحاجة إلى البدء من جديد

ما هو جوتنبرج؟

يعد Gutenberg (المعروف أيضًا باسم " محرر المحتوى الجديد في WordPress ") جزءًا من حياتك إذا كنت تقرأ هذا. سواء استخدمته أم لا ، فهو بالفعل جزء كبير من WordPress.

مُنشئ صفحات الحظر هو المحرر الافتراضي لجميع مواقع WordPress والمشاركات التي تم إنشاؤها بعد إصداره في 2018 (WordPress 5.0).

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

من الأفضل التفكير في Gutenberg على أنه معالج كلمات مكافئ لـ MS Word أو Google Docs ولكنه مصمم حصريًا لمواقع WordPress - ليحل محل المحرر الكلاسيكي القديم الذي كان قيد الاستخدام منذ 2005.

الميزات الرئيسية لجوتنبرج

فيما يلي الميزات الرئيسية لمحرر الكتلة هذا:

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

لماذا يجب عليك استخدام جوتنبرج؟

لماذا يجب أن تستخدم جوتنبرج؟ حسنًا ، دعنا نلقي نظرة على فوائد القيام بذلك.

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

Gutenberg Vs Elementor: هل لديهم أي ميزات مشتركة؟

نعم ، يوجد لدى البناة بعض الميزات المشتركة. فيما يلي أهم 3:

• التحرير الفردي: يسمح لك كل من Elementor و Gutenburg بتحرير الكتل الفردية (سواء كانت فقرة أو صورة أو غير ذلك). هذه الميزة مهمة لأنها تظهر أن كلا منشئ الصفحات قد استغرق الوقت والجهد لتلبية هذه الحاجة.
• التخطيطات المخصصة: يمكنك إنشاء تخطيطات مخصصة باستخدام كل من Elementor و Gutenburg. بمعنى آخر ، إذا كنت تريد النص على اليسار وصورة على اليمين ، فيمكنك تحقيق ذلك بسهولة!
• متوافق مع الوظائف الإضافية التابعة لجهات خارجية: إذا كنت ترغب في توسيع وظائف إما Elementor أو Guttenberg ، فهناك الكثير من الوظائف الإضافية المتوافقة المتاحة عبر الإنترنت. على سبيل المثال ، إذا كنت تبحث عن بعض ميزات التخصيص في النماذج أو المعارض الخاصة بك باستخدام Gutenburg ، فجرّب النماذج المتقدمة. إذا كنت تريد المزيد من التحكم في كيفية ظهور صورك باستخدام Elementor ، فجرّب Image Intense.

Elementor vs Gutenburg: ما هي الاختلافات؟

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

ومع ذلك ، فإن لكل من Elementor و Gutenburg اختلافاتهما. فيما يلي مقارنة بين ما يقدمه كل طرف:

كلفة

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

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

سمات

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

لنبدأ بالمحرر المرئي. يعد Elementor أسهل في الاستخدام ويأتي مع الكثير من القوالب والأقسام والأدوات التي يمكنك تخصيصها كما تريد.

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

سهل الاستخدام

Gutenberg سهل الاستخدام للغاية ، وواجهة المستخدم (UI) لها تصميم تخطيط مباشر.

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

منحنى التعلم

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

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

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

أداء

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

منشئ صفحات Gutenberg هو جزء من نواة WordPress وبالتالي يتم تحميله بسرعة مقارنة بـ Elementor ، الذي يحتوي على الكثير من bloatware معبأة في الداخل. يلعب وقت تحميل الصفحة دورًا مهمًا عندما يتعلق الأمر بأداء تحسين محركات البحث وتجربة المستخدم (UX). لذلك إذا كنت تبحث عن سرعة فائقة وترغب في الحصول على مرتبة أعلى في محركات البحث ، فإننا نوصي باستخدام محرر Gutenberg بدلاً من Elementor.

تعمل صفحات Gutenberg بشكل أفضل من Elementor عند اختبارها باستخدام أدوات مثل Google Page Speed ​​Insights أو GTMetrix

الواجهة الخلفية والواجهة الأمامية

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

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

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

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

توافق السمة

التأكد من أن المكون الإضافي الذي تختاره متوافق مع قالبك هو أمر بالغ الأهمية! بعد كل شيء ، إذا لم يكن الأمر كذلك ، فلن تتمكن من استخدامه.

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

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

تحرير الحرية

ماذا عن حرية التحرير؟ أنت حر في تعديل المحتوى في Gutenberg ، لكن تخطيط الصفحة محظور. لا يمكنك تحرير تذييل المحرر أو الشريط الجانبي أو الرأس أو أي عنصر عام. يمنحك Elementor التحكم الكامل في جميع العناصر على الصفحة.

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

أي واحد تختار؟

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

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

يعد الحفاظ على سرعة تحميل عالية للصفحة أمرًا ضروريًا للترتيب الجيد في محركات البحث ، وكذلك استخدام تصميم جذاب.

لذا ، ماذا لو كنت تريد أكثر من موقع أساسي؟

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

ونظرًا لأننا نعلم جميعًا مدى أهمية تحسين محركات البحث ، فأنت بحاجة إلى تصميم موقع ويب سريع التحميل. قد يأتي Elementor على حساب بعض التعليمات البرمجية الأقل من المثالية (سعر صغير للوظائف). ومع ذلك ، هناك طرق للتغلب على هذا الرمز المتضخم ، مثل استخدام المكونات الإضافية لإزالة bloat مثل Assets Cleanup و Perfmatters وما إلى ذلك.

استنتاج

يعد كل من Gutenberg و Elementor خيارات رائعة للمبتدئين الذين ليس لديهم الكثير من المعرفة التقنية. كلاهما يؤدي وظيفتهما بشكل جيد ، لكن كلاهما لديه نقاط قوته وضعفه. كل منها هو الأنسب لغرض معين.

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

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

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

كيفية إضافة قائمة الرغبات في WooCommerce W / O Plugin