ما هو محرر المكونات جوتنبرج (Gutenberg) في ووردبريس؟ (دليل شامل)

ما هو محرر المكونات (Gutenberg) في ووردبريس؟ (دليل شامل)

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

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

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

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

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

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

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

مقارنة بسيطة بين المزايا والعيوب لكل من المحررين

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

كيفية الانتقال من المحرر الكلاسيكي إلى محرر جوتنبرج

إذا كنت لا تزال تستخدم المحرر الكلاسيكي وترغب في تجربة Gutenberg، فيمكنك الانتقال إليه بسهولة من خلال الخطوات التالية:

  1. التأكد من تحديث ووردبريس: تأكد من أنك تستخدم إصدار 5.0 أو أحدث، حيث أن جوتنبرج مدمج في هذه الإصدارات وهو المحرر الافتراضي.
  2. تعطيل إضافة المحرر الكلاسيكي: إذا كنت تستخدم إضافة Classic Editor،  فقم بإزالتها من قسم (الإضافات) في لوحة التحكم من أجل العودة إلى محرر جوتنبرج.
  3. فتح أي مقال أو صفحة: بمجرد فتح أي محتوى جديد، سيتم تشغيل محرر جوتنبرج تلقائيًا.
  4. استيراد المقالات القديمة: يمكن تحويل المقالات القديمة إلى كتل بسهولة باستخدام خيار (تحويل إلى مكونات) داخل المحرر.

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

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

1. استخدام الكتل لتحرير المحتوى

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

2. تخصيص الصفحات والمقالات بسهولة

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

3. دعم التصاميم المتجاوبة وتحسين الأداء

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

4. تحسين تجربة المستخدم للمبتدئين والمطورين

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

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

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

إنشاء مقال جديد باستخدام جوتنبرج

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

طريقة الوصول إلى محرر جوتنبرج
طريقة الوصول إلى محرر جوتنبرج

بعد ذلك سيتم فتح محرر Gutenberg تلقائيًا، حيث ستجد منطقة الكتابة الرئيسية، ويمكنك النقر على زر (+) من أجل إضافة مكونات جديدة إلى المقال.

صفحة محرر جوتنبرج
صفحة محرر جوتنبرج

أهم الكتل المتاحة وطريقة استخدامها

يوفر Gutenberg مجموعة متنوعة من مكونات التي تساعد في تنسيق المحتوى، ومن أبرزها:

  • مكون النص (Paragraph): تستخدم لإضافة النصوص العادية، مع خيارات لتغيير المحاذاة والحجم واللون.
مكون الفقرة في محرر جوتنبرج
مكون الفقرة في محرر جوتنبرج
  • مكون العنوان (Heading): لإضافة عناوين رئيسية وفرعية مع التحكم في مستويات العناوين (H1-H6).
مكون العنوان في جوتنبرج
مكون العنوان في جوتنبرج
  • مكون الصورة (Image): تسمح بإضافة الصور إلى المقالة وضبط حجمها وتحديد النص البديل لتحسين السيو.
مكون الصورة في جوتنبرج
مكون الصورة في جوتنبرج
  • مكون الفيديو (Video): تتيح تضمين مقاطع الفيديو من جهازك أو من منصات خارجية مثل YouTube.
مكون الفيديو في جوتنبرج
مكون الفيديو في جوتنبرج
  • مكون الأزرار (Buttons): تستخدم لإنشاء أزرار قابلة للتخصيص تربط الزائر بصفحات أخرى أو روابط خارجية.
مكون الأزرار في جوتنبرج
مكون الأزرار في جوتنبرج
  • مكون الأعمدة (Columns): لإنشاء تخطيطات متعددة الأعمدة وتنظيم المحتوى بطريقة احترافية.
مكون الأعمدة في جوتنبرج
مكون الأعمدة في جوتنبرج
  • مكون القوائم (List): لإنشاء قوائم نقطية أو رقمية لتنظيم المعلومات بوضوح.
مكون القوائم في جوتنبرج
مكون القوائم في جوتنبرج

كيفية تخصيص الكتل لتتناسب مع التصميم المطلوب

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

إعدادات مكون فقرة في محرر جوتنبرج
إعدادات مكون فقرة في محرر جوتنبرج

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

إضافات وتوسعات لتحسين تجربة محرر جوتنبرج

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

بعض الإضافات الشائعة التي توسع إمكانيات Gutenberg

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

  • Spectra (المعروف سابقًا بـ Ultimate Addons for Gutenberg): يوفر مجموعة واسعة من الكتل المتقدمة مثل الجداول التفاعلية، الأزرار القابلة للتخصيص، وصناديق المعلومات.
  • Kadence Blocks: يتيح إنشاء تخطيطات مرنة باستخدام كتل متقدمة مثل التبويبات، الشبكات، والشرائح المتداخلة.
  • Stackable – Gutenberg Blocks: يضيف أكثر من 20 كتلة متميزة لتحسين تجربة التحرير، بما في ذلك كتل التسعير والشهادات والتصميمات الجاهزة.
  • CoBlocks: يوفر كتل مخصصة للعناصر التفاعلية مثل الجداول والخرائط وأزرار المشاركة الاجتماعية.
  • Editor Plus: يعزز قدرات التخصيص في Gutenberg، مثل الخطوط المخصصة والمسافات الديناميكية والتأثيرات البصرية.

كيفية تثبيت واستخدام هذه الإضافات لتعزيز تجربة التحرير

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

طريقة تثبيت إضافة Spectra
طريقة تثبيت إضافة Spectra

اقرأ أيضًا: دليل شامل: كيفية تثبيت إضافات ووردبريس بثلاث طرق سهلة.

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

طريقة إضافة مكونات إضافة Spectra في محرر جوتنبرج
طريقة إضافة مكونات إضافة Spectra في محرر جوتنبرج

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

سنضع لك فيما يلي بعض الأسئلة الشائعة التي من الممكن أن تخطر ببالك حول محرر جوتنبرج:

1. هل يجب عليّ استخدام جوتنبرج أم يمكنني البقاء على المحرر الكلاسيكي؟

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

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

2. هل يؤثر محرر جوتنبرج على سرعة الموقع؟

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

ومع ذلك، يمكن أن يؤدي استخدام عدد كبير من الكتل المعقدة أو الإضافات غير المحسّنة إلى تأثير بسيط على السرعة، لذا يفضل استخدام كتل وإضافات خفيفة للحفاظ على الأداء الأمثل.

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

3. كيف يمكنني إلغاء جوتنبرج والعودة إلى المحرر التقليدي؟

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

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

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