حالات hover وfocus وواجهة SVG Icon API

يوسع WordPress 7.1 أدوات تصميم البلوكات في اتجاهين: حالات مثل :hover و:focus-visible و:active، وواجهة عامة لتسجيل مجموعات أيقونات SVG. يستطيع القالب أو الإضافة تعريف التفاعل والأيقونات داخل أنظمة WordPress بدلاً من حلول متفرقة.

لماذا يهم؟

حالات التفاعل تجعل أزرار وروابط التنقل أوضح من دون CSS مخصص لكل صفحة. وتمنح SVG Icon API كل مجموعة namespace، لذلك لا تتعارض أيقونة my-plugin/star مع أيقونة Core أو إضافة أخرى. يمكن أيضاً إخراج الأيقونة من PHP مع اسم وحجم وتسميات مناسبة.

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

جرّبها عالسريع

نسّق حالة focus-visible لزر واحد، وسجّل أيقونة بسيطة من path أو polygon. اختبر لوحة المفاتيح والوضعين الفاتح والداكن، ثم افحص الاسم البديل قبل إعادة استخدام المجموعة.

قارن النتيجة أيضاً في المحرر والواجهة العامة.

راجع أيضاً دليل WordPress 7.1. المصدر: ملخص مطوري أغسطس 2026.