الجديد في Elementor 3.17 – تحسين تجربة الزائر باستخدام AJAX ومواقع الويب الأسرع والمزيد

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

تم تحديث Hello Theme إلى الإصدار 2.9، ويضم صفحة إعدادات جديدة تسمح لك بتعطيل ميزات السمات المضمنة لتحسين أداء الموقع.

[احترافي] تقديم AJAX للشبكات الحلقية – للتحميل السلس للمحتوى

يسعدنا تقديم الميزة الرابعة الأكثر طلبًا على GitHub: تحميل AJAX لشبكات Loop Grids. AJAX، وهو اختصار لـ Asynchronous JavaScript وXML، يجعل تجربة زائر موقعك أكثر سلاسة عن طريق تحميل محتوى جديد في Loop Grid دون إعادة تحميل الصفحة بأكملها.

AJAX حلقة ترقيم الصفحات الشبكة

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

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

ترقيم الصفحات الفردية لشبكات الحلقة وعناصر واجهة المستخدم

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

تحسين أداء موقع الويب باستخدام LCP الأسرع

يعمل Elementor 3.17 على جعل موقعك أسرع من خلال ميزتين من شأنها زيادة وقت تحميل موقع الويب الخاص بك.

تحسين تحميل الصور

تحديث الأداء الأول في هذا الإصدار هو نتيجة شراكة Elementor مع Chrome لتحديد فرص تحسين أداء مواقع الويب المبنية من Elementor. يتضمن التعاون استخدام أدوات Google مثل تقرير تجربة مستخدم Chrome وتقرير تكنولوجيا مؤشرات أداء الويب الأساسية. إحدى نتائج استخدام هذه الأدوات هو قرار Google بالمساهمة بميزات "تحسين تحميل الصور" في المكون الإضافي الأساسي لـ Elementor.

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

تطبق التجربة أيضًا التحميل البطيء على الصور التي لم يتم عرضها في البداية في إطار العرض وتقوم بتحميلها عند عرضها. تعمل هذه التغييرات على تحسين مقياس LCP Core Web Vital بنسبة 5-10%، اعتمادًا على مدى تعقيد الصفحة. ومن ثم، ستتمتع الصفحات ذات الصور الكثيفة بتعزيز أكبر في الأداء. تعمل هذه الميزة أيضًا مع مواقع Elementor التي تعمل على الإصدارات الأقدم من WordPress والتي لا تتضمن تحديثات اكتشاف LCP.

تحميل أصول جوتنبرج

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

أداة تصنيف جديدة لمرونة التصميم

يقدم Elementor 3.17 أداة التقييم الجديدة، مما يوفر المزيد من المرونة لتخصيص مقاييس التقييم المرئية للمنتجات والمحتوى والمزيد. يمكنك تمثيل تقييمك بشكل مرئي باستخدام أيقونات Font Awesome أو عن طريق تحميل SVG الخاص بك. على سبيل المثال، بالنسبة لمراجعة الموسيقى، يمكنك استخدام SVG الخاص بك لمنح ألبوم جديد تقييمًا بـ 5 من أصل 5 تسجيلات ذهبية.

تعمل أداة التصنيف على توسيع نطاق مقاييس التصنيف المتوفرة في أداة التصنيف بالنجوم. بدلاً من أن يقتصر الأمر على مقياس من 0 إلى 5 أو من 0 إلى 10، يمكنك الآن تعيين مقياس تقييم من صفر إلى أي رقم يناسب متطلباتك. على سبيل المثال، يمكنك منح الألبوم تصنيفًا ذهبيًا بـ 3 من 3 أو 7 من 7. تم استبدال القائمة المنسدلة لمقياس التقييم بنطاق لسهولة الاستخدام.

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

التمرير الأفقي لعنصر القائمة

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

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

تحسينات إمكانية الوصول

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

تحديثات إضافية

1. تصميمات القوالب سريعة الاستجابة: قم بتحسين قدرتك على عرض التغييرات التي تم إجراؤها على التصميمات سريعة الاستجابة للقوالب بشكل صحيح مع نقاط توقف إضافية. لن تحتاج بعد الآن إلى إعادة إنشاء CSS لرؤية التغييرات التي أجريتها على القوالب عند التحرير في Theme Builder. سوف تنعكس التغييرات في محرر موقع الويب الخاص بك والواجهة الأمامية.
2. مخطط الأسئلة الشائعة لأداة الأكورديون: قم بتحسين توافق تحسين محركات البحث للمحتوى الخاص بك عن طريق إضافة عنصر تحكم مخطط الأسئلة الشائعة. يضيف مخطط الأسئلة الشائعة ترميزًا متخصصًا إلى كود صفحتك الذي يحتوي على قائمة من الأسئلة والأجوبة. يمكن لمحركات البحث قراءة هذا الترميز واستخدامه لإنشاء تعليمات برمجية غنية.
3. تكامل VideoPress: دمج VideoPress بسلاسة في موقع Elementor الخاص بك. استمتع بجميع الميزات التي يقدمها VideoPress، مثل مقاطع الفيديو المستضافة ذاتيًا، وملفات الفيديو المحولة للتشغيل على العديد من أنواع الأجهزة، والبث التكيفي استنادًا إلى حجم شاشة الجهاز وعرض النطاق الترددي المتوفر، والقدرة على مصادقة مقاطع الفيديو الخاصة، والمزيد.

[Elementor AI] سجل الذكاء الاصطناعي – استعادة المحتوى الذي تم إنشاؤه بواسطة الذكاء الاصطناعي

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

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

تخصيص إعدادات السمة باستخدام Hello Theme 2.9

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

تحسين تجربة الزائر ووقت التحميل والاستمتاع بمزيد من مرونة التصميم

يقدم Elementor 3.17 العديد من الميزات لتحسين تجربة المستخدم وأداء موقع الويب. إحدى الميزات الهامة هي تحميل AJAX للشبكات الحلقية، مما يتيح انتقالات سلسة للمحتوى دون إعادة تحميل الصفحة بأكملها. علاوة على ذلك، تعمل تحسينات تحميل الصور وتحميل أصول Gutenberg على زيادة سرعة موقعك. توفر أداة التقييم الجديدة مقاييس تقييم مرئية مرنة، وتتضمن القائمة الضخمة الآن التمرير الأفقي. يتميز Elementor AI أيضًا بلوحة سجل AI، مما يتيح لك الوصول إلى المطالبات السابقة والمحتوى الذي تم إنشاؤه. بالإضافة إلى ذلك، يتيح تحديث Hello Theme إلى الإصدار 2.9 للمستخدمين تحكمًا أكبر في وظائف موقع الويب، بما في ذلك خيار تعطيل بعض الميزات المضمنة.

أخبرنا عن الميزة التي أثارت حماسك أكثر في قسم التعليقات!