انتقل إلى المحتوى
البدء مع محرر الكتل في WordPress (Gutenberg) في 2026

البدء مع محرر الكتل في WordPress (Gutenberg) في 2026

Erik KellerErik Kellerتحديث في: 16 دقيقة قراءة443 مشاهدة

ما هو محرر الكتل في ووردبريس؟

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

بحلول عام 2026، تطور غوتنبرغ إلى ما هو أبعد من مجرد محرر محتوى بسيط. مع تحرير الموقع الكامل (FSE)، أصبح الآن يتحكم في تخطيطات الموقع بالكامل بما في ذلك الرؤوس، والتذييلات، والقوالب، وأجزاء القوالب. هذه الدليل يوجهك خلال كل ما تحتاج لمعرفته، من تحرير الكتل الأساسية إلى تقنيات بناء المواقع المتقدمة.

نظرة عامة على الكتل الأساسية

يأتي ووردبريس مع أكثر من 90 كتلة أساسية منظمة في فئات. إليك الفئات التي ستستخدمها بشكل متكرر:

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

إنشاء محتوى باستخدام الكتل

إضافة كتل

هناك عدة طرق لإضافة كتل إلى محتواك:

  • زر الإضافة (+): انقر على أيقونة الزائد في شريط الأدوات أو بين الكتل لفتح أداة إدخال الكتل
  • أمر الشريحة: اكتب / متبوعًا باسم الكتلة (مثل /image، /heading) للإدراج السريع
  • لوحة الأوامر: اضغط على Ctrl+K (ويندوز) أو Cmd+K (ماك) للبحث عن أي كتلة أو إجراء
  • السحب والإفلات: اسحب الكتل من لوحة الإدخال مباشرة إلى اللوحة

تكوين الكتل

كل كتلة تحتوي على منطقتين للتكوين:

  1. شريط الأدوات: يظهر فوق الكتلة المحددة مع إجراءات شائعة (محاذاة، خط عريض، مائل، رابط)
  2. لوحة الشريط الجانبي: توفر إعدادات مفصلة تشمل الألوان، والطباعة، والتباعد، وخيارات متقدمة

تنظيم الكتل

قم بترتيب محتواك عن طريق تحريك الكتل لأعلى أو لأسفل باستخدام الأسهم في شريط أدوات الكتل، أو اسحبها إلى موضع جديد. يمكنك أيضًا استخدام لوحة عرض القائمة (Shift+Alt+O) لرؤية هيكل مستندك بالكامل وسحب الكتل داخل الشجرة.

الكتل القابلة لإعادة الاستخدام (أنماط متزامنة)

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

الاستخدامات الشائعة للأنماط المتزامنة:

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

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

أنماط الكتل

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

الأنماط المدمجة

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

دليل أنماط ووردبريس.org

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

إنشاء أنماط مخصصة

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

أساسيات تحرير الموقع الكامل

