اشترك في قناتنا على اليوتيوب

WordPress 5.8 "Tatum" موجود هنا وهو إصدار بالغ الأهمية. بصرف النظر عن العدد الهائل من الميزات والتحسينات وإصلاحات الأخطاء ، تقدم WP 5.8 طريقة جديدة لبناء مواقع الويب من خلال جلب الميزات الأولى التي تقع ضمن المشروع الأوسع المعروف باسم Full Site Editing .

بصرف النظر عن تحرير الموقع الكامل ، يوفر WordPress 5.8 الكثير من التغييرات والتحسينات في العديد من مناطق CMS .

سيجد مستخدمو WordPress الذين لا يستخدمون المكون الإضافي Gutenberg ميزات وتحسينات قادمة من تسعة إصدارات Gutenberg تمامًا (للتعمق في كل إصدار ، راجع Gutenberg 9.9 و 10.0 و 10.1 و 10.2 و 10.3 و 10.4 و 10.5 و 10.6 و 10.7 ).

ميزة جديدة مهمة للمستخدمين الجادين بشأن أداء مواقعهم هي دعم تنسيق WebP.

سيحب المطورون بالتأكيد إزالة IE11 من قائمة المتصفحات المدعومة ، وتكوين الكتلة الجديدة وآلية التصميم بناءً على theme.json ، ونظام تسجيل الكتلة المحسّن المستند إلى block.json ، والعديد من تحسينات واجهة برمجة التطبيقات التي تأتي مع إصدار WordPress الثاني لعام 2021 .

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

ما الجديد في WordPress 5.8

الأهمية

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

ميزات تحرير الموقع بالكامل في WordPress 5.8

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

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

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

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

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

في وقت كتابة هذا التقرير ، لا يزال يتعين على مالكي المواقع والمسؤولين اختيار FSE بوعي من خلال تثبيت سمة كتلة ، مثل Twenty-Twenty One Blocks ( الإصدار القائم على الكتلة من Twenty-Twenty One) ، وتفعيل المكون الإضافي Gutenberg.

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

بعد ذلك ، دعنا نتعمق في بعض ميزات FSE المدمجة في Core مع WordPress 5.8 .

وضع تحرير القالب

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

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

معلومات

يمكن استخدام تحرير القوالب في السمات الكلاسيكية بما في ذلك ملف theme.json أو الدعم 'block-templates'. لا يمكن تعطيله لقوالب الحظر.

محرر القالب.

لإنشاء قالب جديد، تحتاج فقط إلى تمكين تحرير قالب الوضع في إعدادات الشريط الجانبي. تتوفر الآن لوحة قالب جديدة للمستخدمين للتبديل بين وضع التحرير (انظر ملاحظة إصدار Gutenberg 10.5 ).

لوحة القوالب في الشريط الجانبي لمحرر Block.

من لوحة Template ، يمكنك إنشاء قالب جديد أو تحرير قالب موجود.

تحديد اسم القالب.

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

وضع تحرير القوالب في WordPress 5.8.

في وضع تحرير القوالب ، يمكنك إنشاء القوالب الخاصة بك باستخدام جميع الكتل المتاحة ، بما في ذلك كتل FSE مثل عنوان الموقع ، وسطر الموقع ، وتسجيل الدخول / الخروج ، وغير ذلك الكثير.

بمجرد أن تصبح راضيًا عن تعديلاتك ، يمكنك التبديل مرة أخرى إلى وضع تحرير النشر وحفظ القالب بشكل منفصل عن محتوى المنشور / الصفحة ، كما هو موضح في الصورة أدناه:

خيارات حفظ القالب.

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

تصدير القوالب وأجزاء القالب.

معلومات

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

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

مشكلة محاذاة العرض الكامل في نسق Twenty-One الكلاسيكي.

ولكن كل ما يتطلبه الأمر هو القليل من الصبر وانتظار حل المشكلات الرئيسية لفهم كامل كيف سيغير وضع تحرير القوالب الطريقة التي تخصص بها شكل ومظهر مواقع الويب الخاصة بك.

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

تم إصلاح مشكلة محاذاة العرض الكامل.

