برنامج Gutenberg التعليمي: كيفية استخدام محرر قوالب WordPress الجديد

نشرت: 2019-04-22

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

المهمة بسيطة ، لإنشاء تجربة كتابة وتحرير جديدة باستخدام WordPress.

يوفر محرر Gutenberg ، الذي يتميز بالكتل ، تجربة فريدة في إنشاء محتوى غني بالوسائط باستخدام WordPress.

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

بعد قليل سوف آخذك في جولة حول كيفية استخدام محرر كتلة Gutenberg.

من خلال العمل مع العديد من العملاء باستخدام WordPress ، لم يسعد الكثيرون بالتحرك الصعب في تجربة التحرير الخاصة بهم.

ربما يفسر هذا سبب قيام الملايين من مستخدمي WordPress بتثبيت المحرر الكلاسيكي بمجرد اختيارهم مع إصدار Gutenberg.

وورد-كلاسيك-محرر-البرنامج المساعد

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

آمل بعد قراءة هذه المقالة ، في وقت لاحق ، أن تكون مرتاحًا لمحرر الكتلة.

خطوة بخطوة: كيفية استخدام محرر كتلة Gutenberg؟

يبدأ بإنشاء صفحة أو منشور. شيء تعرفه بالفعل.

قم بإنشاء صفحة أو منشور باستخدام محرر كتلة جوتنبرج

عندما تضيف صفحة أو منشورًا جديدًا ، فإن أول شيء يجب أن تلاحظه هو شريط الأدوات هذا.

شريط أدوات محرر Gutenberg

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

كتلة شريط أدوات محرر Gutenberg

يمكنك أيضًا إضافة كتلة عن طريق النقر فوق الكتلة الأخيرة ثم النقر فوق رمز + الذي يظهر.

بدلاً من ذلك ، مرر مؤشر الماوس بين الكتل ، يظهر رمز إضافة الكتل ، انقر فوقه لإضافة الكتلة.

إضافة كتلة شريط أدوات محرر Gutenberg

بعد ذلك ، توجد أزرار "تراجع" و "إعادة".

تراجع شريط أدوات محرر Gutenberg

يظهر الرمز التالي في شريط الأدوات العلوي هيكل المحتوى الخاص بك.

هيكل محتوى شريط أدوات محرر Gutenberg

التالي هو Block Navigation

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

شريط أدوات محرر Gutenberg للتنقل

على اليمين،

يمين شريط أدوات محرر Gutenberg

هذه مباشرة إلى الأمام ، احفظ المسودة ، عاين منشورك (يفتحها في علامة تبويب جديدة) وانشر.

يقوم الرمز التالي بتبديل عرض الإعدادات. يعرض أو يخفي الأجزاء الصحيحة.

يعرض محرر Gutenberg إخفاء الجزء الأيمن

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

شريط أدوات محرر Gutenberg مخفي في الجزء الأيمن

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

شريط أدوات محرر Gutenberg يخفي المزيد من الخيارات

إذن ما الذي يمكنك فعله بالضبط باستخدام المزيد من الأدوات والخيارات؟

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

كتل جوتنبرج

حتى الآن ما زلت ترى الكتل ، ولكن ما هي؟

سنأخذ الطريق الطويل لنرى كيف تعمل ، ونأمل أن يكون ذلك منطقيًا ، ويمكنك أن تقدم تعريفًا بناءً على فهمك لها.

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

يضيف محرر Gutenberg كتل النشر

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

باستخدام المحرر الجديد ، ستستخدم الكتل التي تم تنظيمها حول نوع المحتوى. لإضافة محتوى نصي ، يحتاج المرء إلى كتلة النص / الفقرة ، الصور - كتلة الصور ، Html ، كتلة HTML.

هذا شيء مختلف عن المحرر الكلاسيكي حيث أدخلت كل المحتوى الخاص بك في مكان واحد.

استخدام أدوات الكتلة

كل كتلة لها أدواتها التي يمكنك استخدامها عند إنشاء المحتوى وتحريره.

على عكس المحرر الكلاسيكي الذي كانت به جميع الأدوات مرئية.

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

أدوات حظر الوصول إلى محرر Gutenberg

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

أدوات كتلة مفتوحة جوتنبرج

الأدوات التي ستراها هي حصرية للكتلة التي تستخدمها ، لذلك لا تتوقع رؤية نفس الأدوات عند النقر فوق كتلة وسائط.

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

بالإضافة إلى المزيد من أدوات التنسيق التي تمت إضافتها بواسطة المكونات الإضافية الأخرى التي تقوم بتثبيتها لتوسيع وظيفة الكتل الافتراضية.

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

تحويل كتلة جوتنبرج

لتحويل كتلة ، انقر فوق الكتلة كما رأيت في الفقرة أعلاه.

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

تحويل كتلة جوتنبرج

يبدو الآن تحويل كتلة الفقرة إلى الاقتباس هكذا.

تحويل كتلة للاقتباس

زر المزيد من الخيارات

الزر الآخر في مجموعة أدوات القوالب هو رمز " المزيد من الخيارات " - النقاط الرأسية الثلاث. انقر فوق أي كتلة لرؤيتها.

تحويل أدوات كتلة الخيارات الإضافية

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

تغيير الرابط الثابت لمنشور أو صفحة باستخدام محرر كتلة Gutenberg

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

محرر جوتنبرج يغير الرابط الثابت

انقر فوق الزر "تحرير" ، ثم قم بتعديل الارتباط الخاص بك ثم انقر فوق "حفظ"

محرر جوتنبرج تغيير الرابط الثابت حفظ

إعدادات المستند والحظر في محرر Gutenberg Block

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

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

إعدادات مستند محرر Gutenberg

يحتوي جزء الحظر على إعداد خاص بالكتلة.

انقر فوق الكتلة في منطقة المحتوى ، ثم في الجزء الأيمن ، انقر فوق جزء الحظر.

إعدادات كتلة محرر Gutenberg

استنتاج

لقد قمنا بتغطية عدد قليل من المعلومات حول محرر Gutenberg Blocks.

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

هل تستخدم محرر الكتل الجديد؟ ما هي تجربتك مع ذلك؟

قد ترغب أيضًا في تحويل مشاركات WordPress الحالية إلى كتل Gutenberg؟