يمتد تحرير الموقع الكامل (FSE) إلى ما هو أبعد من تحرير الكتل لمحتوى المنشورات والصفحات إلى هيكل موقعك بالكامل. مع ثيم كتلة، يمكنك تحرير:

  • القوالب: التحكم في تخطيط أنواع الصفحات المحددة (منشور فردي، أرشيف، 404، نتائج البحث)
  • أجزاء القوالب: تحرير الأقسام القابلة لإعادة الاستخدام مثل الرؤوس والتذييلات
  • الأنماط العالمية: تعيين الألوان والطباعة على مستوى الموقع
    • التنقل: بناء وإدارة القوائم بصريًا

    الوصول إلى محرر الموقع

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

    القوالب مقابل أجزاء القالب

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

    تخصيص الكتل باستخدام theme.json

    ملف theme.json هو مركز تكوين قوالب الكتل. إنه يتحكم في:

    • لوحات الألوان والتدرجات المتاحة في المحرر
    • إعدادات الطباعة (عائلات الخطوط، الأحجام، ارتفاعات الأسطر)
    • مقاييس المسافات وعرض التخطيط
    • الميزات المتاحة أو المعطلة للكتل
    • الأنماط الافتراضية لكتل معينة

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

    اختصارات لوحة المفاتيح

    تعلم اختصارات لوحة المفاتيح يسرع بشكل كبير من سير عمل التحرير الخاص بك:

    الإجراء Windows / Linux Mac
    إضافة كتلة جديدة / (شرطة مائلة) / (شرطة مائلة)
    لوحة الأوامر Ctrl + K Cmd + K
    تكرار الكتلة Ctrl + Shift + D Cmd + Shift + D
    حذف الكتلة Shift + Alt + Z Ctrl + Option + Z
    فتح عرض القائمة Shift + Alt + O Ctrl + Option + O
    تبديل مدخل الكتل Ctrl + Shift + , Cmd + Shift + ,
    حفظ المسودة / تحديث Ctrl + S Cmd + S
    تراجع Ctrl + Z Cmd + Z
    إدراج رابط Ctrl + K Cmd + K

    Gutenberg مقابل المحرر الكلاسيكي

    لا يزال بعض مستخدمي WordPress يفضلون إضافة المحرر الكلاسيكي. إليك كيف يتم مقارنة الاثنين:

    الجانب Gutenberg المحرر الكلاسيكي
    نهج التحرير مبني على الكتل، وحدوي منطقة نص واحدة (TinyMCE)
    قدرات التخطيط أعمدة، شبكات، أقسام بعرض كامل محتوى خطي فقط
    معالجة الوسائط معارض داخلية، صور غلاف، وسائط + نص إدراج وسائط أساسية
    التوافق المستقبلي تطوير نشط، دعم FSE وضع الصيانة فقط
    دعم الإضافات/القوالب نظام بيئي متزايد من الكتل تراجع التطوير الجديد

    لا يزال مكون Classic Editor قيد الصيانة، لكن تطوير WordPress قد التزم بالكامل بمحرر الكتل. تستهدف الميزات الجديدة، والسمات، والمكونات الإضافية بشكل متزايد محرر Gutenberg أولاً.

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

    بينما تغطي الكتل الأساسية معظم الاحتياجات، تضيف هذه المكونات الإضافية وظائف متخصصة:

    • مكون Flavor: يضيف كتل متقدمة مثل علامات التبويب، والأكورديون، وجداول الأسعار، ودواليب المشاركات
    • مكون Flavor: يوفر كتل تركز على المحتوى لتحسين تجارب الكتابة — شريط التقدم، انقر لتغريد، تنبيهات
    • مكون Flavor: يقدم كتل موجهة للتصميم مع خيارات متقدمة للرسوم المتحركة والتنسيق
    • مكون Flavor: يوسع Gutenberg بكتل مصممة خصيصًا لسمات FSE
    • مكون Flavor: يضيف كتل استعلام وتصفية لعرض المحتوى الديناميكي

    عند اختيار مكونات إضافية للكتل، اختر تلك التي تتبع معايير ترميز WordPress وتولد تعليمات برمجية نظيفة. تجنب المكونات الإضافية التي تحمل أطر JavaScript ثقيلة، حيث إنها تلغي مزايا أداء Gutenberg.

    نصائح عملية لتحرير الكتل بكفاءة

    استخدم عرض القائمة

    بالنسبة للصفحات المعقدة، يعد عرض القائمة (Shift+Alt+O) أمرًا أساسيًا. يعرض هيكل المستند بالكامل كشجرة، مما يجعل من السهل اختيار الكتل المتداخلة، وإعادة ترتيب الأقسام، وفهم تسلسل صفحتك.

    تجميع الكتل لإجراءات جماعية

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

    قفل الكتل لمنع التغييرات غير المقصودة

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

    استخدم اختصارات لوحة المفاتيح بشكل مكثف

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

    للمقارنة مع Elementor وبناة الصفحات الآخرين، راجع مقارنة Elementor وGutenberg ودليل مقارنة بناة الصفحات الأوسع لدينا. إذا كنت تختار سمة تعمل بشكل جيد مع Gutenberg، اقرأ دليل اختيار السمات.

    أسئلة شائعة

    هل يمكنني استخدام محرر Classic Editor بعد؟

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

    هل يعمل Gutenberg مع جميع سمات WordPress؟

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

    كيف يمكنني تحويل محتوى محرر Classic Editor إلى كتل؟

    عند فتح منشور محرر Classic Editor في Gutenberg، يقوم WordPress بلف المحتوى في كتلة Classic. يمكنك النقر على "تحويل إلى كتل" لتحويل المحتوى إلى كتل فردية. راجع التحويل بعد ذلك، حيث قد تحتاج التخطيطات المعقدة إلى تعديل يدوي.

    هل صفحات Gutenberg أبطأ من صفحات محرر Classic Editor؟

    لا. يولد Gutenberg HTML نظيفًا يمكن مقارنته أو أقل حجمًا من مخرجات محرر Classic Editor. لا يضيف محرر الكتل أي عبء إضافي كبير على الواجهة الأمامية. تستخدم واجهة المحرر نفسها (في الإدارة) موارد أكثر من محرر Classic Editor، لكن هذا لا يؤثر على ما يختبره الزوار.

    هل يمكنني إنشاء كتل مخصصة دون ترميز؟

    نعم، إلى حد ما. يمكنك إنشاء أنماط كتل مخصصة من خلال ترتيب الكتل الموجودة. لإنشاء كتل مخصصة حقًا مع وظائف فريدة، تحتاج إلى تطوير JavaScript (React). تقدم العديد من المكونات الإضافية بناة كتل بدون كود، على الرغم من أن لديها قيود مقارنة بالحلول المشفرة.

    ما هي الأنماط المتزامنة، وكيف تختلف عن الأنماط العادية؟

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

    كيف يمكنني استكشاف مشكلات محرر الكتل؟

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

    هل تحرير الموقع بالكامل جاهز للاستخدام في الإنتاج؟

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

    ابحث عن سمة WordPress جاهزة للكتل

    تصفح سمات WordPress المتميزة المحسّنة لـ Gutenberg وFull Site Editing. كود نظيف، أداء سريع، وتصاميم احترافية.

    تصفح السمات →

الأسئلة الشائعة

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

شارك هذا المقال

عن الكاتب

Erik Keller
Erik Keller

خبير ووردبريس

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

ووردبريسووكومرستطوير القوالبتطوير الإضافاتتحسين الأداء

ابق على اطلاع

احصل على أحدث نصائح ودروس ووردبريس في بريدك الإلكتروني.