Elementor 3.16 – أداء أسرع، وتصميم مرن، وسهولة الوصول إليها

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

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

الحد الأقصى من مرونة التصميم – تفعيل حاويات Flexbox على مواقع الويب الجديدة

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

علاوة على ذلك، تدعم حاويات Flexbox عناصر واجهة المستخدم المتداخلة، مما يعني أنه يمكنك وضع عناصر واجهة المستخدم في مناطق محتوى Carousel، وMenu، وTabs، وAccordion Widgets. على سبيل المثال، يمكنك استخدام أداة Accordion Widget لإنشاء تخطيط معقد يتضمن نموذج اتصال في عنصر واحد، وأداة خرائط Google في عنصر آخر.

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

سيمنحك تنشيط حاويات Flexbox أيضًا إمكانية الوصول إلى المجموعات والقوالب المستندة إلى الحاوية والتي تتضمن المجموعات المستندة إلى الأقسام الأكثر شيوعًا والتي تم تحويلها إلى حاويات، إلى جانب التصميمات الجديدة. قم بتعطيل ميزة Flexbox Container لاستخدام المجموعات والقوالب المستندة إلى الأقسام.

اهتم بالفجوة بين العناصر – تحسين التحكم في الفجوة

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

تقديم القطعة حاوية الشبكة

تعد حاويات الشبكة أداة تخطيط قوية لإنشاء تخطيطات متعددة العناصر في حاوية واحدة تشبه الشبكة. يمنح هذا الإصدار Grid Containers عناصر واجهة المستخدم الخاصة بها في لوحة عناصر واجهة المستخدم، مما يسمح لك بالوصول مباشرة إلى Grid Container دون الحاجة إلى سحب حاوية Flexbox وتغيير نوعها.

إذا قمت بسحب حاوية Flexbox إلى المحرر، فسيتم إنشاء حاوية Flexbox تلقائيًا، وإذا قمت بسحب حاوية الشبكة إلى المحرر، فستبدأ كحاوية شبكة. لا يزال بإمكانك تغيير كل حاوية إلى النوع الآخر من القائمة المنسدلة تخطيط الحاوية في قسم التخطيط.

قم بتسريع موقعك باستخدام TTFB الأسرع

يعمل الإصدار 3.16 على تحسين وقت تحميل البايت الأول (TTFB) بنسبة 5-20% على المواقع المبنية باستخدام Elementor Core وما يصل إلى 40% على المواقع المبنية باستخدام Elementor Pro، اعتمادًا على مدى تعقيد صفحتك. سيوفر هذا لزوار موقعك تجربة أسرع وأكثر سلاسة، ويقدم المحتوى الخاص بك بشكل أسرع من أي وقت مضى. تم تحقيق التحسن الكبير في أداء الواجهة الأمامية من خلال تعديل شروط العرض داخل المحرر. تعمل هذه التعديلات على تحسين الوقت حتى البايت الأول (TTFB)، وهو مقياس رئيسي لقياس وقت إعداد الاتصال واستجابة خادم الويب.

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

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

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

تحديث أدوات القائمة وعلامات التبويب

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

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

تسهيل التعاون باستخدام الملاحظات في الشريط العلوي

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

اجعل مواقعك الإلكترونية أسرع وأكثر مرونة ويمكن الوصول إليها

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

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

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