يقوم Gutenberg 8.3 بتحديث فئات الحظر ، بما في ذلك محدد الكتلة الأصل ، وإضافة عناصر تحكم تصميم جديدة

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

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

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

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

فئات كتلة جديدة

أعاد فريق Gutenberg تسمية فئات الكتلة وإعادة تنظيمها. يبدو أن القائمة الجديدة أكثر منطقية ويتم دمجها بشكل أفضل في مجموعات مناسبة:

• نص
• وسائط
• تصميم
• الحاجيات
• يتضمّن

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

حدد كتلة الأصل

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

اتخذ فريق جوتنبرج خطوة - خطوة صغيرة - نحو تخفيف هذا الألم. عند التمرير فوق الزر "تغيير نوع أو نمط الكتلة" في شريط أدوات المحرر ، يظهر زر جديد لتحديد الكتلة الأصلية.

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

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

التباعد التجريبي / التحكم في الحشو

يمكن لمؤلفي السمات الآن إضافة دعم لعنصر تحكم تجريبي في الحشو عبر add_theme_support( 'experimental-custom-spacing' ) . عند الدعم ، سيرى المستخدم النهائي علامة تبويب تباعد جديدة أسفل الشريط الجانبي لخيارات الحظر لكتلة الغلاف ، والتي يجب أن تكون متاحة للكتل الأخرى في المستقبل. بشكل افتراضي ، يمكن للمستخدمين التحكم في الحشو لجميع الجوانب الأربعة للكتلة بقيمة واحدة. يمكنهم أيضًا "إلغاء ارتباط" المساحة المتروكة والتحكم في القيم العلوية والسفلية واليسرى واليمنى بشكل فردي.

من المفترض أن يقوم فريق Gutenberg بتوسيع ميزة التباعد هذه لتشمل التحكم في الهامش أيضًا. ستكون هذه الخطوة الطبيعية والتي آمل أن تؤدي فيها إلى موت كتلة Spacer التي كان على المستخدمين التعايش معها خلال العامين الماضيين.

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

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

ألوان الارتباط

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

هذا هو المكان الذي تأتي فيه ألوان الارتباط التي يتحكم فيها المستخدم. لإضافة دعم لألوان الارتباط المخصصة ، يجب على مؤلفي السمات الاشتراك في الميزة عبر add_theme_support( 'experimental-link-color' ) . سيؤدي هذا إلى إضافة محدد لون جديد لكتل ​​الفقرة والعنوان والمجموعة والأعمدة والوسائط والنص.

غير قادر على تشغيل هذه الميزة مع استدعاء وظيفة دعم السمات ، كان عليّ البحث في الكود قليلاً للعثور على المشكلة. لكي يضيف مؤلفو السمات دعمًا لألوان الارتباط ، يجب عليهم أيضًا تحديد روابطهم الافتراضية كما هو موضح في مقتطف كود CSS التالي:

 a { color: var( --wp--style--color--link, #000 ); }

سيقوم WordPress تلقائيًا بتعيين --wp--style--color--link متغير. لمزيد من الخصوصية ، يمكن لمؤلفي السمات أيضًا استهداف .has-link-color a .