محرر جوتنبرج Gutenberg – في النسخة من ووردبريس 5.0 ، تم استبدال محرر المحتوى الكلاسيكي بمحرر كتلة جديد تمامًا ، يُعرف باسم Gutenberg.
منذ ذلك الحين ، طلب منا العديد من قرائنا إنشاء برنامج تعليمي شامل حول كيفية استخدام محرر جوتنبرغ Gutenberg في الووردبريس
محرر محتوى ووردبريس هو طريقة جديدة تمامًا ومختلفة لإنشاء محتوى في الووردبريس.
في هذا البرنامج التعليمي سنوضح لك كيفية استخدام محرر محتوى ووردبريس الجديد وإتقانه لإنشاء مشاركات وصفحات مدونة مذهلة بصريًا.
ما الفرق بين محرر جوتنبرج Gutenberg والمحرر الكلاسيكي؟
قبل التعمق في المحرر الجديد ، دعنا أولاً نقارن ونفهم الاختلافات بين Gutenberg Block Editor والمحرر الكلاسيكي.
إليك ما بدا عليه المحرر الكلاسيكي في ووردبريس :

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

كما ترى ، هما محرران مختلفان تمامًا لإنشاء محتوى في ووردبريس
كان المحرر الكلاسيكي القديم عبارة عن محرر نصوص به أزرار تنسيق تشبه إلى حد كبير برنامج Microsoft Word.
يستخدم المحرر الجديد منهجًا مختلفًا تمامًا ، يسمى “Blocks” (ومن هنا جاء اسم Block Editor).
الكتل هي عناصر محتوى تضيفها إلى شاشة التحرير لإنشاء تخطيطات المحتوى. كل عنصر تضيفه إلى مشاركة أو الصفحة الخاصة بك هو كتلة.
يمكنك إضافة كتل لكل فقرة ، وصور ، ومقاطع فيديو ، ومعارض ، وصوت ، وقوائم ، والمزيد.
هناك كتل لجميع عناصر المحتوى الشائعة ويمكن إضافة المزيد من خلال اضافات ووردبريس
لماذا محرر محتوى ووردبريس الجديد أفضل من المحرر الكلاسيكي؟
يوفر محرر محتوى ووردبريس الجديد ” محرر جوتنبرج Gutenberg ” طريقة بسيطة لإضافة أنواع مختلفة من المحتوى إلى مشاركاتك وصفحاتك.
على سبيل المثال ، إذا كنت ترغب سابقًا في إضافة جدول إلى المحتوى الخاص بك ، فأنت بحاجة إلى اضافة لتفعل ذلك
لكن باستخدام المحرر الجديد ، يمكنك ببساطة إضافة كتلة جدول وتحديد الأعمدة والصفوف والبدء في إضافة المحتوى.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

إليك كيف يتيح لك Yoast SEO تعديل إعدادات تحسين محركات البحث في المحرر الجديد:

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

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

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

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

يمكنك أيضًا إدراج ارتباط باستخدام اختصار لوحة المفاتيح ، وهو Command + K لنظام التشغيل Mac و CTRL + K على أجهزة الكمبيوتر التي تعمل بنظام Windows.

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

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

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

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

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

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

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

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

4.إضافة YouTube و Twitter و Facebook و Vimeo والتضمينات الأخرى
يقدم Gutenberg كتل تضمين جديدة لمحرر الكتلة. هناك حظر لجميع أنواع التضمين المدعومة بما في ذلك YouTube و Twitter و Facebook والمزيد.

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

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

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

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