WordPress Gutenberg: تجربة محرر القوالب الجديد

يُقابل كل إصدار جديد من WordPress بحماس كبير ، ولا يُعد WordPress 5.0 "Bebo" استثناءً.

في الواقع ، اكتسب WordPress 5.0 مزيدًا من الإثارة أكثر من أي إصدار قبله ، والسبب بسيط: Gutenberg ، محرر WordPress الجديد القائم على "الكتل" ، أصبح الآن جزءًا لا يتجزأ من CMS الشهير!

في هذه المقالة ، سأناقش ماهية محرر Gutenberg WordPress وكيفية التعرف عليه. هيا بنا نبدأ!

ما هو وورد جوتنبرج؟

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

لقد حل محل محرر WordPress الكلاسيكي ، TinyMCE وأصبح جزءًا من نواة WordPress مع WordPress 5.0 وما بعده.

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

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

محرر جوتنبرج مقابل المحرر الكلاسيكي

قبل أن أتعمق في محرر WordPress الجديد ، دعنا أولاً نقارن ونفهم الاختلافات بين Gutenberg Block Editor والمحرر الكلاسيكي.

إليك ما بدا عليه محرر WordPress الكلاسيكي:

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

كما ترى ، هذان محرران مختلفان تمامًا لإنشاء محتوى في WordPress.

كان المحرر الكلاسيكي القديم عبارة عن محرر نصوص به أزرار تنسيق مشابهة لتلك الموجودة في Microsoft Word. يحتوي المحرر الجديد على طريقة مختلفة تمامًا للتحرير تسمى "Blocks" (ومن هنا جاء اسم Block Editor).

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

لماذا استخدم محرر Gutenberg WordPress

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

يعد أداء المكون الإضافي جيدًا لجميع الأجهزة ، ولا تتباطأ مواقع الويب أبدًا لأي مستخدم.

- المصدر: WordPress / Performance Benchmark of Gutenberg Editor

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

سلبيات محرر Gutenberg WordPress

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

واجه بانتظام مشكلات في أداء المهام الأساسية على مواقع #WordPress الجديدة. تكافح اليوم بإضافة ارتباطات تشعبية إلى نص في صفحة جديدة لم يتم حفظها بعد وتتلقى الآن أخطاء حظر أثناء تحديث صفحة موجودة. قد يكون الوقت قد حان للمحرر الكلاسيكي - مرة أخرى. # جوتنبرج pic.twitter.com/rdUII0OUZF

- كولين إم برادي (ColleenMBrady) ١٢ أبريل ٢٠١٩

أبلغ بعض المستخدمين عن مشكلات في التوافق مع المكونات الإضافية والسمات المثبتة.

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

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

العمل مع WordPress Gutenberg

دعنا الآن نكتشف الكتل الرئيسية لـ Gutenberg ، محرر WordPress الجديد تمامًا.

ما هي كتل جوتنبرج؟

الكتل هي أجزاء من المحتوى تضيفها إلى المحرر لإنشاء تخطيطات المحتوى. كل عنصر تضيفه إلى صفحتك أو منشور هو كتلة.

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

على اليمين ، يفتح الزر "+" علامة تبويب مقسمة إلى علامات تبويب أخرى. تعرض كل علامة تبويب قائمة بالكتل المنظمة منطقيًا. تعرض علامة التبويب "الكتل" مجموعات الكتل التالية.

