يقدم Gutenberg 11.3 لوحة الأبعاد ، ويضيف دعم حشو الأزرار ، ويسرع الواضع

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

كان أحد أبرز ميزات الإصدار هو تحسين السرعة لكل من الفتح والبحث داخل المُلصق. انخفض وقت الفتح أكثر من 200 مللي ثانية ، من 370.35 مللي ثانية إلى 137.28 مللي ثانية. انتقلت سرعة البحث من 190.37 مللي ثانية إلى 67.24 مللي ثانية.

يتضمن الإصدار الأخير مكتبة منتقي ألوان مبسطة. معاينات غنية للروابط ، وهي ميزة تم تقديمها في Gutenberg 10.9 لعناوين URL الخارجية ، تعمل الآن مع روابط الموقع الداخلية.

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

لوحة الأبعاد لتباعد الضوابط

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

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

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

المشكلة الثانية هي أن اختيار المستخدم لما سيتم عرضه لا يبدو أنه مخزَّن. في كل مرة تعمل فيها مع كتلة ، يجب عليك تحديد عناصر التحكم التي يجب أن تظهر.

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

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

المساحة المتروكة للأزرار

ليس سراً أنني لا أحب الحشو الافتراضي لكتلة الأزرار عند استخدام سمة TT1 Blocks (الإصدار القائم على الكتلة من Twenty-One). لقد جعلت من إحدى مهماتي الإشارة إليها بشكل روتيني ، حتى أنني ذهبت إلى حد رفض استخدام الكتلة في المكالمة الأخيرة للاختبار كجزء من برنامج FSE Outreach.

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

اعتبارًا من 11.3 ، يمكن للمستخدمين التحكم في المساحة المتروكة لكتل ​​الأزرار الفردية. سيظهر الآن كخيار داخل لوحة الأبعاد الجديدة المذكورة سابقًا.

استجاب الصلاة. الآن ، دعنا نتحرك نحو إضافة عناصر تحكم الحشو لجميع الكتل.

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

ضوابط أبعاد الصورة المميزة

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

إذا قام المستخدم بتعيين ارتفاع للصورة ، فسيقوم المحرر بالكشف عن خيار "مقياس" منفصل مع الخيارات التالية:

• الغلاف (افتراضي)
• يحتوي
• تمتد

ماذا تفعل هذه الخيارات في الواقع؟ هذا سيكون سؤالا جيدا حتى بصفتي شخصًا في حلقة تصميم وتطوير الويب لما يقرب من عقدين من الزمن ، فإنني أحيانًا أنسى ويجب أن أبحث عنهم. إنها قيم لخاصية CSS object-fit ومن المحتمل أن تربك المستخدمين في كثير من الحالات.

يسمح الغلاف والاحتواء للصورة بالاحتواء داخل مربع العنصر المحتوي مع الحفاظ على نسبة العرض إلى الارتفاع (بدون تمديد الصورة). الفرق هو أن قيمة الغلاف سيتم قصها إذا لم تكن مناسبة وقد تكون القيمة المحتوية على شكل letterboxed. ستملأ قيمة التمدد الحاوية الخاصة بها بغض النظر عن نسبة العرض إلى الارتفاع.

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

يريد مصمم السمات في داخلي تعطيل واجهة المستخدم لهذا تمامًا وتقديم شيء أكثر تحكمًا قليلاً: محدد حجم الصورة.

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

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

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

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