أفضل 10 إضافات منشئ صفحات WordPress مقارنة بعام 2022

هل تحاول تحديد أفضل أداة إنشاء صفحات WordPress لموقعك على الويب؟

لقد عملت عمليًا مع 10 منشئي صفحات WordPress مختلفين لمساعدتك في اتخاذ قرارك. نعم - لقد استخدمت كل واحدة من هؤلاء - هذه ليست مجرد قائمة تستند إلى النسخة التسويقية .

سأقوم بمقارنة منشئي صفحات WordPress العشرة بموضوعية في خمس فئات:

1. الواجهة - كيف تعمل الواجهة وهل تسهل إنشاء صفحات جميلة؟
2. الحاجيات / القوالب المضمنة - ما هي الخيارات التي تحصل عليها لبناء صفحاتك؟
3. خيارات التصميم - كيف يمكنك تصميم العناصر على صفحتك؟
4. ميزات بارزة أخرى - هل تقدم أداة إنشاء الصفحات أي ميزات فريدة ملحوظة؟
5. قفل - ماذا يحدث إذا أردت تعطيل المكون الإضافي؟ ستفقد دائمًا تصميمك المخصص ، لكن بعض منشئي الصفحات يتركون وراءهم رمزًا نظيفًا بخلاف ذلك ، في حين أن البعض الآخر لا يفعل ذلك.

لكل فئة ، سأمنح منشئ الصفحة درجة من 5.

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

فيما يلي أدوات إنشاء صفحات WordPress العشرة التي سألقي نظرة عليها - يمكنك النقر للانتقال إلى مُنشئ صفحات معين:

• العنصر
• بيفر بيلدر
• ديفي بيلدر
• ثرايف المهندس المعماري
• SiteOrigin Page Builder
• WPBakery Page Builder
• Themify Builder
• بريزي
• الملحن المرئي
• WP Page Builder

أو يمكنك التوجه مباشرة إلى جدول المقارنة.

1. العنصر

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

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

على الرغم من أنه بدأ كمحرر للصفحة فقط ، فإن الإصدار المتميز ، Elementor Pro ، يتيح لك الآن القيام بأكثر من مجرد بناء الصفحة. أبرز ميزتين هما:

• Theme Builder - صمم المظهر بالكامل باستخدام نفس واجهة Elementor المريحة. يتضمن ذلك رأس الصفحة وتذييلها وصفحات الأرشيف وصفحات المنشورات الفردية وصفحات منتج / متجر WooCommerce وقوالب نوع المنشورات المخصصة وما إلى ذلك. يمكنك الحصول على أدوات مخصصة للعناصر المشتركة ، ويمكنك حتى إدراج محتوى ديناميكيًا من الحقول المخصصة.
• Popup Builder - تصميم النوافذ المنبثقة المرنة باستخدام واجهة Elementor الكاملة. يمكنك تضمين جميع أدوات Elementor العادية ، والتي تتيح لك إنشاء النوافذ المنبثقة للبريد الإلكتروني ، والنوافذ المنبثقة لنماذج الاتصال ، والنوافذ المنبثقة لتسجيل الدخول ، والمزيد.

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

اقرأ مراجعة Elementor Pro.

السعر: نسخة أساسية مجانية. يبدأ Elementor Pro بسعر 49 دولارًا للاستخدام على موقع واحد.

الواجهة - 5/5

تنقسم واجهة Elementor إلى جزأين أساسيين ، مع منطقة ثالثة لبعض الإعدادات الأصغر:

• 1 - هذه هي المعاينة المباشرة لتصميمك. يبدو تمامًا كما لو أن زوار موقعك سيشاهدونه. يمكنك أيضًا كتابة نص مباشرةً في هذه الواجهة ، وكذلك سحب وإفلات عناصر مختلفة لإعادة ترتيبها.
• 2 - يعرض هذا قائمة بالعناصر التي يمكنك استخدامها. أنت فقط تسحبهم. وعندما تحدد عنصرًا أو قسمًا فرديًا ، فهذا هو المكان الذي ستقوم بتصميمه فيه.
• 3 - تساعدك هذه على الوصول إلى المعاينات سريعة الاستجابة والتراجع / الإعادة عن التغييرات وغيرها من الميزات الأصغر.

