تم إصدار وورد بريس 5.5 “Eckstine” ، وقد حان الوقت لتقديم أكثر التغييرات والميزات الملحوظة التي تمت إضافتها إلى Core مع إصدار وورد بريس الثاني لهذا العام.
في هذه الأيام ، اعتدنا على رؤية العديد من الإضافات إلى محرر الكتلة في كل إصدار من وورد بريس. ووردبريس 5.5 ليس استثناء!
يقدم هذا الإصدار أيضًا الكثير من التغييرات التي لا تتعلق بالمحرر والتي يجب أن يكون لها تأثير كبير على طريقة استخدامنا لنظام إدارة المحتوى .
معلومات
نحن نستضيف ندوة مجانية عبر الإنترنت لتوضيح ومناقشة ما سيحدث في وورد بريس 5.5 ، تأكد من الانضمام إلينا !
بينما يجلب وورد بريس 5.5 العديد من التغييرات على وورد بريس Core ، تم تأخير العديد من الميزات المنتظرة مع 5.5 وإزالتها من هذا الإصدار بسبب العديد من المشكلات التي لم يتم حلها . لذا ، فإن تحرير الموقع بالكامل ، وحظر التنقل ، وشاشة التنقل ، وشاشة عنصر واجهة المستخدم ليست جزءًا من وورد بريس 5.5.
إذا كنت ترغب في قراءة المزيد عن دورة تطوير وورد بريس 5.5 ، فتحقق من الروابط أدناه:
7 يوليو 2020: الإصدار التجريبي 1
14 يوليو 2020: الإصدار التجريبي 2
21 يوليو 2020: الإصدار التجريبي 3
27 يوليو 2020: بيتا 4
28 يوليو 2020: RC 1
4 أغسطس 2020: RC 2
10 أغسطس 2020: RC 3
10 آب (أغسطس) 2020: التشغيل الجاف لإصدار ووردبريس 5.5
11 أغسطس 2020: الإصدار النهائي من وورد بريس 5.5 ” Eckstine “
إذن ، ما الجديد في وورد بريس 5.5؟
وورد بريس 5.5 هو الإصدار الثاني من وورد بريس لعام 2020 ويسعدنا تقديم أبرز الميزات المضافة إلى Core 🥳 تحقق من الجديد في وورد بريس 5.5 🎁
مع الإصدار الأخير من وورد بريس 5.5 ، تمت إضافة عشرة إصدارات من المكون الإضافي Gutenberg إلى النواة ، مما أدى إلى عدد كبير من تحسينات واجهة المستخدم والميزات والتحسينات وإصلاحات الأخطاء التي تؤثر على كل جانب من جوانب تجربة التحرير ، من قابلية الاستخدام إلى الوظائف والأداء .
سيكون من المستحيل ذكر كل هذه التغييرات هنا ، لذا في هذا المنشور ، ستجد مجموعة منتقاة بعناية من الميزات والتحسينات الجديدة المفضلة لدينا.
للحصول على قائمة أكثر شمولاً للتحسينات والميزات المضافة إلى محرر الكتلة مع وورد بريس 5.5 ، راجع الإعلانات الرسمية لإصدارات البرنامج المساعد: 7.5 ، 7.6 ، 7.7 ، 7.8 ، 7.9 ، 8.0 ، 8.1 ، 8.2 ، 8.3 ، 8.4 ، 8.5 .
ومع ذلك ، سنغطي هنا الإضافات التالية التي تم إحضارها إلى محرر الكتلة باستخدام وورد بريس 5.5:
تصميم جديد لواجهة المستخدم
أدوات تصميم الكتلة
تحرير الصور المضمنة
فئات البلوك ولوحة إدخال الكتل الجديدة
دليل Block و Block Plugins
أنماط الكتلة
يقدم كل إصدار من مكون Gutenberg الإضافي تحسينات صغيرة وليست صغيرة تعمل بصمت على تغيير تجربة التحرير الشاملة. سيتم الآن دمج الكثير من هذه التغييرات في نواة وورد بريس. لذلك ، عند تشغيل محرر الكتلة لأول مرة في وورد بريس 5.5 ، يجب أن تجذب واجهة مختلفة قليلاً انتباهك. ستجد:
شريط أدوات مبسط
تباين أقوى للألوان
أيقونات جديدة
المحركون بلوك
العناصر المحيطة
معاينات الجهاز
تحسين السحب والإفلات
أنماط تركيز كتلة محسّنة وموحدة عبر واجهة المستخدم بأكملها
القدرة على تنسيق كتل متعددة في وقت واحد
أداء أفضل
تنسيق كتل متعددة في ووردبريس 5.5
تنسيق كتل متعددة في ووردبريس 5.5
تلك المذكورة أعلاه ليست سوى عدد قليل من التغييرات العديدة التي تؤثر على تجربة التحرير.
معاينة الجوال في وورد بريس 5.5
معاينة الجوال في وورد بريس 5.5
تشمل التغييرات الإضافية أيضًا:
تتوفر الآن خيارات التنسيق للنص المنخفض والنص المرتفع من خلال عناصر تحكم النص المنسق ( Gutenberg 8.0 ).
شريط أدوات كتلة جديد
شريط أدوات الكتلة الجديد مع الرموز المعاد تصميمها ومحرك الكتلة وتباين أفضل للألوان
يظهر الآن زر شريط أدوات جديد تمامًا عند التمرير فوق الجانب الأيسر من شريط أدوات الحظر. يسمح الزر الجديد بتحديد الكتل الأصلية في السياقات المتداخلة ( Gutenberg 8.3 ).
المحدد الرئيسي في كتلة Media Text
المحدد الرئيسي في كتلة الوسائط والنص
تمت إضافة العديد من أدوات التصميم إلى مكون Gutenberg الإضافي خلال الأشهر الماضية وسيتم الآن تضمينها في جوهر وورد بريس 5.5.
توفر المجموعة الأولى من الأدوات التحكم في الأبعاد ولون الخلفية لعدة كتل ( جوتنبرج 7.9 ).
إعدادات تدرج الخلفية لكتلة الأعمدة
إعدادات تدرج الخلفية لكتلة الأعمدة
هبطت ميزتان إضافيتان في النواة ( Gutenberg 8.3 ) ولكن في وقت كتابة هذه السطور ، ما زلت تحمل علامة تجريبية:
التحكم في الحشو لكتلة الغلاف.
ربط التحكم في لون الفقرات والعنوان والمجموعة والأعمدة والوسائط وكتل النص.
يتم إيقاف التحكم في الحشو والتحكم في لون الارتباط افتراضيًا ويتعين على المطورين الإعلان صراحة عن دعمهم ، كما هو موضح في دليل Block Editor Handbook .
إذا كنت ترغب في إضافة عناصر تحكم الحشو لكتلة الغلاف إلى المواضيع الخاصة بك، ببساطة إضافة السطر التالي إلى الخاص functions.php السمة :
add_theme_support( 'experimental-custom-spacing' );إذا كنت ترغب في تمكين التحكم في لون الارتباط لكتل الفقرات ، والعنوان ، والمجموعة ، والأعمدة ، والوسائط والنص ، فقط أضف السطر التالي إلى ملف وظائف السمة الخاصة بك:
add_theme_support( 'experimental-link-color' );هذه الميزة الجديدة تسمح لك بتحديد px، em، rem، vwو vhقيم الارتفاع لكتلة (غطاء جوتنبرج 7.9 ). %مدعوم أيضًا ولكنه تم حذفه بسبب العرض غير المتوقع لارتفاعات النسبة المئوية.
مع التحكم في الارتفاع المحسّن ، يمكنك القفز على القيم بمقدار 10 بالضغط باستمرار Shiftأثناء الضغط على upأو down.
وحدة التحكم الجديدة
وحدة التحكم الجديدة
يمكن للمطورين إضافة دعم للوحدات المخصصة عن طريق تحديد custom-unitsعلامة الدعم:
add_theme_support( 'custom-units' );يمكنك أيضًا تعيين وحدات مخصصة محددة:
add_theme_support( 'custom-units', 'rem', 'em' );يمكن للمطورين أيضًا إضافة Custom Line Heights للعناوين والفقرات من خلال تحديد custom-line-heightعلامة الدعم:
add_theme_support( 'custom-line-height' );تمت إضافة ميزة تحرير جديدة إلى محرر الكتلة مع Gutenberg 8.4 مما يسمح للمستخدمين بتحرير الصور مباشرة من كتلة الصورة.
الآن تم دمجها في النواة ، واعتبارًا من وورد بريس 5.5 ، يمكنك اقتصاص أوضاع الصورة وتدويرها وتكبيرها / تصغيرها وتعديلها دون الحاجة إلى تشغيل مكتبة الوسائط مما يؤدي إلى تجربة تحرير أسرع.
إذا كنت تستخدم لنشر الكثير من الصور ، فلا شك أنك ستستمتع بهذه الميزة.
تحرير الصور المضمن في وورد بريس 5.5
تحرير الصور المضمن في وورد بريس 5.5
ما عليك سوى النقر فوق الزر “اقتصاص” في شريط أدوات الصور وستتمكن من الوصول إلى وظائف التحرير الجديدة. عندما تكون راضيًا عن تخصيصاتك ، قم بتطبيق تغييراتك وتكون قد انتهيت.
سيحفظ وورد بريس صورة جديدة كمرفق في مكتبة الوسائط ونسخ التفاصيل من الصورة الأصلية (العنوان والوصف والتعليق والنص البديل وبيانات EXIF). يمنحك هذا تحكمًا كاملاً في إصدارات الصور الجديدة.
تعرض لوحة إدراج الكتل المعاد تصميمها الكتل والأنماط حسب الفئات ، مما يؤدي إلى تحسين تجربة التحرير بشكل كبير وتسهيل العثور على الكتل والأنماط ( Gutenberg 8.3 ).
علامتا التبويب الكتل والنماذج في أداة إدراج الكتلة الجديدة
علامتا التبويب الكتل والنماذج في أداة إدراج الكتلة الجديدة
من خلال تنفيذ دليل الكتلة ، يمكنك العثور على كتل الجهات الخارجية وتثبيتها وإضافتها مباشرةً من أداة إدراج الكتلة.
عندما تبحث عن كتلة ، إذا لم تكن قد قمت بتثبيتها بالفعل ، فستتم مطالبتك بقائمة المكونات الإضافية المتاحة في دليل المكونات الإضافية . تسمى هذه المكونات الإضافية “block plugins” ويمكنك إضافتها إلى المحرر الخاص بك بنقرة واحدة.
حظر طرف ثالث من مجتمع وورد بريس
حظر طرف ثالث من مجتمع وورد بريس
بفضل هذه الميزة الرائعة الجديدة ، يمكنك الآن إنشاء كتل خاصة بك ونشرها في دليل المكونات الإضافية مما يجعل إبداعاتك متاحة لمجتمع وورد بريس بأكمله .
الخبر السار هو أنه لإنشاء كتل مخصصة ، لا تحتاج إلى أن تكون خبيرًا في PHP . ستحتاج فقط إلى بعض المعرفة العملية بجافا سكريبت.
ألست متأكدًا من كيفية البدء في تطوير الكتل الخاصة بك؟ لقد جعلك مجتمع وورد بريس الرائع مغطى ببرنامج تعليمي سهل خطوة بخطوة .
الإصدار الأول من البرنامج التعليمي للكتلة متاح بالفعل في دليل Block Editor الرسمي لمساعدتك على تعلم أساسيات تطوير الكتلة. يمكنك قراءة المزيد حول دليل الحظر وتطوير البرنامج المساعد على مدونة Make وورد بريس Plugins.
في مارس عام 2020، غوتنبرغ 7.7 و غوتنبرغ 7.8 قدم أنماط كتلة و API أنماط كتلة ل مواضيع و الإضافات .
أنماط الكتل عبارة عن تخطيطات كتلة محددة مسبقًا تتيح للمستخدمين إضافة هياكل معقدة للكتل المتداخلة إلى صفحاتهم بسرعة. هدفهم هو مساعدة كتّاب المحتوى ومسؤولي المواقع على التغلب على “متلازمة الصفحة الفارغة” وبناء تخطيطات احترافية وطرق عرض متقدمة بسهولة.
يجب أن نرى أنماط الكتلة في أفضل حالاتها مع التحرير الكامل للموقع.
يأتي تفسير واضح لأنماط الكتل من ماتياس فينتورا ، المهندس الرئيسي لمشروع جوتنبرج:
توضيح واحد – إعداد “أنماط الكتلة” لا يتعلق بشكل أقل بأجزاء القالب (التي لها مغزى هيكليًا) وأكثر عن عناصر التصميم العامة المصنوعة من الكتل الأصغر. بمجرد إدخالها لا يتم تخزينها بشكل منفصل. على سبيل المثال ، صورة “Cover” التي تجمع بين بعض الكتل لتحقيق مظهر محدد من شأنه أن يأخذ المستخدمين بعض العمل لإنجازه. فكر في الأمر على أنه مجموعة من التصميمات التي يمكن إضافتها في أي مكان دون أن تمثل بالضرورة جزءًا قابلًا لإعادة الاستخدام من قالب القالب.
تختلف أنماط الحظر عن أجزاء النموذج ، وهي عناصر تصميم يجب أن تساعد مسؤولي الموقع ومنشئي المحتوى على تسريع تجربة التحرير وتحسينها.
تم إطلاقه باستخدام Gutenberg 7.7 ، في البداية ظهرت Block Patterns في مكون إضافي للشريط الجانبي. في وقت لاحق ، مع إصدار Gutenberg 8.0 ، انتقلوا إلى أداة إدراج كتلة مُجددة تظهر الآن كلوحة موضوعة على الجانب الأيسر من المحرر ، كما هو موضح في الصورة أدناه:
نمط المعرض في وورد بريس 5.5
نمط المعرض في وورد بريس 5.5
في مرحلتها المبكرة ، تأتي أنماط الكتلة مع مجموعة محدودة جدًا من الأنماط. على أي حال ، فإنهم يجلبون تحسينًا كبيرًا لتجربة التحرير ، ونأمل أن تتم إضافة المزيد في المستقبل القريب.
مثل الكتل العادية ، يمكن البحث عن الأنماط وتأتي منظمة في الفئات التالية:
نص
بطل
الأعمدة
أزرار
صالة عرض
سمات
الشهادات – التوصيات
غير مصنف
نمط الميزات المرقمة في ووردبريس 5.5
نمط الميزات المرقمة في ووردبريس 5.5
بالإضافة إلى أنماط الكتل المضمنة ، يمكن لمطوري وورد بريس توفير سماتهم وإضافاتهم بأنماط مخصصة من خلال الاستفادة من واجهة برمجة تطبيقات جديدة تمامًا.
يمكنك تسجيل الأنماط المخصصة الخاصة بك باستخدام register_block_patternالوظيفة register_block_pattern_categoryوالفئات.
register_block_pattern يأخذ حجتين:
اسم النمط.
مجموعة من خصائص النمط.
تشمل الخصائص ما يلي:
title
content
description
categories
keywords
viewportWidth
register_block_pattern_category يأخذ حجتين أيضًا:
اسم فئة النمط.
مجموعة من الخصائص.
توفر API أيضًا وظيفتين لإلغاء تسجيل الأنماط والفئات: unregister_block_patternو unregister_block_pattern_category.
الطريقة التي يمكنك بها بناء أنماط الكتلة الخاصة بك واضحة جدًا. على سبيل المثال ، انسخ الكود التالي والصقه في مكون إضافي مخصص أو ملف وظائف القالب الفرعي ، ثم قم بتغيير اسم النمط وفقًا لتفضيلاتك.
add_action( 'init', function(){
register_block_pattern_category(
'kinsta',
array( 'label' => __( 'Kinsta stuff', 'kinsta-pattern' ) ) );
register_block_pattern(
'kinsta-pattern/my-custom-pattern',
array(
'title' => __( 'Two Kinsta buttons', 'kinsta-pattern' ),
'description' => _x( 'Two nice buttons.', 'Kinsta Buttons', 'kinsta-pattern' ),
'content' => "<!-- wp:buttons {\"align\":\"center\"} -->\n<div class=\"wp-block-buttons aligncenter\"><!-- wp:button {\"backgroundColor\":\"very-dark-gray\",\"borderRadius\":0} -->\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background has-very-dark-gray-background-color no-border-radius\">" . esc_html__( 'Button One', 'kinsta-pattern' ) . "</a></div>\n<!-- /wp:button -->\n\n<!-- wp:button {\"textColor\":\"very-dark-gray\",\"borderRadius\":0,\"className\":\"is-style-outline\"} -->\n<div class=\"wp-block-button is-style-outline\"><a class=\"wp-block-button__link has-text-color has-very-dark-gray-color no-border-radius\">" . esc_html__( 'Button Two', 'kinsta-pattern' ) . "</a></div>\n<!-- /wp:button --></div>\n<!-- /wp:buttons -->",
'categories' => array( 'kinsta' ),
)
);
});الكود أعلاه هو تخصيص بسيط للمقتطف الأصلي من مرجع Block API . كما ترى ، لا يلزم استخدام JavaScript.
نمط كتلة مخصص
نمط كتلة مخصص
راجع أيضًا Block Patterns في وورد بريس 5.5 .
الأهمية
يرجى ملاحظة أن الأنماط هي ميزة تجريبية ويمكن أن تتغير واجهة برمجة التطبيقات مع الإصدارات المستقبلية من مكون Gutenberg الإضافي.
التحميل الكسول هو أسلوب تحسين يؤجل تحميل الموارد غير الحرجة . هذا يعني أنه تم توجيه المتصفح لتحميل المحتوى المرئي عند تحميل الصفحة وتأجيل تنزيل وعرض الصور الموضوعة أسفل الجزء المرئي من الصفحة حتى يتم الاحتياج إليها بالفعل .
معلومات
عندما يتعلق الأمر بأداء الويب ، يعد تحسين الصور أحد الجوانب الرئيسية لمشرفي الموقع. في المتوسط ، لا تزال الصور جزءًا كبيرًا من صفحة الويب ويمكن أن يساعد تحسين الصورة في توفير تجربة مستخدم أفضل للقراء والعملاء. تذكر: سرعة الصفحة هي أيضًا عامل ترتيب مهم .
قبل تحميل كسول الأصلي ، يمكن أن مطوري الويب بتكاسل تحميل الأصول عن طريق جافا سكريبت ، وذلك باستخدام API IntersectionObserver أو استخدام scroll، resizeو orientationchange معالجات الأحداث .
ولكن منذ أصبح تحميل كسول معيار ، نحن لسنا بحاجة إلى تعليمات برمجية مخصصة الكتابة أو استخدام جافا سكريبت المكتبات بعد الآن، و الصور lazyload يمكن تنفيذها باستخدام جديدة loadingسمة في imgو iframeالعلامات.
تحميل كسول عبر السمة للصور
تحميل كسول عبر سمة للصور و iframes (المصدر: caniuse.com )
و loadingتحدد السمة إذا كان المتصفح يجب تحميل مورد مباشرة أو الانتظار حتى يتم استيفاء بعض الشروط. يدعم حاليًا القيم التالية:
lazy: انتظر حتى يتم استيفاء بعض الشروط
eager: تحميل المورد على الفور
إعدادات التحميل الكسول في Chrome
إعدادات التحميل الكسول في Chrome (متوفرة على chrome: // flags / # enable-lazy-image-loading)
في وقت كتابة هذا التقرير ، كان التحميل البطيء الأصلي مدعومًا من Microsoft Edge و Firefox و Google Chrome ومتصفح Opera ومتصفح Android و Chrome لنظام Android.
إعدادات التحميل الكسول في التحسين التلقائي
إعدادات التحميل الكسول في التحسين التلقائي
قبل الإصدار 5.5 من وورد بريس ، كان التحميل البطيء ممكنًا فقط في وورد بريس باستخدام مكون إضافي للتحسين مثل Autoptimize أو BJ Lazy Load أو غيرهما. أصبح الآن جزءًا من وورد بريس Core ولن يتطلب تثبيت مكونات إضافية!
كما أفاد فيليكس أرنتز في منشور مدونة قديم على مدونة Make وورد بريس Core ، تم اقتراح تنفيذ JavaScript للتحميل البطيء في وورد بريس في البداية قبل عامين ، لكنه لم يصبح جزءًا من Core. يزيل التطبيق الجديد لتحميل الصور البطيئة الأصلية أي مخاوف تتعلق بالتوافق ، لذا يمكن دمج الميزة الجديدة بأمان في Core مع وورد بريس 5.5 .
وفقًا لـ Felix ، يجب أن يكون للتحميل البطيء الأصلي على صور وورد بريس تأثير مفيد على أداء الموقع وتجربة المستخدم لعدد كبير من مواقع وورد بريس التي لا تستخدم مكونات التحميل البطيئة:
… دون الحاجة إلى أي معرفة فنية أو حتى إدراك التحميل البطيء كمفهوم. يعد اعتماد سمة التحميل الجديدة فرصة رائعة لـ وورد بريس لقيادة الطريق نحو ويب أسرع بشكل عام.
من أجل منع تخطيط التحول، loading=”lazy”سيتم تلقائيا تضاف إلى imgعلامات مع widthو heightالصفات ، وهذا ممكن فقط إذا كانت الصورة غير متوفرة للورد كمرفق، وتشمل wp-image-$idالفئة.
التحميل الكسول هو تحسين لا بد منه لكل تثبيت وورد بريس وموقع ويب يحتوي على كمية كبيرة من الصور. يلاحظ فيليكس:
سيؤدي ذلك إلى توفير النطاق الترددي بشكل كبير على كل من الخادمين وكذلك وكلاء المستخدم عبر المواقع حيث كان يتم تحميل الصور أسفل الصفحة على الفور ، حتى في حالة عدم قيام المستخدم بالتمرير باتجاههم مطلقًا.
يعمل التحميل البطيء الأصلي في وورد بريس مع الصور التالية:
الصور في محتوى المنشور ( the_content).
الصور في مقتطفات ما بعد ( the_excerpt).
الصور في أدوات النص ( widget_text_content).
عرض الصور الرمزية عبر get_avatar().
صور النموذج باستخدام wp_get_attachment_image
مع التطبيق الأول ، يدعم التحميل البطيء الصور فقط ، لكننا قد نتوقع تحسينًا مستقبليًا للحمل البطيء على iframeالعلامات.
يمكن للمطورين تجاوز السلوك الافتراضي باستخدام عدة عوامل تصفية جديدة. ومن بين هؤلاء المرشحات، wp_lazy_loading_enabledو wp_img_tag_add_loading_attrهي الأكثر فائدة للمطورين:
wp_lazy_loading_enabledتشغيل loadingالسمة وإيقاف تشغيلها. يمكن تطبيق هذا الفلتر بشكل عام أو لكل علامة.
wp_img_tag_add_loading_attrيقوم بتصفية loadingقيمة السمة ويوفر طريقة للتحكم في التحميل البطيء لكل صورة.
يوضح المثال التالي كيفية تعطيل التحميل البطيء عالميًا:
add_filter( 'wp_lazy_loading_enabled', '__return_false' );يمكننا أيضًا تعطيل التحميل البطيء لعلامة معينة. في المثال أدناه ، يتم إيقاف التحميل البطيء على الصور في the_contentالسياق (اقرأ المزيد عن Make وورد بريس Core ):
add_filter(
'wp_lazy_loading_enabled',
function( $default, $tag_name, $context ){
if ( 'img' === $tag_name && 'the_content' === $context ){
return false;
}
return $default;
},
10,
3
);$default: القيمة الافتراضية المنطقية ( true).
$tag_name: اسم علامة العناصر المراد تحميلها بشكل كسول.
$context: معلمة اختيارية تحدد سياق الصورة (انظر القائمة أعلاه).
لاحظ أنه في وقت كتابة هذا التقرير ، كانت $tag_nameالمعلمة تدعم imgالوسم فقط . على أي حال ، كما هو مذكور أعلاه ، يجب إضافة المزيد من العلامات إلى عمليات التنفيذ المستقبلية.
تريد أن تعرف كيف زدنا من حركة المرور لدينا أكثر من 1000 ٪؟
انضم إلى أكثر من 20000 آخرين ممن يتلقون رسائلنا الإخبارية الأسبوعية مع نصائح من الداخل حول وورد بريس!
إشترك الآن
إذا كنت تريد المزيد من التحكم الدقيق في التحميل البطيء للصور في وورد بريس ، فيمكنك اتباع طريقتين مختلفتين اعتمادًا على السياق.
إذا كنت تعمل على المحتوى (أي the_content، the_excerpt، widget_text_content)، يمكنك استخدام wp_img_tag_add_loading_attrالتصفية. يوضح المثال التالي كيفية تعطيل التحميل البطيء على صورة معينة:
add_filter(
'wp_img_tag_add_loading_attr',
function( $value, $image, $context ){
if ( 'the_content' === $context ){
$image_url = wp_get_attachment_image_url( 67, 'medium' );
if ( false !== strpos( $image, ' src="' . $image_url . '"' ) ) {
return false;
}
}
return $value;
},
10,
3
);يمكن لمطوري السمات أيضًا التحكم في الصور عبر wp_get_attachment_image . في هذا السيناريو ، يمكنك ببساطة تعيين loadingقيمة السمة للصورة على false:
echo wp_get_attachment_image(
67,
'medium',
false,
array( 'loading' => false ),
);لم يتم تحميل الصورة الأولى في المعرض أعلاه كسول
لم يتم تحميل الصورة الأولى في المعرض أعلاه كسول
ستجد مزيدًا من المعلومات حول الصور ذات التحميل البطيء في وورد بريس 5.5 على مدونة Make وورد بريس Core.
أحد أكبر مخاوف مالكي المواقع هو أمان الموقع والحفاظ على تحديث برنامجك هو توصية عامة يجب أن يأخذها كل مالك موقع في الاعتبار.
كانت التحديثات التلقائية لـ وورد بريس متاحة كميزة منذ إصدار ووردبريس 3.7. الآن ، تكمن المشكلة هنا في أنه بينما يتم تمكين التحديثات التلقائية افتراضيًا للصيانة الأساسية وإصدارات الأمان ، قبل الإصدار 5.5 من وورد بريس ، لم يستفيد العديد من مالكي المواقع من التحديثات التلقائية للمكونات الإضافية والسمات.
السبب هو أن هذه الميزة تتطلب معرفة أساسية بتطوير وورد بريس. في الواقع ، يمكن للمطورين تحسين تفضيلات التحديث الخاصة بهم عن طريق تحديد واحد أو أكثر من الثوابت في wp-config.php أو استخدام مرشح في مكون إضافي .
الآن مع وورد بريس 5.5 ، يمكن لمسؤولي الموقع تبديل المكون الإضافي وتحديث التحديثات التلقائية وإيقاف تشغيلها بنقرة واحدة مباشرة في لوحة معلومات وورد بريس الخاصة بهم .
الأهمية
يتم تعطيل التحديثات التلقائية للمكونات الإضافية والسمات افتراضيًا.
يمكن تمكين التحديثات التلقائية للمكونات الإضافية وتعطيلها بالنقر فوق الارتباط الذي يظهر في عمود “التحديثات التلقائية” المتاح الآن في شاشة الملحقات .
تمكين التحديثات التلقائية للمكونات الإضافية
تمكين التحديثات التلقائية للمكونات الإضافية
إذا كنت ترغب في تمكين التحديثات التلقائية لموضوعك ، فانتقل إلى المظهر> السمات ، ثم مرر مؤشر الماوس فوق السمة الخاصة بك وانقر فوق ” تفاصيل السمة” . بعد ذلك ، انقر على رابط تمكين التحديثات التلقائية الجديد ، وبذلك تكون قد انتهيت.
تمكين التحديثات التلقائية لموضوع واحد
تمكين التحديثات التلقائية لموضوع واحد
معلومات
افتراضيا، فقط للمستخدمين مع update_pluginsو update_themesيمكن أن قدرات إدارة البرنامج المساعد وموضوع السيارات التحديثات على تثبيت وورد العادية. في مواقع متعددة ، تتوفر تحديثات تلقائية لمسؤولي الشبكة في لوحة معلومات الشبكة (اقرأ المزيد حول أدوار مستخدم وورد بريس وقبعاته هنا )
تأتي واجهة مستخدم التحديثات التلقائية الجديدة للمكونات الإضافية والسمات مع العديد من الوظائف والخطافات المتاحة للمطورين لتخصيص تجربة التحديث التلقائي.
تسمح وظيفة جديدة والعديد من المرشحات لمطوري وورد بريس بتخصيص العديد من جوانب المكون الإضافي والتحديثات التلقائية للسمات.
wp_is_auto_update_enabled_for_type()تتحقق وظيفة وورد بريس الجديدة من تمكين واجهة مستخدم التحديث التلقائي لنوع معين. تقبل الوظيفة الجديدة وسيطة واحدة ( $type) تحدد نوع التحديث المراد التحقق منه ( ‘theme’أو ‘plugin’) وترجع trueأو falseوفقًا لذلك.
يمكن تعطيل واجهة مستخدم التحديث التلقائي الجديدة للمكونات الإضافية أو السمات بفضل مرشحين جديدين: plugins_auto_update_enabledو themes_auto_update_enabled. انظر المثال أدناه:
// Disable plugins auto-update UI elements.
add_filter( 'plugins_auto_update_enabled', '__return_false' );
// Disable themes auto-update UI elements.
add_filter( 'themes_auto_update_enabled', '__return_false' );تم توثيق عوامل التصفية أعلاه في ملف wp-admin / include / update.php .
يمكن لمطوري المكونات الإضافية والقوالب تخصيص إخراج HTML لروابط التحديث التلقائي.
و plugin_auto_update_setting_htmlالفلتر يسمح لتخصيص تبديل الروابط والفاصل الزمني بين محاولات تحديث اثنين.
تأخذ وظيفة رد الاتصال ثلاث وسيطات:
$html: HTML لمحتوى عمود التحديث التلقائي للمكوِّن الإضافي ، بما في ذلك تبديل روابط إجراء التحديث التلقائي ووقت التحديث التالي.
$plugin_file: المسار إلى ملف البرنامج المساعد بالنسبة إلى دليل الملحقات.
$plugin_data: مجموعة من بيانات البرنامج المساعد.
الآن ، إذا كنت تريد تخصيص تسمية نص ارتباط التحديث التلقائي ، يمكنك استخدام عامل التصفية كما هو موضح في المقتطف التالي.
add_filter( 'plugin_auto_update_setting_html', function( $html, $plugin_file, $plugin_data ){
if ( 'kinsta-plugin/kinsta-plugin.php' === $plugin_file ) {
$html = __( 'Custom HTML', 'kinsta-plugin' );
}
return $html;
},
10,
3
);الصورة أدناه تظهر النتيجة على الشاشة.
HTML مخصص لارتباط التحديث التلقائي
HTML مخصص لارتباط التحديث التلقائي
تم توثيق هذا المرشح في wp-admin / include / class-wp-plugins-list-table.php .
في المواقع الفردية ، يمكنك تخصيص نموذج JS لرابط التحديث التلقائي عبر theme_auto_update_setting_templateعامل التصفية. توفر مشاركة المدونة التي تقدم المكون الإضافي والتحديثات التلقائية للسمات المثال التالي لهذا الفلتر:
function myplugin_auto_update_setting_template( $template ) {
$text = __( 'Auto-updates are not available for this theme.', 'my-plugin' );
return "<# if ( [ 'my-theme', 'twentytwenty' ].includes( data.id ) ) { #>
<p>$text</p>
<# } else { #>
$template
<# } #>";
}
add_filter( 'theme_auto_update_setting_template', 'myplugin_auto_update_setting_template' );يوصى بالتحقق من السمة المستهدفة باستخدام data.idالمعلمة.
هل سئمت من مشكلات وورد بريس والمضيف البطيء؟ نحن نقدم دعمًا على مستوى عالمي من خبراء وورد بريس المتاحين على مدار الساعة طوال أيام الأسبوع وخوادم سريعة للغاية. تحقق من خططنا
إذا كنت تعمل على تثبيت وورد بريس متعدد المواقع ، فأنت بحاجة إلى theme_auto_update_setting_htmlعامل التصفية ، الذي يسمح لك بتخصيص روابط التحديثات التلقائية لشاشة السمات بنفس طريقة شاشة الملحقات.
أخيرًا ، يتحكم عاملان إضافيان في جميع التحديثات التلقائية لكل سمة ومكوِّن إضافي ، بما في ذلك السمات والمكونات الإضافية التي يجب تثبيتها في المستقبل.
هذه المرشحات ، المتوفرة منذ الإصدار 3.7 من وورد بريس ، تتجاوز جميع إعدادات التحديث التلقائي في لوحة معلومات وورد بريس الخاصة بك. يمكنك قراءة المزيد عن ذلك في الغوص العميق في التحديثات التلقائية لـ وورد بريس . للحصول على عرض أعمق للتحديثات التلقائية للمكونات الإضافية والسمات ، اقرأ المزيد في منشور المدونة هذا .
منذ إصدار وورد بريس 5.5 ، يتم إرسال إشعار بالبريد الإلكتروني بعد أي محاولة تحديث تلقائي.
يقوم auto_plugin_theme_update_emailعامل التصفية بتصفية رسائل البريد الإلكتروني المرسلة بعد التحديث التلقائي للخلفية. راجع منشور مدونة dev-notes للحصول على مثال على الاستخدام.
يمكن أيضًا تعطيل إشعارات التحديث التلقائي للبريد الإلكتروني باستخدام مرشحين جديدين:
// Disable auto-update email notifications for plugins.
add_filter( 'auto_plugin_update_send_email', '__return_false' );
// Disable auto-update email notifications for themes.
add_filter( 'auto_theme_update_send_email', '__return_false' );يتم أيضًا عرض معلومات التحديث التلقائي للمكونات الإضافية والسمات في علامة التبويب Site Health Info .
تعرض علامة التبويب Site Health Info حالة التحديث التلقائي للمكوِّن الإضافي والسمات
تعرض علامة التبويب Site Health Info حالة التحديث التلقائي للمكوِّن الإضافي والسمات
يمكن للمطورين تخصيص النص التي تظهر على هذه الشاشة باستخدام plugin_auto_update_debug_stringو theme_auto_update_debug_stringالمرشحات. مزيد من المعلومات والعديد من الأمثلة متوفرة هنا .
خريطة الموقع هي ببساطة قائمة بعناوين URL تسمح لمحركات البحث بالزحف بسرعة إلى موقع الويب الخاص بك.
تشبه ملفات Sitemap إلى حد كبير ملف robots.txt ، مع اختلاف أن ملف robots.txt يستبعد المحتوى من الفهرسة ، بينما يوفر ملف Sitemap قائمة بعناوين URL التي سيتم فهرستها بواسطة محركات البحث .
قبل الإصدار 5.5 من وورد بريس ، يمكن إضافة خرائط المواقع إلى مواقع وورد بريس فقط باستخدام مكون إضافي أو أدوات أخرى .
الآن ، يقدم وورد بريس 5.5 ميزة خرائط مواقع XML الجديدة تمامًا إلى وورد بريس Core .
تضيف الميزة الجديدة وظائف أساسية ، ولكنها تأتي مع عدد كبير من الخطافات والمرشحات التي تسمح لمطوري المكونات الإضافية بتوسيع الوظائف المضمنة.
يتم تمكين خرائط مواقع XML بشكل افتراضي (ما لم تثبط محركات البحث من فهرسة موقع الويب الخاص بك) وتوفر أنواع الكائنات التالية:
الصفحة الرئيسية
صفحة المشاركات
أنواع المنشورات الأساسية (الصفحات والمشاركات)
أنواع المنشورات المخصصة
التصنيفات الأساسية (العلامات والفئات)
التصنيفات المخصصة
أرشيف المؤلف
يتوفر فهرس ملف Sitemap على /wp-sitemap.xml ، والذي يحتوي على 2000 عنوان URL كحد أقصى. عند الوصول إلى الحد الأقصى ، تتم إضافة ملف خريطة موقع جديد.
مثال على خريطة موقع وورد بريس الأساسية
مثال على خريطة موقع وورد بريس الأساسية
كما ذكرنا سابقًا ، يمكن لمطوري المكونات الإضافية تخصيص خرائط مواقعهم باستخدام واحد أو أكثر من الإجراءات والفلاتر المتاحة. للحصول على قائمة شاملة من خرائط السنانير ذات الصلة، راجع وثائق ميزة المساعد و التمهيدية بلوق وظيفة .
على سبيل المثال ، يمكنك تعطيل ملفات Sitemap الأساسية برمجيًا باستخدام wp_sitemaps_enabledالفلتر ، الذي يقوم بتصفية ما إذا كانت خرائط مواقع XML ممكّنة أم لا:
add_filter( 'wp_sitemaps_enabled', '__return_false' );معلومات
للتوافق مع المرشحات المماثلة ، wp_sitemaps_is_enabledتمت إعادة تسمية الفلتر إلى wp_sitemaps_enabled(# 50428 )
يجب ألا تتعارض خرائط المواقع الأساسية مع أي مكونات إضافية لخريطة الموقع قد تكون قمت بتثبيتها على موقع الويب الخاص بك. وفقًا لباسكال بيرشلر على Make وورد بريس Core :
تم إنشاء ميزة خرائط المواقع الأساسية بطريقة قوية وقابلة للتوسيع بسهولة. إذا تم الكشف عن ملفي Sitemap لسبب ما على موقع ويب (واحد تلو الآخر ، وواحد بواسطة مكون إضافي) ، فلن ينتج عن ذلك أي عواقب سلبية على قابلية اكتشاف الموقع.
كجزء من ميزة خرائط مواقع XML ، تتخطىesc_xml() وظيفة جديدة سلاسل كتل XML . يتم توثيق الوظيفة والمرشح المقابل في wp-include / formatting.php .
في وقت كتابة هذا التقرير ، لا تدعم ميزة خريطة الموقع الجديدة خرائط مواقع الصور / الفيديو / الأخبار وربما لن يتغير هذا في المستقبل. على أي حال ، يمكن إضافة عوامل تصفية وخطافات جديدة تسمح للمطورين بإضافة هذه الميزة في الإصدارات المستقبلية.
لمزيد من المعلومات حول خرائط المواقع القابلة للتوسيع ، راجع مقدمة المطور لخرائط المواقع التي تغطي الفئات والوظائف والخطافات والفلاتر الجديدة.
قبل الإصدار 5.5 من وورد بريس ، كان تمرير البيانات إلى ملفات القوالب ممكنًا فقط عبر المتغيرات العامة ومتغيرات الاستعلام وعدد قليل من الخيارات غير المثالية الأخرى. الآن ، بدءًا من وورد بريس 5.5 ، $argsتمت إضافة معلمة إلى وظائف تحميل القالب (تم تحديث الخطافات المقابلة وفقًا لذلك):
get_header()
get_footer()
get_sidebar()
get_template_part()
locate_template()
load_template()
يمكن لمطوري القوالب الآن تعيين متغير في ملف قالب وإتاحته في أي جزء قالب مضمن بمجرد تمرير مجموعة من الوسائط.
الآن ، بينما تفتح هذه الميزة فرصًا واسعة جديدة لمطوري السمات ، يطرح Justin Tadlock في WP Tavern سؤالًا جيدًا :
يبقى سؤال واحد: هل تأخر وصول هذه الميزة؟ مع وجود وورد بريس على المسار الصحيح لتجديد نظام السمات بالكامل للتكامل مع ميزة تحرير الموقع الكامل القادمة ، هل ستكون هذه الميزة مفيدة للأشهر القليلة القادمة فقط؟
نقطة جيدة تأتي من جون بلاكبورن :
حتى في المستقبل مع التحرير الكامل للموقع ، لا يزال هناك الكثير من الحاجة لأجزاء القالب. يمكن لأنواع الكتل التي يتم عرضها ديناميكيًا الاستفادة بشكل جيد من أجزاء القوالب المهيكلة ، على سبيل المثال. إنها ليست حصرية بشكل متبادل ، وستكون هناك دائمًا موضوعات ذات رأي لا تستخدم بشكل مكثف الكتل للتخطيط.
وصلنا أخيرًا إلى Enrico Sorcinelli ، مساهم WP Core ، الذي شاركنا أفكاره:
إذا كنت تسألني إذا وصلنا إلى هنا بعد فوات الأوان ، فمن وجهة نظري لم يفت الأوان أبدًا!
أعتقد أنه في المستقبل يمكن لمطوري السمات الاستفادة من هذه الفرصة ، والتي لا تستبعد إمكانية استخدامها في تكافل مع نهج التحرير الكامل للموقع الناشئ (على سبيل المثال ، للكتل ذات العرض الديناميكي).
ربما يكون من السابق لأوانه القول بالضبط كيف ستقترن هذه الميزة بالتحرير الكامل للموقع ، ولكن يبدو أن هناك شيئًا واحدًا مؤكدًا: التطوير المستقبلي سيوفر فرصًا رائعة لبناء مواقع ويب أفضل لكل من المستخدمين والمطورين.
أعلم ما تفكر فيه: قد يبدو الأمر “غير متوقع” تمامًا لرؤية هذه الميزة تظهر بالاقتران مع التحديثات التلقائية. ومع ذلك ، فمن المنطقي.
قبل الإصدار 5.5 من وورد بريس ، عندما تفتقر إلى ميزة التحديث بنقرة واحدة ، كان بإمكان مسؤولي الموقع فقط تحميل تحديثات المكون الإضافي / السمة عبر FTP / SFTP أو مدير الملفات ( تعرف على الفرق بين FTP و SFTP ). كان هذا صحيحًا في الغالب مع المكونات الإضافية / السمات المخصصة أو مع الإضافات المستضافة في أسواق الطرف الثالث.
بدءًا من وورد بريس 5.5 ، يمكنك تحديث المكونات الإضافية والسمات عن طريق تحميل حزمة .zip من جهاز الكمبيوتر الخاص بك داخل لوحة معلومات وورد بريس الخاصة بك.
إذا كنت ترغب في تحديث مكون إضافي ، فاستعرض وصولاً إلى الإضافات> إضافة شاشة جديدة وانقر على زر تحميل البرنامج المساعد . بعد ذلك ، إذا كان لديك المكون الإضافي مثبتًا على موقع الويب الخاص بك ، فإن الشاشة الجديدة تتيح لك معرفة أن “هذا المكون الإضافي مثبت بالفعل” وتعرض الإصدار الحالي وتفاصيل الإصدار الذي تم تحميله.
تم تثبيت هذا البرنامج المساعد بالفعل
تم تثبيت هذا البرنامج المساعد بالفعل
العملية متشابهة إلى حد كبير مع تحديثات السمات.
تصفح إلى المظهر> شاشة السمات ، ثم انقر على إضافة جديد ، ثم على تحميل الموضوع . إذا كان لديك السمة مثبتة بالفعل على موقع الويب الخاص بك على وورد بريس ، فإن الشاشة الجديدة تتيح لك معرفة أن “هذا المظهر مثبت بالفعل” وتعرض الإصدار الحالي وتفاصيل الإصدار الذي تم تحميله.
هذا الموضوع مثبت بالفعل
هذا الموضوع مثبت بالفعل
بالإضافة إلى ما قمنا بتغطيته حتى الآن ، هناك بعض الإضافات التي تستحق اهتمام المطور.
وظيفة wp_get_environment_type () الجديدة
تغييرات REST API في وورد بريس 5.5
A الجديدة wp_get_environment_type()وظيفة تسمح لك للكشف عن نوع البيئة الحالية من موقع على شبكة الانترنت، مما يسمح للمطورين للتكيف مع البرنامج المساعد وموضوع وظائف في البيئة الحالية.
افتراضيا ، wp_get_environment_type()يعود production. القيم الأخرى المدعومة هي developmentو staging. على أي حال ، يُسمح للمطورين بتحديد أنواع بيئة إضافية إذا لزم الأمر.
هناك ثلاث طرق متاحة لتعيين نوع بيئة موقع الويب. من ترتيب الأولوية ، يمكنك استخدام:
WP_ENVIRONMENT_TYPE متغير بيئة PHP.
WP_ENVIRONMENT_TYPE ثابت.
wp_get_environment_type منقي.
على سبيل المثال ، إذا كنت تريد ضبط بيئتك على التدريج ، فيمكنك تحديد WP_ENVIRONMENT_TYPEالثابت في ملف wp-config.php كما هو موضح أدناه:
define( 'WP_ENVIRONMENT_TYPE', 'staging' );إذا كان نوع البيئة هو التطوير ، WP_DEBUGفسيتم تعيينه تلقائيًا على true حتى إذا لم تقم بتعريفه بشكل صريح.
معلومات
يتعين على جميع المضيفين دعم هذه الميزة ويجب عليهم إعداد بيئات التدريج وفقًا لذلك. يدعم Kinsta الوظيفة بالفعل wp_get_environment_type().
يوفر وورد بريس 5.5 أيضًا العديد من التغييرات على واجهة برمجة تطبيقات REST . سنرى عدة نقاط النهاية الجديدة ، معايير جديدة وتغييرات مخطط JSON ، وظائف جديدة، والمزيد من التحسينات .
فيما يلي قائمة سريعة بنقاط النهاية الجديدة:
تسمح نقطة النهاية الجديدة بالحصول على جميع أنواع الكتل المسجلة:
GET /wp/v2/block-types سيعيد جميع أنواع الكتل المسجلة.
GET /wp/v2/block-types/coreسيعيد جميع الكتل داخل coreمساحة الاسم.
GET /wp/v2/block-types/core/quoteسيعود quoteتعريف الكتلة الأساسية .
تسمح نقطة النهاية الجديدة بإدارة المكونات الإضافية:
GET /wp/v2/plugins سيعيد قائمة بجميع المكونات الإضافية المثبتة.
GET /wp/v2/plugins/plugin-name/plugin-name سيعيد معلومات حول البرنامج المساعد المحدد.
POST /wp/v2/plugins { slug: “plugin-name” } يقوم بتثبيت البرنامج المساعد المحدد من دليل الملحقات
PUT /wp/v2/plugins/plugin-name/plugin-name { status: “active” } ينشط البرنامج المساعد المحدد
DELETE /wp/v2/plugins/plugin-name/plugin-name يحذف البرنامج المساعد غير النشط.
تسمح نقطة نهاية جديدة بالبحث في دليل الحظر:
GET /wp/v2/block-directory/search?term=block-name يبحث في دليل الحظر عن block-name
بالاقتران مع ميزة تحرير الصور المضمنة الجديدة ، تسمح نقطة النهاية الجديدة بتحرير مرفقات الصور في مكتبة الوسائط:
POST /wp/v2/media/5/edit يعدل الصورة بالمعرف 5
راجع ملاحظات مطور وورد بريس Core للحصول على عرض أقرب لجميع التغييرات التي تطرأ على REST API التي تأتي مع وورد بريس 5.5.
نحن سعداء بكل هذه الميزات والتحسينات الجديدة التي يوفرها وورد بريس 5.5 في إصدار واحد.
إنه يظهر الكم الهائل من العمل الذي يحدث خلف الكواليس ونحن نقدر بشدة كل الجهود والالتزام من كل مساهم أساسي.
إذا لم تكن التغييرات المذكورة أعلاه كافية بالنسبة لك ، فإليك المزيد ، يجب عليك التحقق من التحسينات الإضافية القادمة مع وورد بريس 5.5:
تمت إضافة 65 رمزًا جديدًا إلى خط رمز Dashicons في وورد بريس Core
تحسينات الوصول إلى قوائم الروابط في عناصر واجهة المستخدم
أنماط CSS جديدة للأزرار المعطلة
إبطال ذاكرة التخزين المؤقت لرمز التشغيل
تحكم أفضل في redirect_guess_404_permalink()
تحسينات PHP ذات الصلة
تغييرات Codebase
تغييرات على وظائف الشعار المخصص والمرشح
كتلة تحديثات API
مرشحات عناوين صفحات الأرشيف
مضيفا الأيقونات في عشرين عشرين
و أكثر من ذلك بكثير
تأكد من الانضمام إلى ندوة الويب المجانية المخصصة بالكامل لبرنامج وورد بريس 5.5!
حان الآن دورك. ما هي الميزات و / أو التحسينات التي تعجبك أكثر في وورد بريس 5.5؟ وما هي الميزات التي ترغب في إضافتها إلى وورد بريس 5.6 ؟ شارك أفكارك في قسم التعليق في الأسفل!
وفر الوقت والتكاليف وحقق أقصى قدر من أداء الموقع من خلال:
مساعدة فورية من خبراء استضافة وورد بريس ، 24/7.
تكامل Cloudflare Enterprise.
يصل الجمهور العالمي إلى 28 مركز بيانات حول العالم.
التحسين من خلال مراقبة أداء التطبيقات المضمنة لدينا.
