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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

التالي هو Block Navigation

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

على اليمين،

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

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

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

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

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

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

كتل جوتنبرج

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

استنتاج

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

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

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

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