على سبيل المثال ، إليك نظرة على كيفية السحب فوق عنصر واجهة مستخدم للنص ثم الكتابة ببساطة على الصفحة (تحرير موضعي) لتغيير النص:

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

الحاجيات / القوالب المضمنة - 5/5

في الإصدار المجاني ، يتضمن Elementor 28 عنصر واجهة مستخدم مجاني . ويمكنك أيضًا استخدام جميع أدوات WordPress الأساسية. يضيف الإصدار Pro 30 عنصر واجهة مستخدم آخر ، مما يمنحك إجمالي 58 عنصر واجهة مستخدم في إصدار Pro:

يأتي الإصدار المجاني أيضًا مع حوالي 40 نموذجًا مجانيًا . ويضيف إصدار Pro المئات من القوالب الإضافية.

تأتي القوالب بتنسيقين:

• الصفحات - تصميمات كاملة الصفحة تحتاج فقط إلى تعديلها.
• الكتل - أقسام فردية يمكنك تجميعها معًا مثل Legos.

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

خيارات التصميم - 5/5

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

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

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

• هوامش / حشو مخصص.
• معرفات / فئات CSS المخصصة. باستخدام Elementor Pro ، يمكنك إضافة أنماط CSS فعليًا إلى العناصر الفردية مباشرةً.
• ادوات التحكم سريعة الرد. يمكنك إظهار / إخفاء العناصر على أجهزة معينة.

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

الميزات البارزة الأخرى - 5/5

تتوفر هذه الميزات في Elementor Pro:

• بناء موضوع كامل. يمكنك استخدام نفس واجهة Elementor لإنشاء أجزاء من القالب مثل الرؤوس والتذييلات والعناصر الفردية والمحفوظات. في الأساس ، يمكنك إنشاء المظهر بالكامل باستخدام Elementor.
• WooCommerce builder - صمم صفحات متجر ومنتج WooCommerce.
• مبنى منبثق . صمم النوافذ المنبثقة المرنة واستهدفها لمحتوى محدد.
• تكامل النموذج . قم بتوصيل أداة النموذج بخدمات التسويق عبر البريد الإلكتروني الشائعة (أو Zapier لمزيد من المرونة).
• الحاجيات العالمية. تتيح لك هذه إعادة استخدام عنصر مشترك عبر صفحات متعددة وتحرير جميع مثيلات عنصر واجهة المستخدم العامة بمجرد تحديث عنصر واجهة المستخدم العام.
• تضمين في أي مكان . استخدم قوالب Elementor في مناطق أخرى عبر عناصر واجهة المستخدم أو الرموز القصيرة.

قفل - 5/5

إذا قمت بإلغاء تنشيط Elementor في أي وقت ، فإنه يترك ورائه رمزًا نظيفًا. على سبيل المثال ، إذا كان لديك رأس <h3> مع Elementor ، فسيظل لديك رأس <h3> بعد إلغاء تنشيط Elementor - سيستخدم فقط تصميم قالبك.

2. بيفر بيلدر

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

هناك أيضًا بعض الوظائف الإضافية الرسمية التي يمكنك إقرانها بها لمزيد من المرونة - لا سيما سمة Beaver Builder الاختيارية وامتداد Beaver Themer.

اقرأ مراجعة Beaver Builder.

السعر: نسخة مجانية محدودة. يبدأ بسعر 99 دولارًا للاستخدام في مواقع محدودة.

الواجهة - 5/5

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

• 1 - انقر فوق هذا لفتح منطقة الشريط الجانبي
• 2 - هذه معاينة مباشرة لتصميمك

أضاف Beaver Builder مؤخرًا ميزة تحرير النص المضمنة ، مما يعني أنه يمكنك إما الكتابة مباشرة على الصفحة لتعديل النص أو استخدام النافذة المنبثقة التي تظهر:

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

الحاجيات / القوالب المضمنة - 4/5

في الإصدار المجاني ، يتيح لك Beaver Builder الوصول إلى 6 وحدات فقط ، على الرغم من أنه يمكنك أيضًا استخدام أدوات WordPress القياسية.

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

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

خيارات التصميم - 5/5

لتصميم الوحدات والأقسام الخاصة بك ، يمكنك إما:

• استخدم النافذة المنبثقة الافتراضية
• ثبّت النافذة على الجانب لإنشاء شريط جانبي ( يمكنك رؤية هذا في المثال أدناه ).

