أفضل محرر WYSIWYG WordPress - مقارنة بناة 7 صفحات

هل تبحث عن أفضل محرر WYSIWYG لبرنامج WordPress؟

تستند هذه المقالة إلى تجربتي على مدار السنوات الثلاث الماضية ، حيث انتقلت من محرر WP بالسحب والإفلات إلى آخر.

لقد وجدت أخيرًا واحدًا يعجبني وسأخبرك أيهما أدناه.

فلماذا تحتاج إلى محرر WYSIWYG لبرنامج WordPress؟

بعد كل شيء ، يأتي WordPress مدمجًا بالفعل مع محرر يسمى TinyMCE ، وهو من الناحية الفنية محرر WYSIWYG.

يجب أن أوضح هنا ، أن ما أعنيه بمحرر WYSIWYG هو محرر حيث ترى بالضبط ما تحصل عليه أثناء إنشاء صفحتك أو منشورك.

باستخدام TinyMCE ، لا تعرف بالضبط كيف سيبدو الناتج حتى تضغط على "حفظ" ثم تقوم بمعاينته.

يسمح جميع محرري WYSIWYG الذين تمت مراجعتهم هنا بالتحرير المباشر للواجهة الأمامية (باستثناء أداة إنشاء الصفحة في Site Origin - المزيد حول ذلك أدناه). هذا يعني أنك ترى الناتج النهائي ، تمامًا كما يظهر على الصفحة ، وأنت تقوم بتحرير الصفحة أو المنشور .

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

لقد قمت مؤخرًا بتغيير المحرر المرئي الذي أستخدمه من Site Origin Page Builder Premium إلى Thrive Architect. قبل اتخاذ هذه الخطوة ، أجريت قدرًا كبيرًا من البحث: هؤلاء هم المتنافسون الذين فكرت فيهم.

ما هو أفضل محرر WYSIWYG لـ WordPress؟

يعد Visual Composer أحد أكثر أدوات إنشاء صفحات السحب والإفلات مبيعًا في WordPress. إنه بالتأكيد منافس لأفضل محرر WYSIWYG في WordPress.

يحتوي على محرر واجهة خلفية وأمامية يعمل بكامل طاقته ويعمل مع أي سمة WordPress.

يأتي Visual Composer مع أكثر من 45 وحدة محتوى بما في ذلك:

• شبكات البريد
• دعم وسائل الإعلام
• الرسوم البيانية
• عرض الشرائح الخلفية
• عرض شرائح دائري
• موقع YouTube
• فيميو
• فيديو مستضاف ذاتيًا

بعض الميزات الأخرى لـ Visual Composer هي:

• سهل التطبيق تأثير الخلفية المنظر للأقسام والصفوف والأعمدة
• خلفية متدرجة CSS مع دعم قناة ألفا
• يدعم المنشورات والصفحات والمشاركات المخصصة
• يدعم رموز WordPress المختصرة
• يتيح لك نظام القوالب حفظ عناصر التصميم المخصصة كقوالب
• محسّن من أجل تحسين محركات البحث (SEO) بحيث يكون المحتوى الخاص بك بداية جيدة من حيث الترتيب لكلماتك الرئيسية
• تستجيب بشكل كامل على الأجهزة المحمولة
• يسمح لك سجل المراجعة الكامل بالعودة بسرعة إلى الإصدارات السابقة من عملك
• يدعم أدوات WordPress الافتراضية
• محرر الشريط الجانبي
• محرر الرأس
• محرر التذييل
• قم بترحيل قوالب المؤلف المرئي من موقع إلى آخر في ثوانٍ
• متوافق مع Gutenberg - أضف كتل Gutenberg في أي مكان في تخطيط صفحتك

شيء صغير

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

التسعير

• حر
• يبدأ بـ 49 دولارًا في السنة

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

فيما يلي بعض الميزات:

• يعمل مع أي موضوع WordPress
• اختر العدد الدقيق للصفوف لكل عمود تضيفه
• استخدم جميع أدوات WordPress الموجودة
• الرسم المتجاوب
• يتم دعم المنشورات والصفحات وأنواع المنشورات المخصصة
• تتيح لك أداة محفوظات المراجعة التراجع عن التغييرات

على الرغم من أن أداة إنشاء الصفحة في Site Origin مجانية ، إلا أن هناك حزمة Premium Widget Bundle (29 دولارًا) تتضمن وظائف إضافية مثل:

• الأكورديون
• كتلة الرسوم المتحركة
• نموذج الاتصال
• أدوات الحث على الشراء
• صندوق مضئ
• المنظر المتزلجون
• الشهادات - التوصيات

يتكامل Site Origin Page Builder مع أي سمة WP ، لذلك لا يلزمك بسمة معينة.

لا يحتوي على العديد من خيارات التصميم مثل برامج تحرير WordPress المرئية الأخرى. للحصول على تصميم متقدم ، يجب أن تكون على دراية بـ CSS.

يحتوي موقع Site Origin على محرري الواجهة الخلفية والواجهة الأمامية. لكن محرر الواجهة الأمامية ليس متقدمًا مثل محرري wysiwyg الآخرين الذين تمت مراجعتهم هنا.

التغييرات التي تجريها في محرر الواجهة الأمامية غير مرئية على الفور - عليك الانتظار عدة ثوانٍ أثناء إعادة تحميل الصفحة.

هذا يجعله يشعر بالضيق مقارنة بالمحررين الآخرين ويبطئ عملية إنشاء منشور مدونة جديد.

مشكلة أخرى وجدتها مع Site Origin Page Builder هي أنه من الصعب العثور على المكان الصحيح لإدراج عنصر ، مثل فقرة جديدة أو عنوان جديد أو صورة جديدة.

في Live Editor ، يمكنك فقط إضافة عنصر (أو وحدة نمطية) في اللوحة اليسرى. لكن من الصعب جدًا معرفة مكانك في اللوحة اليسرى.

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

لقد كتبت إلى Site Origin Page Builder حول هذا الأمر منذ أكثر من عام بقليل. لكن من الواضح أنهم لم يأخذوها على متن الطائرة.

اعتبار أخير:

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

شيء صغير

موقع Site Origin Page Builder ليس في نفس الدوري مثل Elementor و Thrive Architect. في رأيي ، إنه ليس قيد التشغيل للحصول على "أفضل محرر WordPress WYSIWYG".

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

التسعير

• يمكن تنزيل Site Origin Page Builder مجانًا
• يبدأ Site Origin Premium بسعر 29 دولارًا سنويًا

كان Divi Builder في الأصل جزءًا من سمة Divi بواسطة Elegant Themes. لكنه الآن مُنشئ صفحات مستقل يعمل مع أي سمة WordPress.

بعض الميزات هي:

• كل من التحرير الأمامي والخلفي
• تصميم سريع الاستجابة
• دعم المنشورات والصفحات والمشاركات المخصصة
• تأتي مع 46 وحدة لبناء الصفحات
• سريع وسهل الإستخدام
• يسمح لك باختبار A / B تخطيطات مختلفة
• دعم CSS المخصص

شيء صغير

مع أكثر من 500000 عميل ، تعد Divi Builder واحدة من أشهر برامج تحرير WordPress المتاحة. يأتي مع أكثر من 20 تصميمًا وقوالبًا مختلفة لأنواع مختلفة من مواقع الويب

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

التسعير

• لتنزيل Divi Builder ، يجب أن تصبح عضوًا في Elegant Themes ، والتي تبلغ 89 دولارًا سنويًا.
• يمنحك هذا أيضًا الوصول إلى كل سمة ومكوِّن إضافي تم إنشاؤه بواسطة سمات أنيقة - ليست صفقة سيئة!

يعد Elementor Page Builder محررًا مرئيًا جديدًا نسبيًا لـ WordPress (تم إطلاقه في عام 2016) ولكنه يحتوي بالفعل على أكثر من 1،000،000 عملية تثبيت نشطة.

