رسم مقسوم: شعار ووردبريس فوق بلوكات المحرر يسارا، وشعار إليمنتور فوق مساحة سحب وإفلات يتم فيها سحب قسم يمينا

This article is available in English — Read in English

إليمنتور أم جوتنبرج؟ هذا غالبا أول سؤال تقني يقابلك وأنت تختار مصمم ووردبريس لموقع شركتك، وعادة يظهر في العرض كسطر واحد صغير: «التنفيذ باستخدام Elementor Pro» أو «التنفيذ بمحرر البلوكات». هذا السطر يحدد كيف سيعدل فريقك الصفحات، وما الذي ستدفعه كل سنة، ومدى سهولة انتقال الموقع لمطور آخر، وحجم الشغل المطلوب لو قررت إعادة التصميم بعد سنوات. في هذا الدليل نشرح الفرق بلغة بسيطة، علشان تعرف تسأل الأسئلة الصح قبل ما توقع.

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

الإجابة المختصرة

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

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

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

ما هو كل واحد منهما بالضبط؟

جوتنبرج: المحرر المدمج في ووردبريس

جوتنبرج هو اسم المشروع الذي خرج منه محرر البلوكات الموجود داخل ووردبريس نفسه. دخل المحرر مع إصدار ووردبريس 5.0 في ديسمبر 2018، وأصبحت كل فقرة أو صورة أو زر أو جدول في الصفحة «بلوك» مستقلا. ومنذ إصدار 5.9 امتدت الفكرة نفسها للموقع كله مع القوالب المبنية بالبلوكات، فأصبح الهيدر والفوتر وصفحات الأرشيف وصفحة 404 كلها بلوكات تعدلها من محرر الموقع (Site Editor).

وحول المحرر أضافت ووردبريس أدوات تهم مواقع الشركات تحديدا:

  • الأنماط العامة وملف theme.json، وفيهما ألوان هويتك وخطوطها والمسافات في مكان واحد.
  • الأنماط الجاهزة (Patterns)، وهي مجموعات بلوكات جاهزة مثل قسم الخدمات أو دعوة للتواصل. والنمط المتزامن يتحدث في كل مكان يستخدم فيه بمجرد تعديله مرة واحدة.
  • مكتبة الخطوط (Font Library)، التي أضيفت في ووردبريس 6.5، وتسمح بتثبيت الخطوط وإدارتها في القوالب المبنية بالبلوكات دون كتابة كود.
  • قفل البلوكات، الذي أضيف في 5.9، ليمنع المصمم تحريك بلوك أو حذفه بالخطأ.

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

إليمنتور: إضافة لبناء الصفحات

إليمنتور (Elementor) إضافة منفصلة تستبدل شاشة التحرير بمحرر سحب وإفلات خاص بها. وصفحتها في دليل إضافات WordPress.org تعرض أكثر من 10,000,000‎+‎ تثبيت نشط، أي أنها من أكثر الإضافات استخداما. وهي تأتي في جزأين:

  • النسخة المجانية، وفيها المحرر المرئي وأكثر من 40 أداة أساسية مثل العنوان والصورة والزر ومعرض الصور.
  • Elementor Pro باشتراك مدفوع، ويضيف منشئ القوالب (Theme Builder) للهيدر والفوتر والقوالب، والنماذج، والنوافذ المنبثقة، ومنشئ صفحات ووكومرس، والخطوط والأيقونات المخصصة، وCSS مخصص، وغيرها.

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

إليمنتور أم جوتنبرج: الفروق التي تهم صاحب الشركة

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

السؤالجوتنبرج (محرر البلوكات)إليمنتور
من أين يأتي؟جزء من ووردبريس نفسهإضافة من شركة خارجية، بنسخة مجانية وأخرى مدفوعة
هل يوجد اشتراك سنوي للمحرر؟لانعم لمزايا Pro، ويتجدد سنويا بشكل افتراضي
أين يحفظ تصميم الصفحة؟داخل محتوى المقال نفسه، كـ HTML مع تعليقات البلوكاتكـ JSON في حقل مخفي، والإضافة هي التي تعرضه
الهيدر والفوتر والقوالبمحرر الموقع مع قالب مبني بالبلوكاتمنشئ القوالب، وهو ميزة مدفوعة
النماذج والنوافذ المنبثقةعبر إضافات منفصلةموجودة داخل Pro
الخطوط المخصصة ومنها العربيةمكتبة الخطوط في قوالب البلوكات منذ 6.5الخطوط المخصصة ميزة مدفوعة
لو أزيلت الأداة لاحقاالمحتوى يظل مقروءاالتصميم لا يظهر حتى تعود الإضافة
تجربة التعديل لفريقكبلوكات منظمة وأنماط جاهزةمساحة مرئية حرة

أين يعيش محتواك، ولماذا يهمك هذا لاحقا؟

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

محرر البلوكات يحفظ صفحتك داخل محتوى ووردبريس العادي كـ HTML، مع تعليقات صغيرة تحدد بداية كل بلوك ونهايته. وتوضح وثائق مطوري ووردبريس أن هذا الاختيار مقصود: المحتوى يظل قابلا للقراءة حتى على قالب أو نظام لا يفهم البلوكات أصلا.

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