تعتمد الخيارات الدقيقة على الوحدة النمطية ، ولكن بشكل عام يمنحك Beaver Builder تحكمًا جيدًا في عناصرك ، بما في ذلك التباعد المخصص وعناصر التحكم سريعة الاستجابة.

كما يوفر Beaver Builder مفتاح تبديل فريدًا للغاية يتيح لك إظهار أو إخفاء الوحدات الفردية بناءً على ما إذا كان المستخدم قد قام بتسجيل الدخول أم لا:

الميزات البارزة الأخرى - 4/5

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

في حين أن الميزات الفريدة جيدة ، إلا أنني أتحدث عن نقطة لأنه يتعين عليك دفع المزيد للحصول عليها.

قفل - 5/5

مثل Elementor ، يترك Beaver Builder وراءه كودًا نظيفًا بنسبة 100٪ بتنسيق HTML المناسب.

3. ديفي بيلدر

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

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

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

اقرأ مراجعتنا Divi Builder.

السعر: متوفر كجزء من عضوية Elegant Themes البالغة 89 دولارًا

الواجهة - 5/5

تبدو واجهة الواجهة الخلفية لـ Divi Builder كما يلي:

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

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

مثل المنشئين السابقين للصفحة ، يمكنك أيضًا استخدام التحرير المضمن لتحرير النص مباشرة على الصفحة:

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

الحاجيات / القوالب المضمنة - 5/5

يتضمن Divi Builder 46 وحدة يمكنك استخدامها لبناء تصميماتك:

يمكنك أيضًا الوصول إلى 316 قالبًا ضخمًا تم إنشاؤه مسبقًا موزعة على 40 حزمة تخطيط مختلفة ، بالإضافة إلى القدرة على حفظ التصميمات الخاصة بك كقوالب:

خيارات التصميم - 5/5

مثل Beaver Builder ، يتيح لك Divi Builder تصميم عناصر من نافذة منبثقة يمكنك ، إذا رغبت في ذلك ، تثبيتها على الجانب.

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

يمكنك حتى إضافة CSS مخصص إلى العنصر الرئيسي أو قبل / بعد العنصر الرئيسي. يتضمن محررو CSS أيضًا التحقق الأساسي والإكمال التلقائي! ويمكنك أيضًا فتح منتقي الألوان مباشرة من المحرر:

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

الميزات البارزة الأخرى - 5/5

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

قفل - 3/5

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

على الرغم من أن هذا يمثل مشكلة إلى حد ما ، إلا أن هذه مشكلة أقل الآن حيث توجد مكونات إضافية مثل Shortcode Cleaner. ستفقد التنسيق - مثل علامة <h3> - لكنك لن تفقد المحتوى نفسه.

4. ثرايف أركيتكت

Thrive Architect هو الإصدار المحدث لما كان في السابق Thrive Content Builder. تتميز الواجهة الجديدة بالكثير من أوجه التشابه مع واجهة Elementor ، والتي ستراها في ثانية.

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

اقرأ مراجعة Thrive Architect.

السعر: إنه جزء من Thrive Suite ، والذي يكلف 19 دولارًا شهريًا (يتم دفعه سنويًا).

الواجهة - 5/5

كما قلت ، سترى بعض أوجه التشابه بين واجهة Thrive Architect وواجهة Elementor ( جاء Elementor أولاً ، في حال كنت تتساءل ):

إنها نفس الفكرة لديك:

• 1 - هذه هي المعاينة المباشرة لتصميمك. يبدو تمامًا كما لو أن زوار موقعك سيشاهدونه. يمكنك أيضًا كتابة نص مباشرةً في هذه الواجهة ، وكذلك سحب وإفلات عناصر مختلفة لإعادة ترتيبها.
• 2 - يعرض هذا قائمة بالعناصر التي يمكنك استخدامها. أنت فقط تسحبهم. وعندما تحدد عنصرًا أو قسمًا فرديًا ، فهذا هو المكان الذي ستقوم بتصميمه فيه.
• 3 - تساعدك هذه على الوصول إلى المعاينات سريعة الاستجابة والتراجع / الإعادة عن التغييرات وغيرها من الميزات الأصغر.