يصف نفسه بأنه "منشئ صفحات WordPress الرائد في العالم".

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

فيما يلي بعض الميزات:

• يتيح لك نظام القوالب حفظ تخطيطاتك وإعادة استخدامها في مكان آخر على موقع الويب الخاص بك
• يتيح لك إضافة عناصر واجهة مستخدم تم إنشاؤها بواسطة مكونات WordPress الإضافية الأخرى
• يأتي مع أكثر من 300 قالب ، مصممة لتناسب كل صناعة واحتياجات
• تحرير حقيقي للواجهة الأمامية - شاهد صفحتك مباشرة أثناء تحريرها
• يترك وراءه كود نظيف (إذا قمت بإلغاء تنشيط العنصر)
• صمم صفحة مقصودة كاملة باستخدام لوحة Elementor
• أكثر من 80 عنصر تصميم ، بما في ذلك الحاجيات الأساسية للصور والنص إلى الأكورديون المتقدم ، والمنزلقات ، والشهادات ، والرموز ، والوسائط الاجتماعية ، وعلامات التبويب ، إلخ.
• يعمل مع أي موضوع ووردبريس إضافي
• يتيح لك Revision History إمكانية التراجع بسرعة عن أي أخطاء بضغطة زر بسيطة
• تضمين منشورات Facebook ومقاطع الفيديو داخل صفحاتك
• يدعم التصميم سريع الاستجابة المتوافق مع الأجهزة المحمولة

شيء صغير

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

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

لا شك أن بعض الأشخاص يعتبرون Elementor أفضل محرر WYSIWYG في WordPress. ولكن إذا كان تركيزك ينصب على زيادة التحويلات من موقع الويب الخاص بك ، فأنا أعتقد أن هذا العنوان ينتمي إلى Thrive Architect.

التسعير

• حر
• رسوم لمرة واحدة بقيمة 49 دولارًا

هذا هو المكان الذي قد أفقد فيه القليل من الموضوعية ، حيث انتقلت للتو إلى Thrive Architect (من Site Origin Page Builder) وأنا معجب جدًا بها!

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

حيث تبرز Thrive Architect عن غيرها من المحررين المرئيين هو تركيزها على التحويل. وهذا هو السبب في أنها أصبحت مفضلة للمدونين والمسوقين.

يأتي Thrive Architect مزودًا بأزرار قابلة للتخصيص وشهادات وتوقيتات للعد التنازلي ونماذج توليد الرصاص التي تتكامل مع جميع أدوات التسويق عبر البريد الإلكتروني الرئيسية.

إذا كنت تستخدم بالفعل Thrive Leads ، فستتمكن من إضافة نماذج الاشتراك الخاصة بك بنقرة زر واحدة.

أحد جوانب Thrive Architect التي أحبها تمامًا هو القدرة على قياس صورة باستخدام شريط تمرير (في مُنشئ الصفحة السابق ، كان لديك 5 أو 6 أبعاد ثابتة):

هناك خيار رائع آخر في Thrive Architect وهو القدرة على وضع طبقة ملونة أعلى الصورة.

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

يعد تحرير الواجهة الأمامية متعة مطلقة - ربما يكون أفضل تجربة تحرير للواجهة الأمامية لأي محرر مرئي:

شيء آخر أحبه في Thrive Architect هو أدوات التحكم المتقدمة في الظل المسقط.

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

مع Thrive Architect ، لا يتطلب الأمر سوى نقرة واحدة!

تذكر أنني قلت أن Thrive Architect متخصصة في التحويل؟

ليس من المستغرب أن يحتوي Thrive Architect على أداة إنشاء صفحات مقصودة قوية.

هذه بعض الأقسام الجاهزة (لكن القابلة للتخصيص) التي يمكنك إضافتها إلى صفحاتك المقصودة:

• قسم الإثبات الاجتماعي / الشهادات
• قسم صورة البطل
• قسم CTA
• قسم الميزات
• قسم كيف يعمل
• قسم المكافآت
• قسم الضمان
• قمع المبيعات