• يحتوي قسم "العناصر المضمنة" حاليًا على كتلة واحدة لإدراج الصور المضمنة.
• يحتوي قسم "الكتل العامة" على جميع الكتل الأساسية بما في ذلك الفقرة والصورة والعنوان وما إلى ذلك لإنشاء منشور أو صفحة.
• يحتوي قسم "التنسيق" على المزيد من الخيارات مثل التعليمات البرمجية و HTML المخصص لتخصيص محتويات منشورك أو صفحاتك.
• يتيح لك قسم "عناصر التخطيط" تخصيص الأزرار والأعمدة والمجموعات والوسائط والنص.
• يسمح لك قسم "الأدوات" بتضمين الرموز القصيرة والمحفوظات والتقويم وأحدث التعليقات والمشاركات وسحابة العلامات.
• يضيف قسم "التضمينات" دعمًا لتكامل الموارد الخارجية مثل Facebook و Twitter و YouTube وما إلى ذلك دون الحاجة إلى مكونات إضافية.

مدير كتلة جوتنبرج

لطالما كانت هذه الميزة مطلوبة لأن معظم المستخدمين يجدون أنه من المزعج رؤية جميع الكتل التي لن يستخدموها أبدًا.

العب مع مدير الكتلة الجديد الذي سيأتي إليك #Gutenberg #WordPress install * SOON *! يعجبني ما أراه حتى الآن ، أعتقد أن هذه الميزة تضيف قيمة كبيرة لتشغيل / إيقاف تشغيل الكتل على مستوى مستخدم (كان لديه بالفعل أسئلة حول هذا في ورشة عمل!) pic.twitter.com/uZfAMNgF2y

- مونيك دوبيلمان (BOEmedia) ١٥ مارس ٢٠١٩

هذه الميزة متاحة حاليًا في أحدث إصدار من Gutenberg ، ومن المتوقع أن يتم شحنها مع WordPress 5.2. إذا كنت تستخدم WordPress 5.0 ، فقم بتنزيل إضافة Gutenberg. يمكنك تكوين إعدادات "Block Manager" من "إخفاء المزيد من الأدوات والخيارات" ، ممثلة بحذف عمودي (⋮) في كل صفحة أو منشور.

عند النقر فوق " مدير الحظر " ، تنبثق قائمة للسماح بتمكين الكتل وتعطيلها. ببساطة قم بإلغاء تحديد الكتل التي تريد تعطيلها.

إنشاء كتل جوتنبرج

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

تحتوي منطقة التحرير لصفحة أو منشور جديد على كتلتين افتراضيتين ، مخصصتين للعنوان والفقرة الأولى ، وزر لإضافة كتل جديدة (انظر أدناه).

الكتل الافتراضية

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

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

قائمة الأدوات

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

إضافة الكتل المضمنة

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

أضف نماذج التضمين

بمجرد إدراج "Embed Block" ، تتغير الخيارات المتاحة كما هو موضح في الصورة أدناه.

تكوين الكتل المضمنة

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

قائمة بلوك

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

شريط الأدوات

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

الشريط الجانبي الافتراضي

ينقسم الشريط الجانبي الجديد إلى علامتي تبويب: "مستند" و "حظر".

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

إنشاء كتلة قابلة لإعادة الاستخدام

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

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

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

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

استيراد / تصدير كتل جوتنبرج

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

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

يمكنك التمرير فوقها للحصول على نظرة عامة سريعة على الكتلة. فقط انقر فوق الكتلة لإدراجها في الصفحة.

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

كيف يمكن تعطيل محرر جوتنبرج؟

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

جدل مثير للاهتمام يحدث في #Gutenberg repo حول ما إذا كان يجب تضمينSassCSS أو @ PostCSS (أو كليهما) في عملية إنشاء "wp-scripts" الافتراضية. مدخلاتك ذات قيمة: https://t.co/qbPmY80NhJ #WordPress

- مورتن في استراحة طويلة من كل هذا (@ mor10) 4 أبريل 2019

يعد Disable Gutenberg من أشهر المكونات الإضافية لـ "Anti-Gutenberg" الموجودة هناك. يعتزم القضاء على محرر الكتلة واستبداله بـ Classic WordPress Editor.

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

تغليف!

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

إذا كان لديك أي ملاحظات تتعلق بهذه المقالة ، فلا تتردد في استخدام قسم التعليقات أدناه.