نعم - قمت بنسخ ذلك ولصقه من قسم Elementor .

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

كما يوفر Thrive Architect أيضًا تحريرًا مضمّنًا حقيقيًا للنص. في الواقع ، يتمتع Thrive Architect بأكثر وظائف التحرير المضمنة سلاسة لأي منشئ صفحات ، في رأيي:

الحاجيات / القوالب المضمنة - 4/5

يقدم Thrive Architect 40 أداة مختلفة ، بما في ذلك بعض الأدوات الأنيقة مثل مؤقت العد التنازلي دائم الخضرة.

يتضمن Thrive Architect أيضًا مئات القوالب المقسمة إلى 36 "مجموعة" تقريبًا. ويمكنك أيضًا حفظ التصميمات الخاصة بك كقالب.

خيارات التصميم - 5/5

ينفصل Thrive Architect عن Elementor في كيفية تعامله مع التصميم. بدلاً من إعطائك علامات تبويب ، يقوم Thrive Architect بتضمين كل شيء في عمود واحد.

خيارات التصميم مفصلة إلى حد ما ، وتتضمن عناصر تحكم سريعة الاستجابة ومسافات مخصصة:

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

الميزات البارزة الأخرى - 3/5

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

والشيء الرائع الآخر هو مدى تكامله مع منتجات Thrive Themes الأخرى. فمثلا:

• إذا كنت تستخدم Thrive Optimize ، فيمكنك إجراء اختبارات A / B باستخدام Thrive Architect.
• إذا كنت تستخدم Thrive Leads ، فيمكنك بسهولة دمج العناصر الإضافية المفصلة لـ Thrive Leads في Thrive Architect.

قفل - 5/5

تترك Thrive Architect وراءها كودًا نظيفًا بنسبة 100٪ مثل Elementor و Beaver Builder.

5. SiteOrigin Page Builder

SiteOrigin Page Builder موجود منذ ما يبدو إلى الأبد. وفي ذلك "إلى الأبد" ، تمكنت من جمع أكثر من مليون تثبيت نشط على WordPress.org ، مما يجعلها واحدة من أكثر المكونات الإضافية لبناء الصفحات شيوعًا في السوق.

في حين أن SiteOrigin Page Builder خفيف الوزن قليلاً أكثر من معظم الخيارات الأخرى في هذه القائمة ، فإنه يوفر أداءً رائعًا والعديد من عناصر التحكم في CSS المفيدة.

السعر: مجاني. تبدأ حزمة SiteOrigin Premium بسعر 29 دولارًا

الواجهة - 3/5

يحتوي SiteOrigin على واجهتين يمكنك استخدامهما لبناء تصميمك.

لديك محرر الخلفية الأصلي:

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

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

إذا كنت تريد تلك المعاينة المباشرة ، فقد أضاف SiteOrigin Page Builder وضع محرر مباشر:

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

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

الحاجيات / القوالب المضمنة - 2/5

بالإضافة إلى أدوات WordPress الأساسية ، يقدم SiteOrigin Page Builder أيضًا مكونًا إضافيًا مجانيًا لـ Widgets Bundle يضيف مجموعة معيارية من 23 عنصر واجهة مستخدم يمكنك استخدامها. يتضمن أيضًا حوالي 25 نموذجًا تم إنشاؤه مسبقًا يمكنك استخدامها ، على الرغم من أنها مجردة جدًا مقارنةً ببرامج إنشاء الصفحات الأخرى.

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

خيارات التصميم - 3/5

ستكون خيارات تصميم SiteOrigin Page Builder مخيبة للآمال بالمقارنة مع منشئي الصفحات الآخرين إذا كنت لا تعرف CSS . ولكن إذا كنت مرتاحًا لاستخدام CSS الخاص بك ، فهي مفيدة جدًا في الواقع.

بالإضافة إلى إضافة فئات ومعرفات CSS ، يمكنك أيضًا إضافة CSS مباشرةً إلى العناصر الفردية ، بما في ذلك قسم لـ CSS للجوال فقط:

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

الميزات البارزة الأخرى - 2/5

SiteOrigin Page Builder خفيف الوزن إلى حد ما ، لكنك تحصل على منشئ أساسي مخصص لنوع المنشور في حزمة SiteOrigin Premium.

قفل - 4/5