فيما يلي بعض الميزات الأخرى لبرنامج Thrive Architect:

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

يضيف الفريق في Thrive Themes باستمرار ميزات جديدة ووظائف جديدة إلى Thrive Architect. وهذا يضمن أن محرر WordPress هذا سيظل أفضل محرر WYSIWYG لـ WordPress.

شيء صغير

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

التسعير

Thrive Architect هو جزء من Thrive Suite والذي تبلغ تكلفته 90 دولارًا لكل ربع سنة

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

فيما يلي بعض الميزات التي يقدمها Beaver Builder:

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

يجب أن أقول؛ تبدو واجهة مستخدم Beaver Builder أساسية بعض الشيء مقارنةً بـ Elementor أو Thrive Architect:

شيء صغير

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

التسعير

• 99 دولارًا للسنة الأولى ثم يتم تجديدها بخصم 40٪

يأتي WordPress دائمًا بمحرره المثبت مسبقًا. لكن WordPress أصدر مؤخرًا محرر سحب وإفلات جديد تمامًا ومجاني تمامًا يسمى Gutenberg.

يتمتع Gutenberg بواجهة مستخدم نظيفة وبديهية للغاية:

بمجرد تثبيت Gutenberg ، يصبح المحرر الافتراضي - ليس عليك اختياره.

يعمل محرر Gutenberg على أساس الكتل التي تقوم بإدراجها في صفحتك أو النشر عن طريق النقر فوق رمز "Plus":

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

إليك عينة من الكتل التي تأتي مع Gutenberg

• كتلة ملخص المحتوى
• كتلة قائمة متقدمة
• كتلة زر
• كتلة الصورة
• كتلة الفيديو المتقدمة
• كتلة جدول المحتويات
• كتلة خرائط جوجل
• كتلة جدول متقدمة
• كتلة الأكورديون
• كتلة التزكية
• كتلة الروابط الاجتماعية

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

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

يجب أن أذكر هنا أن Gutenberg لم تتم مراجعته بشكل جيد. على موقع WordPress الرسمي ، تلقى محرر Gutenberg 1791 مراجعة وبلغ متوسطه 2.2 نجمة من أصل 5.

شيء صغير

Gutenberg هو منشئ صفحات السحب والإفلات الأنيق ومنظم. لكنه يحتاج بالتأكيد إلى مزيد من العمل قبل أن يقترب من التنافس مع أي من منشئي الصفحات الذين تمت مراجعتهم أعلاه. من المسلم به أنه مجاني ، لكن Site Origin و Elementor و Visual Composer تقدم جميعها إصدارات مجانية تعمل بكامل طاقتها.

التسعير

• مجاني (مضمن في WordPress)

عندما كنت أبحث عن مُنشئ صفحات WordPress جديد ، كانت هذه هي الميزات الرئيسية التي كنت أبحث عنها:

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

يبدو أن Elementor و Thrive Architect هما أكثر منشئي صفحات WordPress تقدمًا وكلاهما يفي بقائمة الحد الأدنى من المتطلبات الخاصة بي.

انتهى بي الأمر باختيار Thrive Architect لسببين:

السبب رقم 1

عندما تقوم بتحرير صفحة في Thrive Architect ، تكون الوحدات النمطية على جانب واحد من الشاشة وتكون عناصر التحكم لكل وحدة على الجانب الآخر من الشاشة.

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

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

بينما في Thrive Architect ، لا تزال الوحدات النمطية موجودة على الجانب الآخر من الشاشة.

السبب # 2

مثل معظم المدونين ، أحاول تحويل الزوار إلى مشتركين (وفي النهاية إلى عملاء).

كان تركيز Thrive Architect على التحويل هو العامل الحاسم بالنسبة لي. يوجد المزيد من الوحدات النمطية ذات الصلة بالتحويل في Thrive Architect أكثر من أي منشئ صفحات WordPress آخر.