أين تحفظ صفحتك: محرر البلوكات يحفظ HTML مع تعليقات البلوكات في wp_posts، وإليمنتور يحفظ JSON في حقل مخفي في wp_postmeta

ماذا يعني هذا عمليا؟

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

سؤال الترخيص السنوي

اشتراك Elementor Pro يتجدد كل سنة بشكل افتراضي. ومركز مساعدة إليمنتور نفسه يشرح ما يحدث لو توقفت عن الدفع:

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

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

لو لم تجدد Elementor Pro: لا تحديثات ولا مزايا جديدة، ووصول محدود للمزايا المدفوعة، والنسخة المجانية تستمر، والموقع لا يتوقف
  • باسم من سيكون حساب الترخيص: باسمك أم باسم المصمم؟
  • من يدفع التجديد، وهل هو داخل ضمن خطة الصيانة؟
  • ماذا يحدث للترخيص لو انتهى تعاملك مع المصمم؟

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

السرعة ومؤشرات أداء الويب الأساسية

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

ما نستطيع قوله من المصادر الرسمية:

  • ووردبريس قادرة على تحميل تنسيقات البلوكات المستخدمة في الصفحة فقط، وهذا يعمل تلقائيا في قوالب البلوكات.
  • إليمنتور تذكر في صفحة إضافتها تحسيناتها الخاصة للأداء، مثل تقليل حجم كود الصفحة، وتحميل ملفات CSS وJS عند الحاجة فقط، والتخزين المؤقت للعناصر.
  • جوجل تقيس تجربة المستخدم الفعلية بمؤشرات Core Web Vitals، والنتيجة الجيدة هي LCP خلال 2.5 ثانية، وINP أقل من 200 ملي ثانية، وCLS أقل من 0.1.

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

المواقع العربية وثنائية اللغة

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

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

لو موقعك الحالي فيه مشكلات في الاتجاه العربي، فدليل حل مشكلات RTL في ووردبريس يجمع أشهر الأسباب، ودليل ترجمة موقع ووردبريس إلى العربية يشرح إعداد الموقع متعدد اللغات.

من سيعدل الموقع بعد التسليم؟

هذا السؤال يحسم قرارات أكثر من أي قائمة مزايا.

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

تفصيلة عملية: صفحة الأسئلة الشائعة في إليمنتور تذكر أن تعديل المقالات بإليمنتور يحتاج إلى Elementor Pro. أغلب المواقع تكتب المقالات بمحرر البلوكات على أي حال، لكن من الجيد أن تعرف.

من سيعدل الموقع بعد التسليم: النصوص والمقالات تناسب محرر البلوكات مع أنماط مقفلة، وصفحات الهبوط تناسب Elementor Pro، وبدون تعديل تصميم اختر الأسهل لأي مطور

إليمنتور أم جوتنبرج لموقع شركة: متى يناسب كل منهما؟

اختر إليمنتور عندما

  • يبني فريقك صفحات حملات وصفحات هبوط كثيرة دون الرجوع لمطور.
  • تريد النماذج والنوافذ المنبثقة وتصميم متجر ووكومرس في أداة واحدة.
  • يكون مصممك متمكنا فعلا من إليمنتور ويقدر يريك مواقع منشورة وسريعة بناها بها.
  • تقبل ترخيص Pro السنوي كتكلفة تشغيل ثابتة.

اختر محرر البلوكات عندما

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

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

أسئلة تطرحها على مصمم ووردبريس قبل التوقيع

السؤالكيف تبدو الإجابة الجيدة
أي محرر وأي قالب ستستخدم، ولماذا لموقعي تحديدا؟سبب مرتبط بفريقك وأهدافك، وليس «إحنا دايما بنشتغل بيه»
ما الإضافات أو التراخيص المدفوعة التي سيحتاجها الموقع؟قائمة كاملة، مع صاحب كل حساب
هل تستطيع أن تريني مواقع منشورة بنفس الطريقة؟روابط حقيقية تجربها على الموبايل وفي PageSpeed Insights
كيف سيعدل فريقي الصفحات بعد التسليم؟جلسة تدريب قصيرة أو فيديو، مع أنماط أو قوالب مقفلة
كيف تتعامل مع الخطوط العربية واتجاه RTL؟خطوط محددة بالاسم، وأوزان قليلة، وصفحات عربية مجربة
ماذا يتطلب الانتقال من هذا الإعداد لاحقا؟إجابة صريحة عن حجم إعادة البناء
من يحدث المحرر والإضافات بعد الإطلاق؟خطة صيانة واضحة، والأفضل أن تجرب التحديثات على نسخة تجريبية أولا

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

علامات تحذير في عرض السعر

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

أسئلة شائعة

هل أستطيع الانتقال من إليمنتور إلى جوتنبرج لاحقا؟

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

هل جوتنبرج مجاني بالكامل؟

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

هل أحدهما أفضل للسيو؟

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

هل يستطيع فريقي الداخلي تعلم أي منهما؟

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

خطوتك التالية

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

المراجع