يترك SiteOrigin Page Builder وراءه مزيجًا من HTML نظيف وأكواد مختصرة. وهذا يعني أن بعض الأدوات - مثل محرر النصوص - تترك وراءها HTML نظيفًا ، في حين أن البعض الآخر - مثل أداة الزر - يترك وراءه رموزًا قصيرة.

6. WPBakery Page Builder

يعد WPBakery Page Builder ، المعروف سابقًا باسم Visual Composer ، منشئ صفحات ممتاز آخر ذائع الصيت. يأتي جزء كبير من هذه الشعبية من حقيقة أن WPBakery Page Builder مدمج مع ما يبدو أنه 99٪ من السمات في ThemeForest. لكن تظل الحقيقة أنه يتم استخدامه على عدد كبير من المواقع .

السعر: 64 دولار

الواجهة - 3/5

مثل Divi Builder ، يمنحك WPBakery Page Builder كلاً من تحرير الواجهة الأمامية المرئية ، بالإضافة إلى تحرير الواجهة الخلفية.

يمكنك استخدام الواجهة الخلفية إذا كنت تريد:

لكني أعتقد أن معظم الناس سيكونون أكثر سعادة في الواجهة الأمامية ، والتي تبدو كالتالي:

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

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

الحاجيات / القوالب المضمنة - 3/5

يوفر WPBakery Page Builder 39 عنصرًا ، بالإضافة إلى جميع أدوات WordPress العادية. سيتم دمج بعض هذه العناصر في مُنشئ صفحات آخر ، ومع ذلك ، فإن الرقم الفعلي يشبه إلى حد بعيد 33 :

يمكنك أيضًا الحصول على حوالي 86 قالبًا. بعض القوالب عبارة عن صفحات كاملة ، بينما البعض الآخر عبارة عن أقسام.

خيارات التصميم - 3/5

بالمقارنة مع شيء مثل Elementor أو Divi Builder ، فإن خيارات أسلوب WPBakery Page Builder محدودة بعض الشيء.

لديك قدر كبير من التحكم في الصفوف:

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

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

الميزات البارزة الأخرى - 3/5

لست متأكدًا من أن WPBakery Page Builder لديه أي ميزات فريدة ملحوظة بشكل خاص. ولكن ما يحتويه هو مجتمع إضافي ضخم تابع لجهة خارجية. في حين أن العديد من منشئي الصفحات الآخرين لديهم وظائف إضافية لجهات خارجية ، فإن WPBakery Page Builder فريد من نوعه في العدد ، والذي يزيد عن 250+ وظيفة إضافية .

قفل - 3/5

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

7. Themify Builder

Themify Builder هو ، مما لا يثير الدهشة ، منشئ صفحات Themify. يقوم Themify بتجميعه مع العديد من السمات الخاصة به لمنح العملاء خيارات تخصيص سهلة. ولكن يمكنك أيضًا شرائه كمكوِّن إضافي مستقل واستخدامه مع أي سمة.

السعر : نسخة مجانية خفيفة الوزن. يبدأ Pro بسعر 39 دولارًا أو 59 دولارًا (اعتمادًا على الوظائف الإضافية)

الواجهة - 4/5

مثل Divi Builder و WPBakery Page Builder ، يتيح لك Themify Builder إنشاء تصميماتك باستخدام واجهات الواجهة الخلفية والواجهة الأمامية.

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

تبدو واجهة الواجهة الخلفية كما يلي:

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

• 1 - يتيح لك إدخال وحدات جديدة ( طريقتان مختلفتان )
• 2 - المعاينة الحية
• 3 - معاينات سريعة الاستجابة والتراجع / الإعادة والإعدادات الأخرى

لا يوجد تحرير مضمّن - ستحتاج إلى تعديل النص في نافذة منبثقة:

ومع ذلك ، تبدو الواجهة الجديدة "أكثر سرعة" من الواجهة القديمة ، مما يخلق تجربة تحرير أسرع بكثير.

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

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

في الواقع ، لا يزال انتقادي الرئيسي الوحيد هو الافتقار إلى تحرير الخط.

الحاجيات / القوالب المضمنة - 3/5

يقدم Themify Builder حوالي 32 وحدة نمطية (اعتمادًا على الوظائف الإضافية الخاصة بك) ، بالإضافة إلى جميع أدوات WordPress العادية.

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