كان وضع تحرير القوالب متاحًا في البداية لكل من سمات الكتلة والسمات الكلاسيكية . بعد مناقشة مدروسة في قناة 5.8 Lead ، تقرر جعل محرر القوالب يختار السمات الكلاسيكية وإلغاء الاشتراك في سمات الكتلة (انظر أيضًا سحب # 32858 ).

وفقًا لكارولينا نيمارك :

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

للاشتراك في السمات الكلاسيكية ، يجب على المطورين الآن إضافة دعم السمات:

add_theme_support( 'block-templates' );

يمكن للسمات الكلاسيكية التي تستخدم theme.json إلغاء الاشتراك عن طريق إزالة دعم السمات :

remove_theme_support( 'block-templates' );

للحصول على نظرة عامة أكثر تفصيلاً حول كيفية عمل وضع تحرير القوالب في WordPress 5.8 وبعض الأمثلة المفيدة للاستخدام ، تأكد من مشاهدة هذا الفيديو من Anne McCarty:

كتل الموضوع

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

تتوفر كتل محرر الموقع الكامل في سياقات غير FSE منذ WordPress 5.8.

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

اقترح كتل الموضوع.

كتلة السمات المفيدة المتوفرة مع WordPress 5.8 هي كتلة تسجيل الدخول / الخروج ، والتي توفر روابط تسجيل الدخول والخروج. يمكنه عرض نموذج تسجيل الدخول اختياريًا بدلاً من الارتباط. يمكن لمسؤولي الموقع أيضًا تخصيص هدف إعادة التوجيه (انظر PR # 29766 ).

تسجيل الدخول / الخروج حظر إعداداته في محرر الكتلة.

للحصول على عرض أقرب لكتل FSE ، راجع مشكلة "تمكين كتل محرر الموقع الكامل في السمات الكلاسيكية" على Github .

كتلة حلقة الاستعلام

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

من خلال إدخال كتلة Query Loop في WordPress Core ، يمكن لمالكي المواقع والمسؤولين إنشاء قوائم بالمشاركات و CPT دون كتابة تعليمات برمجية معقدة أو الاستعانة بمطور ، على الأقل في حالات الاستخدام الأكثر شيوعًا.

إذن ، ماذا تفعل كتلة حلقة الاستعلام؟

باختصار ، يقوم بنفس عمل WordPress Loop ، ولكن في السياق المرئي لمحرر الكتلة.

تقوم كتلة Query Loop بتنفيذ استعلام استنادًا إلى إعدادات المستخدم في قاعدة بيانات WordPress ، وتتكرر عبر كل منشور مسترجع ، وتعرض البيانات على الصفحة.

بعد التنمية المكثفة ، وصلت هذه الكتلة هيكلها الحالي والآن يتكون من اثنين من كتل متداخلة : في سؤال و قالب المشاركة الكتل.

عرض قائمة لكتلة Query Loop.

لكونها ميزة متقدمة ، تتطلب كتلة Query Loop بعض التكوينات.

أولاً ، يمكنك الاختيار من بين أنماط الكتل المختلفة  المدرجة في طريقة العرض Carousel و Grid. بمجرد اختيار النمط الخاص بك ، ما عليك سوى النقر فوق اختيار ، وستقوم كتلة Query Loop بإنشاء قائمة منشورات مخصصة.

أنماط حظر حلقة الاستعلام في طريقة عرض الشبكة.

إذا قمت بالنقر فوق " ابدأ فارغًا" ، فسترى قائمة بأربعة أشكال مختلفة للكتل الأساسية: العنوان والتاريخ ؛ عنوان ومقتطف . العنوان والتاريخ والمقتطف . و صورة، تاريخ وعنوان (انظر أنماط الاكتتاب في الإعداد بلوك ).

اختلافات كتلة حلقة الاستعلام.

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

يمكنك أيضًا تعيين عدة عوامل تصفية ، والاختيار من بين الفئات والمؤلفين والكلمات الرئيسية.

كتلة Query Loop مع إعدادات الشريط الجانبي.

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

عرض إعدادات حظر حلقة الاستعلام.

نعم ، تعد كتلة Query Loop أداة قوية تسمح لمالكي المواقع بإنشاء قوائم مخصصة للغاية من المنشورات وأنواع المنشورات المخصصة.

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

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

معلومات

تمت إعادة تسمية كتلتي "تكرار الاستعلام" و "قالب المشاركة" عدة مرات في الأسابيع الماضية. تم الوصول إلى التسمية النهائية باستخدام Gutenberg 10.9 .

عرض قائمة ثابتة في محرر المشاركات

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

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

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

الشريط الجانبي لعرض القائمة في WordPress 5.8.

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

التمرير فوق العناصر الموجودة في عرض القائمة.

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

إضافة مرساة للكتل في ووردبريس 5.8.

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

محرر الحاجيات المستندة إلى الكتل وعناصر الواجهة في أداة التخصيص

و على أساس كتلة الحاجيات محرر هو مشروع واسع يهدف إلى جعل واجهة ل تحرير كتلة الحاجيات الكلاسيكية موضوع .

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

كتلة الحاجيات مشروط.

كما أوضحت آن مكارتي ، توفر الأدوات المستندة إلى الكتلة العديد من المزايا ، بما في ذلك ما يلي:

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

يؤكد Andrei Draganescu أيضًا على المزايا التي يمكننا الحصول عليها من القدرة على تحرير عناصر واجهة المستخدم من واجهة قائمة على الكتلة:

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

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

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

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

1. يمكنك تثبيت المكون الإضافي Classic Widgets الرسمي ، والذي يستعيد الواجهة السابقة لشاشة الأدوات. المكون الإضافي "سيتم دعمه وصيانته حتى عام 2022 على الأقل ، أو طالما كان ذلك ضروريًا".
2. يمكن لمطوري السمات تعطيل محرر الحاجيات المستند إلى الكتلة عن طريق إزالة دعم السمات كالمعتاد:

   remove_theme_support( 'widgets-block-editor' );

3. use_widgets_block_editorيمكن أيضًا استخدام مرشح جديد :

   add_filter( 'use_widgets_block_editor', '__return_false' );

راجع أيضًا استعادة محرر عناصر واجهة المستخدم الكلاسيكي في نظرة عامة على محرر كتلة عناصر واجهة المستخدم .

قطع الحاجيات إلى أداة التخصيص

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

الحاجيات كتلة في أداة التخصيص.

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

أداة إدراج أدوات التخصيص.

يمكنك أيضًا تشغيل أداة الإدخال السريع من أسفل لوحة الأدوات ، كما هو موضح في الصورة التالية.

أداة تخصيص الحاجيات سريع الإدخال.

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

في الأساس ، بدءًا من WordPress 5.8 ، ستتمتع بقوة محرر الكتلة في أداة التخصيص ، وستكون قادرًا على إنشاء أشرطة جانبية مخصصة للغاية دون أي متاعب.

عرض المزيد من الإعدادات.

يوفر dev-note محرر عناصر واجهة المستخدم المستند إلى الكتلة نظرة عامة أكثر تعمقًا على محرر عناصر واجهة المستخدم المستند إلى الكتلة ، مع أمثلة وموارد للمطورين.

ميزات وتحسينات محرر الحظر

بالإضافة إلى تطبيق FSE الأول ، يوفر WordPress 5.8 أيضًا ميزات وتحسينات جديدة للعديد من عناصر محرر الكتلة ، مما يحسن بشكل كبير تجربة التحرير الشاملة.

تشمل هذه التغييرات:

تحسينات الوسائط وكتلة النص

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

الوسائط وتحويلات كتلة النص وأنماطها.

بدءًا من WordPress 5.8 (و Gutenberg 10.2 ) ، يؤدي تحويل الوسائط وكتلة النص إلى كتلة أعمدة تلقائيًا إلى إضافة عمودين: أحدهما للصورة والآخر للنص.

تم تحويل عمودين للوسائط والنص.

تحسينات الكتل القابلة لإعادة الاستخدام

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

مشروط لتدفق إنشاء الكتل القابلة لإعادة الاستخدام.

باستخدام WordPress 5.8 ، تكون الكتل القابلة لإعادة الاستخدام أكثر وضوحًا بصريًا ، مما يسهل على مستخدمي WordPress إدارتها.

كتلة قابلة لإعادة الاستخدام في WordPress 5.8.

فيما يلي قائمة سريعة بتحسينات الحظر القابلة لإعادة الاستخدام والتي سيجدها المستخدمون بعد تحديث مواقع الويب الخاصة بهم إلى WordPress 5.8:

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

مخططات كتلة قابلة لإعادة الاستخدام.

أشرطة أدوات القوالب الطبيعية

تم إعادة ترتيب العديد من أشرطة أدوات الكتل لتوفير واجهة مستخدم متسقة عبر الكتل وتحسين تجربة المستخدم. الآن ، يتم تجميع عناصر تحكم شريط الأدوات بعد الترتيب الدلالي "meta، block-level، inline".

شريط أدوات كتلة العنوان.

منذ Gutenberg 10.1 و Gutenberg 10.3 ، تم تطبيع مجموعة كاملة من أشرطة أدوات الكتلة. يتضمن ذلك صورة ، زر ، أزرار ، قائمة ، عنوان ، فقرة ، اقتباس ، صوت ، ملف ، وسائط ونص ، فيديو ، والمزيد.

وفقًا لماتياس فينتورا :

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

شريط أدوات كتلة الصورة الطبيعية.

لذلك ، منذ WordPress 5.8 ، يتحكم شريط أدوات الحظر في أجزاء محاطة بالحدود. بالإضافة الى:

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

تقارن الصورة أدناه شريط أدوات كتلة الصور في WordPress 5.7 و 5.8:

شريط أدوات كتلة الصور في WordPress 5.7 مقابل WordPress 5.8.

أهم تحسينات شريط الأدوات

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

شريط الأدوات العلوي على الشاشات العريضة في WordPress 5.7.

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

شريط الأدوات العلوي على الشاشات العريضة في WordPress 5.8.

يؤدي هذا التحسين أيضًا إلى إحداث تغييرات للمطورين لأنه يوحد واجهات برمجة تطبيقات شريط الأدوات ضمن <BlockTools />المكون (انظر PR # 31134 ).

ملفات PDF المضمنة

عند إضافة ملف PDF إلى المستند من خلال كتلة الملف ، يتيح لك تبديل الشريط الجانبي الجديد تمكين / تعطيل إصدار PDF مضمن  (انظر PR # 30857 ).

ملف PDF مضمن في WordPress 5.8.

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

تدعم جميع متصفحات الويب الرئيسية عارض PDF ، باستثناء متصفحات الجوال .

دعم كتلة Duotone

واحدة من أكثر الميزات إثارة للاهتمام التي تم دمجها في Core مع WordPress 5.8 هي مرشح duotone ، الذي تم تقديمه لأول مرة مع Gutenberg 10.6 .

أداة تصميم الدرجات الثنائية الجديدة في كتلة الصورة.

متاح كميزة "دعم الكتلة" ، يتم تمكين مرشح الثنائي افتراضيًا في الصورة الأساسية وكتل الغلاف. في كتلة الغلاف ، على الرغم من ذلك ، لا يعمل مع الخلفيات الثابتة .

منتقي الثنائي الجديد في WordPress 5.8.

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

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

فحص مرشح الثنائي SVG في Chrome DevTools.

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

supports: {
color: {
__experimentalDuotone: '> .duotone-img, > .duotone-video',
background: false,
text: false
}
}

عندما تعلن كتلة عن دعمها color.__experimentalDuotone، styleيمكن استخدام سمة لتعيين ألوان افتراضية مخصصة :

attributes: {
style: {
type: 'object',
default: {
color: {
duotone: [
'#FFF',
'#000
]
}
}
}
}

أدناه يمكنك رؤية نفس الصورة بتأثيرين مختلفين للون الثنائي:

تم تطبيق مرشح الألوان الثنائي على الصورة.

يتم تطبيق مرشح ألوان مزدوج مختلف على الصورة.

يمكن للمطورين تحديد الطباعة بلونين المسبقة في theme.json ملف (انظر القسم التالي )، كما هو مبين في المقتطف التالي:

{
"version": 1,
"settings": {
"color": {
"duotone": [
{
"colors": [ "#000", "#7f7f7f" ],
"slug": "black-and-white",
"name": "dark-grayscale"
}
],
...

يمكنك قراءة المزيد حول مرشحات الدرجات الثنائية في تلوين صورك باستخدام مرشحات Duotone .

ألوان وحدود كتلة الجدول

يقدم WordPress 5.8 أيضًا بعض التحسينات على كتلة Table ، بما في ذلك تحكم أفضل في خلفية الجدول وألوان المقدمة .

إعدادات ألوان كتلة الجدول المحسّنة.

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

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

ضوابط كتلة الحدود في WordPress 5.8 و TT1 Blocks.

يمكن للمطورين إضافة دعم كتلة الحدود إلى سماتهم عن طريق إضافة الكود التالي إلى ملف theme.json :

"border": {
"customColor": true,
"customStyle": true,
"customWidth": true
}

تحسينات على Block Inserter

في WordPress 5.8 ، تم تحسين أداة إدراج الكتلة بعدة إضافات (PR # 26938 و # 21080 ):

يؤدي الضغط على السهم لأعلى ولأسفل إلى تحريك تركيز الصف.

1. التنقل بلوحة المفاتيح ثنائي الأبعاد على أداة إدراج الكتلة . الآن يمكننا التنقل بين الكتل بشكل أكثر دقة وبشكل حدسي.

• يؤدي الضغط على السهم لأعلى (↑) والسهم لأسفل (↓) إلى تحريك التركيز إلى الصف أعلى أو أسفل.
• يتيح الضغط على Tab أو Shift + Tab نقل التركيز بين مربع البحث وقائمة علامات التبويب والعنصر الأول من كل فئة.

2. تظهر الآن فئة "سمة" جديدة لأجزاء القالب والتنوعات في أداة الإدخال في تحرير الموقع الكامل (راجع PR # 30020 ).

3. يُسمح الآن بكلمات متعددة في مُطابق عبارات الإكمال التلقائي (انظر PR # 29939 ).

تحسينات محرر الكتلة الإضافية

يجلب WordPress 5.8 أطنانًا من التغييرات الإضافية الصغيرة والمتوسطة التي تستحق بضعة أسطر هنا. من بين هذه التحسينات ، نذكر ما يلي:

قم بسحب وإسقاط الدعم في قوالب الغلاف

يمكنك الآن سحب وإفلات الصور من سطح المكتب لاستبدال خلفية كتلة الغلاف (انظر Gutenberg 10.3 و PR # 29813 ).

قم بسحب وإفلات صور الخلفية في قالب الغلاف.

واجهة مستخدم محسنة للنشر

منذ إصدار WordPress 5.8 ، تعرض واجهة المستخدم للنشر رمز الموقع وعنوانه لتوضيح المكان الذي ستنشر فيه منشوراتك أو صفحاتك ( Gutenberg 10.4 ).

نشر واجهة المستخدم في WordPress 5.7.

نشر واجهة المستخدم في WordPress 5.8.

يعد هذا التحسين مفيدًا إذا كنت تعمل في وضع ملء الشاشة أو على الأجهزة المحمولة.

إعدادات وأنماط الحظر باستخدام theme.json

مع وورد 5.8، و theme.json ملف يصبح "نقطة مركزية التكوين"، وتوفير وسيلة جديدة للمطورين موضوع لتخصيص إعدادات محرر والأساليب.

باستخدام ملف theme.json ، يمكن للسمات تعيين إعدادات مسبقة مخصصة و / أو إضافة دعم للميزات الجديدة ، مثل الدرجات الثنائية وحدود الجدول (راجع الإعدادات والأنماط العامة ).

وفقًا لأندريه مانيرو :

تهدف هذه الآلية الجديدة إلى تولي وتوحيد جميع add_theme_supportالمكالمات المختلفة التي كانت مطلوبة سابقًا للتحكم في المحرر.

على سبيل المثال ، يمكنك تعيين إعداد مسبق مخصص للون الثنائي باستخدام الكود التالي:

{
"version": 1,
"settings": {
"color": {
"duotone": [
{
"colors": [ "#000", "#0FF" ],
"slug": "black-cyan",
"name": "Black Cyan"
}
],

سيؤدي هذا إلى استبدال الإعدادات المسبقة الافتراضية ، وسترى خيارًا مزدوجًا واحدًا فقط:

الضبط المسبق للون الثنائي المخصص في theme.json.

توفر الآلية الجديدة طريقة للتحكم في الإعدادات إما بشكل عام أو على أساس كل كتلة. على سبيل المثال ، يمكنك إضافة حجم خط مخصص 12 بكسل بشكل عام عن طريق إضافة الإعداد المسبق التالي إلى ملف theme.json الخاص بك :

{
"version": 1,
"settings": {
"typography": {
"customLineHeight": true,
"fontSizes": [
{
"slug": "extra-extra-small",
"size": "12px",
"name": "Extra extra small"
},
{...}

ينتج عن هذا حجم خط جديد متاح للمستخدمين لاستخدامه مع أي نص في المحتوى الخاص بهم.

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

حجم خط مخصص محدد عالميًا في theme.json.

إذا كنت ترغب فقط في تخصيص كتلة الفقرة ، فستكون التعليمات البرمجية الخاصة بك مختلفة قليلاً:

{
"version": 1,
"settings": {
"blocks": {
"core/paragraph": {
"typography": {
"fontSizes": [
{
"slug": "extra-extra-small",
"size": "12px",
"name": "Extra extra small"
},
{
"slug": "extra-small",
"size": "16px",
"name": "Extra small"
},
{
"slug": "small",
"size": "18px",
"name": "Small"
},
{
"slug": "normal",
"size": "20px",
"name": "Normal"
},
{
"slug": "large",
"size": "24px",
"name": "Large"
}
]
}
}
}
}
}

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

كتلة فقرة مع إعدادات مسبقة لحجم الخط المخصص.

تم تحديث الكتل الأساسية لتتبع الآلية الجديدة ، بينما يمكن لكتل الجهات الخارجية أن تتكيف مع الآلية الجديدة باستخدام useSettingخطاف React (اقرأ المزيد عن هذه الوظيفة في وثائق dev-note و API ):

const isEnabled = useSetting( 'spacing.margin' );

معلومات

الإعدادات المعلنة في theme.json ستكون لها الأسبقية على الإعدادات المعلنة عبر add_theme_support.

الآلية الجديدة المبنية على ملف theme.json لا تنطبق فقط على إعدادات الحظر. في الواقع ، بدءًا من WordPress 5.8 ، لن يكون من الضروري إنشاء أنماط محرر وإدراجها في قائمة الانتظار. يكفي إعلان الإعدادات المسبقة داخل ملف theme.json ؛ سيقوم المحرك بإنشاء الفئات وإدراجها تلقائيًا في قائمة كل من المحرر والواجهة الأمامية.

سيقوم المحرك أيضًا بإنشاء خصائص CSS المخصصة المقابلة .

في المثال السابق ، قمنا بتعيين خمسة fontSizesإعدادات مسبقة لكتلة الفقرة. بالنسبة لتلك الإعدادات المسبقة ، سيتم إنشاء خصائص CSS المخصصة التالية:

p {
--wp--preset--font-size--extra-extra-small: 12px;
--wp--preset--font-size--extra-small: 16px;
--wp--preset--font-size--small: 18px;
--wp--preset--font-size--normal: 20px;
--wp--preset--font-size--large: 24px;
}

بمجرد تعيين حجم خط الفقرة في ملف theme.json ، pيأخذ العنصر المقابل has-{preset-slug}-{preset-category}الفصل الدراسي.

هذا يعني أن فقرة extra-extra-smallبحجم الخط ستحصل على has-extra-extra-small-font-sizeالفئة:

<p class="has-extra-extra-small-font-size">Lorem ipsum dolor...</p>

وهنا كتلة إعلان CSS:

p.has-extra-extra-small-font-size {
font-size: var(--wp--preset--font-size--extra-extra-small) !important;
}

للحصول على عرض أقرب للإعداد والأنماط باستخدام theme.json ، تأكد من مراجعة وثائق dev-note و API .

تحقق أيضًا من دعوة Anne McCarty FSE للاختبار للحصول على قراءة أكثر فائدة وتحديًا مثيرًا للمطورين الذين يرغبون في استكشاف ميزات theme.json الجديدة .

حظر تحسينات API

تستحق تحسينات Block API القادمة مع WordPress 5.8 اهتمامًا خاصًا من مطوري المكونات الإضافية .

يتم الآن تشجيع استخدام ملف block.json كطريقة أساسية لتسجيل أنواع الكتلة ويوفر العديد من المزايا:

• فيما يتعلق بالأداء ، إذا كان الموضوع يدعم التحميل البطيء للأصول ، فإن تسجيل أنواع الكتل من خلال ملف block.json سيعمل تلقائيًا على تحسين إدراج الموارد. ذلك لأن الموارد المحددة بواسطة styleand scriptسيتم وضع الخصائص في قائمة الانتظار على الواجهة الأمامية فقط عند اكتشاف الكتلة. يتيح ذلك تطوير مكونات إضافية أكثر كفاءة وتقليل حجم الصفحة ومنع العديد من المشكلات التي تتناولها هذه المقالة .
• و block.json ملف يبسط من جانب الخادم تسجيل كتلة من خلال السماح لل أنواع كتلة REST API نقطة النهاية لسرد كتلة.
• يعد ملف block.json مطلوبًا أيضًا إذا قررت إرسال المكون الإضافي للحظر إلى دليل مكونات WordPress.

تغييرات على وظيفة register_block_type

منذ إصدار WordPress 5.8 ، register_block_typeتم تحسين الوظيفة لقراءة البيانات الوصفية من ملف block.json . الآن ،  تقبل المعلمة الأولى المسار إلى المجلد حيث يوجد ملف block.json .

يمكن استخدام الوظيفة كما هو موضح في المثال التالي:

function create_custom_block_init() {
register_block_type( __DIR__ );
}
add_action( 'init', 'create_custom_block_init' );

تقوم بإرجاع نوع الكتلة المسجلة أو falseعند الفشل.

كما قد تلاحظ ، register_block_typeتُستخدم الوظيفة الآن بنفس طريقة register_block_type_from_metadataالوظيفة ، والتي كانت في السابق الوظيفة الوحيدة المتاحة لتسجيل نوع كتلة من خلال قراءة البيانات الوصفية من ملف block.json . كما أوضح جريج Ziółkowski :

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

بمجرد تسجيل الكتلة على الخادم ، ما عليك سوى تسجيل الإعدادات على العميل باستخدام نفس اسم الكتلة في ملف index.js الخاص بك .

للحصول على نظرة عامة أكثر تعمقًا على تحسينات واجهة برمجة التطبيقات التي تم إدخالها بواسطة WordPress 5.8 ، تأكد من مراجعة مذكرة المطورين بواسطة Greg Ziółkowski .

دعم WebP في WordPress 5.8

هنا في Kinsta ، نحن مهووسون بسرعة الموقع وأداء WordPress. هذا هو السبب في أن دعم تنسيق WebP في WordPress 5.8 يعد خبرًا مثيرًا بالنسبة لنا.

يعتبر تنسيق WebP تنسيقًا من الجيل التالي ، وهو تنسيق صور تم تطويره بواسطة Google يوفر "ضغطًا أفضل من تنسيق PNG أو JPEG ، مما يعني تنزيلات أسرع واستهلاك أقل للبيانات".

يقترح Google Lighthouse استخدام تنسيقات الصور من الجيل التالي.

وفقًا لجوجل :

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

صور WebP غير المفقودة أصغر حجمًا بنسبة 26٪ مقارنة بصور PNG. تكون صور WebP المفقودة أصغر بنسبة 25-34٪ من صور JPEG المماثلة بمؤشر جودة SSIM مكافئ.

بدءًا من WordPress 5.8 ، يمكنك استخدام تنسيق صورة WebP بنفس طريقة استخدام تنسيقات JPEG و PNG و GIF. ما عليك سوى تحميل الصور الخاصة بك إلى مكتبة الوسائط الخاصة بك وتضمينها في المحتوى الخاص بك.

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

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

كيفية استخدام صور WebP في WordPress

يمكنك تحويل صورك إلى WebP بعدة طرق مختلفة:

• يمكنك استخدام أدوات ومكتبة WebP المترجمة مسبقًا من Google لأنظمة Linux أو Windows أو Mac OS X.
• يمكن لمستخدمي Mac تثبيت مدير الحزم مثل حزمة Homebrew WebP أو حزمة Macports WebP .
• يمكنك استخدام أداة تحرير صورة دعم ويب بي، مثل Squoosh بواسطة جوجل كروم مختبرات ، وتحويل الصور دفعة XnConvert ، محرر الصور شعبية مثل الأعرج ، وغيرها الكثير.
• يمكنك تثبيت مكون WebP WordPress الإضافي للتحكم بشكل أفضل في صور WebP في WordPress.

تصدير الصورة كـ WebP في GIMP.

إذا اخترت أداة سطر الأوامر ، فيمكنك تشفير الصور وفك تشفيرها باستخدام أدوات cwebp و dwebp . على سبيل المثال ، يقوم الأمر التالي بتنفيذ تحويل JPEG أساسي إلى WebP:

cwebp [options] original_image.jpg -o compressed_image.webp

يمكنك أيضًا تشغيل تحويل مجمّع لصورك باستخدام Bash و cwebp (مثال بواسطة Jeremy Wagner ):

find ./ -type f -name '*.png' -exec sh -c 'cwebp -q 75 $1 -o "${1%.png}.webp"' _ {} \;

يحول الأمر أعلاه جميع صور .png إلى تنسيق webp. بعامل ضغط 75.

مقارنة بين عامل الضغط وأحجام الملفات.

بمجرد حصولك على صور WebP الخاصة بك ، يمكنك ببساطة تحميلها باستخدام WordPress Media Library . أدناه يمكنك رؤية صورة JPEG بحجم 127 كيلوبايت قبل التحويل في مكتبة الوسائط:

حجم ملف JPEG المضغوط 127 كيلوبايت.

حجم صورة WebP المضغوطة أصغر بنسبة 42٪ من صورة JPEG الأصلية!

نفس الصورة بتنسيق WebP هي 74 كيلو بايت.

أخيرًا ، تحتوي صور WebP على نفس ميزات التحرير مثل صور JPEG و PNG و GIF. يمكنك قصها وتدويرها وقلبها وقياسها ، وتطبيق التغييرات على أحجام الصور التي تختارها.

تحذيرات حول WebP في WordPress 5.8

وفقًا لآدم سيلفرشتاين:

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

إذا كان مضيف الويب الخاص بك لا يدعم صور WebP ، فسترى رسالة خطأ عند محاولة تحميلها. إذا لم تكن متأكدًا مما إذا كان مضيف الويب الخاص بك يدعم مكتبة Imagick ، فإن علامة التبويب معلومات أداة Site Health تتضمن حقل مكتبة Imagick الذي يوفر هذا الجزء من المعلومات.

يدعم Kinsta مكتبة Imagick.

بدعم ويب بي، وورد 5.8 أيضا يدخل اثنين من حقول إضافية إلى وسائل الإعلام التعامل مع قسم الصحة في الموقع: Imagick نسخة و يماغيماغيك تنسيقات الملفات المعتمدة .

حقل إصدار ImageMagick في Site Heath.

إذا لم يكن WebP مدرجًا ضمن أنواع الملفات المدعومة ، فستحتاج إلى التواصل مع مضيف الويب للحصول على الدعم.

و ديف علما يوفر معلومات إضافية حول دعم ويب بي في وورد 5.8، أسئلة وأجوبة مفيدة، وموارد أخرى.

إذا كنت مهتمًا بتحسين الصور ، فقد تعجبك أيضًا البرامج التعليمية التالية:

• كيفية تحسين الصور للويب والأداء
• لماذا وكيف تستخدم الضغط الخاسر على صور WordPress الخاصة بك
• كيفية استخدام صور WebP على WordPress (وتقليص أحجام ملفات الصور حتى 35٪)
• أفضل 15 نوعًا من أنواع ملفات الصور
• كل ما تحتاج لمعرفته حول أحجام صور WordPress

ميزات إضافية للمطورين

ستجد العشرات من الميزات المثيرة للمطورين في WordPress 5.8. في هذه المقالة ، أولينا مزيدًا من الاهتمام لتلك التي يجب أن يكون لها أكبر تأثير على عملك التنموي. لكن هناك بالفعل العديد من الميزات الجديدة التي تستحق الاهتمام ، ومنها ما يلي:

كتلة يدعم API

يضيف WordPress 5.8 كتلة جديدة تدعم العلامات التي تسمح للمطورين بتخصيص الكتل المسجلة بأحدث ميزات الكتلة.

بالإضافة إلى دعم الكتلة الثنائية التجريبية المذكورة سابقًا ( color._experimentalDuotone) ، يضيف WordPress 5.8 أيضًا دعمًا للون الرابط. للاستفادة من هذه الميزة ، ما عليك سوى إضافة العلامة التالية إلى البيانات الوصفية للحظر:

supports: {
color: {
link: true;
}
}

يمكنك تعيين القيم الافتراضية باستخدام السمات ، كما هو موضح في المثال التالي ، أو ضبط الإعدادات المسبقة في theme.json :

attributes: {
style: {
type: 'object',
default: {
color: {
link: '#FF0000',
}
}

تتضمن تغييرات Block API الإضافية ما يلي:

• fontSizeو lineHeightأصبح الدعم مستقرة.
• spacingوقد تم توسيع الدعم، والآن يمكنك التحكم marginو padding، وكذلك السيطرة كما فردي top، right، bottomو leftالأحجام.

يمكنك قراءة المزيد عن Block Supports API في WordPress 5.8 في Block يدعم تحديثات API dev-note.

للحصول على عرض أقرب لكيفية استخدام Block Support API ، راجع الوثائق الرسمية لـ Block Support API .

علامات التبويب المخصصة لصحة الموقع

يتيح خطافان جديدان الآن للمطورين إضافة علامات تبويبهم المخصصة إلى واجهة Site Health وتخصيص الشاشات المتاحة.

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

function kinsta_site_health_navigation_tabs( $tabs ) {
$tabs['kinsta-site-health-tab'] = esc_html_x( 'Kinsta', 'Site Health', 'text-domain' );

return $tabs;
}
add_filter( 'site_health_navigation_tabs', 'kinsta_site_health_navigation_tabs' );

تُظهر الصورة أدناه علامة تبويب صحة الموقع الجديدة:

تمت إضافة علامة تبويب مخصصة إلى قائمة التنقل في صحة الموقع.

بفضل site_health_navigation_tabsالفلتر ، من الممكن أيضًا إعادة ترتيب علامات التبويب أو إزالة عنصر واحد أو أكثر.

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

function kinsta_site_health_tab_content( $tab ) {
// Return if this is not your tab.
if ( 'kinsta-site-health-tab' !== $tab ) {
return;
}

// Include the interface, kept in a separate file just to differentiate code from views.
include trailingslashit( plugin_dir_path( __FILE__ ) ) . 'views/kinsta-site-health-tab.php';
}
add_action( 'site_health_tab_content', 'kinsta_site_health_tab_content' );

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

تغييرات واجهة برمجة تطبيقات محرر الحظر لدعم شاشات المشرف المتعددة

مع WordPress 5.8 ، لم يعد محرر المنشورات هو شاشة المسؤول الوحيدة التي تستخدم محرر الكتلة (شاشة الأدوات هي مثال).

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

بالإضافة إلى ذلك ، تم تقديم WP_Block_Editor_Contextفئة جديدة تمثل سياق محرر الكتلة الحالي وطرق مختلفة.

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

للحصول على قائمة شاملة بتغييرات واجهة برمجة تطبيقات Block Editor المتعلقة بشاشات المسؤول ، راجع ملاحظة المطور من Greg Ziółkowski.

الميزات والتحسينات الإضافية

هناك العديد من الميزات والتغييرات الجديدة للمطورين التي يقدمها WordPress 5.8 بحيث يستحيل علينا ذكرها جميعًا في هذه المقالة

ملخص

يمثل WordPress 5.8 علامة فارقة على طريق تحرير الموقع الكامل. لكن الإصدار الثاني من WordPress لهذا العام يجلب أكثر بكثير من FSE. سيجد المستخدمون والمطورون الكثير من التحسينات على محرر الكتلة ، وآلية theme.json جديدة ، وواجهة برمجة تطبيقات Block API أكثر قوة ، ودعم تنسيق صورة WebP ، وغير ذلك الكثير.

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

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

انتهى اليك الان! ما هي أفكارك حول تحرير الموقع بالكامل؟ وما هي التغييرات المفضلة لديك القادمة مع WordPress 5.8؟

ملاحظة المحرر: ظهرت نسخة من هذه المقالة في الأصل على kinsta .