خيارات التصميم - 4/5

إذا قمت بالنقر فوق أي عنصر ، فستحصل على أربع علامات تبويب مختلفة للمساعدة في تصميمه:

• المحتوى
• التصميم ( كما هو موضح أدناه )
• الرؤية ( تتيح لك إخفاء عنصر على أجهزة معينة )
• حيوية

شيء جميل آخر هو أن Themify Builder يتيح لك تخصيص نقاط التوقف المتجاوبة ( وإن كان ذلك على مستوى الموقع فقط ).

في الإصدار 4.0 ، أضاف Themify Builder أيضًا فواصل الأشكال المخصصة ، والتي تتيح لك الاختيار من بين 25 شكلاً معدة مسبقًا.

الميزات البارزة الأخرى - 4/5

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

تعمل هذه الميزة أيضًا في محرر قوالب WordPress الجديد.

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

قفل - 5/5

تم تحسين Themify Builder بشكل كبير فيما يتعلق بالقفل. الآن ، إذا قمت بإلغاء تنشيطه ، فإنه يترك المحتوى الخاص بك خلفه بتنسيق HTML نظيف.

8. بريزي

تم إطلاق Brizy في أبريل 2018 ، وهو أحد منشئي الصفحات "الأصغر سنًا" في هذه القائمة. ولكنه يأتي من مطور معروف - ThemeFuse - وسرعان ما حقق ما يصل إلى 60 ألف عملية تثبيت نشطة. بالإضافة إلى ذلك ، فإنه يوفر فقط طريقة فريدة لبعض أجزاء بناء الصفحة ، مما يجعله عرضًا مثيرًا للاهتمام.

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

السعر: نسخة أساسية مجانية. يبدأ الإصدار المحترف بسعر 49 دولارًا.

الواجهة - 5/5

Brizy هو حصريا منشئ الصفحات المرئية للواجهة الأمامية.

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

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

انظر إلى ما أعنيه:

والنتيجة هي طريقة سريعة حقًا لبناء الصفحات.

الحاجيات / القوالب المضمنة - 4/5

يقدم Brizy حاليًا 26 عنصرًا أساسيًا . هذا الرقم صغير ، لكن بريزي لا يزال جديدًا لذا نأمل أن يزداد بمرور الوقت.

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

يتضمن أيضًا أكثر من 150 كتلة (أقسام قوالب) يمكنك استخدامها.

خيارات التصميم - 5/5

نظرًا لكيفية عمل واجهة Brizy ، لا توجد صيغة محددة لخيارات التصميم مثل أدوات إنشاء الصفحات الأخرى.

يمكنك توسيع الشريط الجانبي للإعدادات المتقدمة مثل التباعد وعناصر التحكم سريعة الاستجابة:

يمكنك أيضًا إضافة نمط أساسي على مستوى الصفحة بحيث لا تضطر إلى تعديل كل عنصر يدويًا:

ولكن في معظم الأوقات ، ستستخدم عناصر التحكم المضمنة لتصميم عناصرك ، مما يمنحك قدرًا جيدًا من التحكم.

الميزات البارزة الأخرى - 5/5

تعد واجهة Brizy فريدة جدًا بالفعل ، ولكنها أيضًا وضعت بسرعة قائمة ميزات ممتازة منذ إصدارها:

• مُنشئ السمات - تصميم الرؤوس والتذييلات والمحفوظات وقوالب المشاركة الفردية باستخدام Brizy. دعم WooCommerce في الطريق . يتضمن أيضًا ميزة ديناميكية لجلب محتوى حقل مخصص من المكونات الإضافية الشائعة مثل ACF و Toolset.
• Popup builder - تصميم النوافذ المنبثقة باستخدام واجهة Brizy واستخدام الشروط للتحكم في مكان / وقت عرضها.
• لافتات عالمية تتم مزامنتها عبر صفحات متعددة.
• التكامل مع خدمات التسويق عبر البريد الإلكتروني الشائعة (و Zapier).

قفل - 4/5

Brizy يترك وراءه كود HTML نظيف في الغالب إذا قمت بإلغاء تنشيطه. لكنه لا يزال يترك مجموعة من divs مع فئات Brizy CSS في الكود ، مما يفسد التباعد قليلاً ويتطلب التنظيف.

9. الملحن المرئي

أعلاه ، لقد أخبرتك أن WPBakery Page Builder كان يُعرف باسم المؤلف المرئي. والسبب في ذلك هو أن الفريق وراء Visual Composer قرر فصل WPBakery Page Builder حتى يتمكنوا من إطلاق منتج جديد تمامًا باستخدام اسم Visual Composer.

هذا ما نركز عليه في هذا القسم.

بينما يأتي من نفس الفريق ، فهو منتج منفصل تمامًا.

يتمثل الاختلاف الرئيسي في أن Visual Composer هو منشئ مواقع ويب كامل ، في حين أن WPBakery Page Builder هو مجرد منشئ صفحات .

السعر: نسخة مجانية محدودة. يبدأ الإصدار المحترف بسعر 49 دولارًا.

الواجهة - 3/5

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

من هناك ، يمكنك تصميم كل شيء باستخدام واجهة مرئية:

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

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

الحاجيات / القوالب المضمنة - 5/5

عند تثبيت Visual Composer لأول مرة (أو إذا كنت تستخدم الإصدار المجاني فقط) ، يمكنك فقط الوصول إلى عدد قليل من الكتل وبدون قوالب.

لا تنخدع ، على الرغم من ذلك - يحتوي Visual Composer على مجموعة كبيرة من العناصر والقوالب - ما عليك سوى الاتصال بـ Visual Composer Hub وتنزيل العناصر التي تريد استخدامها:

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

خيارات التصميم - 4/5

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

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

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

الميزات البارزة الأخرى - 5/5

كما ذكرت أعلاه ، يعد Visual Composer منشئ مواقع الويب بالكامل ، لذا يمكنك إنشاء موقعك بالكامل باستخدام واجهته ، بما في ذلك الرؤوس والتذييلات والقوالب والمزيد.

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

الميزة البارزة الأخرى هي Visual Composer Hub ، والذي يأتي مع الكثير من القوالب وعناصر المحتوى التي يمكنك استيرادها.

قفل - 5/5

إذا قمت بإلغاء تنشيط Visual Composer ، فإنه يترك ورائه HTML نظيفًا نسبيًا. لا يزال HTML يتضمن فئات Visual Composer CSS ، ولكن لا توجد أية مشكلات في الواجهة الأمامية أو رموز قصيرة.

10. WP Page Builder

يعد WP Page Builder عرضًا جديدًا من Themeum ، وهو مطور WordPress مؤسس. لذا في حين أن المكون الإضافي نفسه جديد ، إلا أنه يأتي من فريق كان موجودًا في مساحة WordPress لفترة من الوقت.

يجعل Themeum أيضًا المكون الإضافي Tutor LMS الذي قمنا بمراجعته منذ وقت ليس ببعيد.

السعر: نسخة مجانية سخية إلى حد ما. يبدأ الإصدار المحترف بسعر 39 دولارًا.

الواجهة - 4/5

يحتوي WP Page Builder على واجهة قياسية جدًا بقدر ما يذهب إليه منشئو الصفحات. يمكنك الحصول على معاينة مرئية لتصميمك على اليمين وشريط جانبي على اليسار حيث يمكنك التحكم في تصميماتك.

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

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

الحاجيات / القوالب المضمنة - 5/5

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

يمكنك أيضًا الوصول إلى 31 + Layout Bundles ، وهي حزم قوالب موضوعة لمنافذ محددة. يتضمن كل تخطيط قوالب متعددة:

خيارات التصميم - 4/5

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

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

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

الميزات البارزة الأخرى - 3/5

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

بخلاف أداة إنشاء الصفحات نفسها ، لا أرى حقًا أي ميزات بارزة.

قفل - 3/5

When you disable WP Page Builder, it removes everything , including your content. Even if you just added a single text block, that text block will still disappear when you disable WP Page Builder.

The content will reappear if you reactivate the plugin.

Which Is The Best WordPress Page Builder?

So which of these 10 page builders should you choose? Well, here's how the scores stack up (in order):

And personally, that's pretty much how I would recommend them to people, as well.

On my own sites, I use a mix of Elementor and Thrive Architect, depending on the site.

If you're looking for the best value of price vs features, here's another table comparing the score to the pricing options:

Now over to you — which one do you think is the best WordPress page builder?