تسليط الضوء على البرنامج المساعد Divi: إضافات Ultimate Divi Builder

Divi Builder Addons هو مكون إضافي تابع لجهة خارجية يضيف الكثير من نصوص jQuery التي تستخدمها مواقع الويب المتطورة إلى Divi Builder. ما عليك سوى تبديل البرامج النصية التي تريدها وإضافة فئات CSS إلى وحدات Divi Builder النمطية. إنه سهل الاستخدام ويتضمن الكثير من الميزات والرسوم المتحركة.

Ultimate Divi Builder Addons Menu. قائمة إضافات ديفي بيلدر

قم بتحميل وتنشيط البرنامج المساعد كالمعتاد. تتم إضافة عنصر قائمة جديد إلى قائمة لوحة المعلومات يسمى Ultimate Divi Builder Addons. يؤدي النقر فوق هذا إلى فتح شاشة بها الكثير من الميزات في النافذة اليسرى. يؤدي النقر فوق أي منها إلى إظهار تبديل ومعلومات في النافذة اليمنى. تتضمن النافذة اليمنى أيضًا فئات CSS لبعض التأثيرات وتوضح كيفية استخدامها. يتضمن البعض الآخر تبديلات متعددة لمزيد من الميزات والخيارات مثل الألوان وأحجام الصور والمدد وما إلى ذلك. يتم تعطيلها جميعًا بشكل افتراضي.

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

وتشمل الميزات:

• شريط تمرير مخصص
• DoSlide أفقي
• تتلاشى في العرض
• تقليب النص
• إخفاء عنوان Divi Theme عند التمرير لأسفل
• jQuery Pageflipping Vertical Scroll
• jQuery Pageflipping التمرير الأفقي
• jQuery Scrollflow
• jQuery ScrollFX
• jQuery ScrollTrigger
• jQuery End Page Box
• رأس التحميل أثناء التمرير Effect1
• رأس التحميل أثناء التمرير Effect2
• رأس التحميل أثناء التمرير Effect3
• رأس التحميل أثناء التمرير Effect4
• كاشف الرسوم المتحركة
• مدة الاستجابة السحرية ScrollMagic
• ScrollReveal
• StickyStack: تأثير تكديس jQuery
• تمرير النوافذ
• سوبر نص بسيط دوار / شريط
• نجاح باهر للرسوم المتحركة

أمثلة على الإضافات في نهاية المطاف Divi Builder

فيما يلي بعض الأمثلة على الميزات عند استخدامها مع تخطيطات Divi.

شريط تمرير مخصص

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

يظهر شريط التمرير الآن عند التمرير حتى أتمكن من التمرير لرؤية المزيد من المحتوى في نفس المساحة. هذا هو التأثير 1. له تصميم مختلف على الموقع المباشر. لقد قمت بتفتيح الخلفية بحيث تبرز.

هذا هو التأثير 3. يضيف الأسهم إلى أعلى وأسفل الشريحة.

يغير التأثير 5 المقبض من خط إلى نقطة ويغير نمط الأسهم.

تقليب النص

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

jQuery ScrollFlow

يضيف jQuery Scroll Flow حركات تمرير إلى الصفوف أو الوحدات النمطية. لديها 5 رسوم متحركة. لقد أضفت هذا إلى صف في التخطيط شبه القانوني بحيث يؤثر على جميع الوحدات معًا. يمكنك أيضًا إضافته إلى وحدة واحدة فقط في الصف بحيث ينزلق في مكانه ليلائم بقية المحتوى الموجود بالفعل.

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

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

jQuery ScrollFX

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

أثناء التمرير عبرها ، يقل حجم محتوى القسم ويقل التعتيم.

مشغل تمرير jQuery

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

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

ثم يستقر بمجرد أن يصبح كل شيء في مكانه.

jQuery End Page Box

يضع jQuery End Page Box مربعًا يظل في أسفل الشاشة. تم إنشاؤه عن طريق إضافة رمز إلى وحدة نصية في نهاية القسم.

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

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

رأس التحميل أثناء التمرير

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

هذا هو التأثير 1. يضيف خط تمرير عبر الجزء العلوي من الشاشة. يزداد حجمه أثناء التمرير ، ويعرض مقدار الصفحة التي شاهدها الزائر.

هذا هو التأثير 2. يعرض شريطًا أوسع بكثير.

هذا هو التأثير 3. ينمو عموديًا أثناء التمرير ، ويحتل ارتفاع الشعار. لا يصبح كبيرًا جدًا ، لكنه لا يزال يُظهر تأثير التمرير.

تأثير 4 يأخذ عرض الشعار.

كاشف

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

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

التمرير مناديل القسم السحري

يقوم Scroll Magic Section Wipes بإنشاء رسم متحرك يمسح المحتوى على الشاشة أثناء التمرير. أعتقد أن هذا هو المفضل لدي من بين جميع التأثيرات. تمت إضافته إلى القسم.

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

كشف التمرير

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

هذا هو التأثير 1f. يدور الصف في مكانه أثناء التمرير إليه.

StickyStack: تأثير تكديس jQuery

StickyStack: يعمل تأثير jQuery Stacking Effect على تكديس اللوحات عند وصولها إلى الجزء العلوي من منفذ العرض. بمعنى آخر ، يتجمد كل قسم على الشاشة أثناء التمرير ويتم تمرير القسم التالي ليتداخل معه. النتيجة تبدو مذهلة في التمرير. هذا هو تخطيط إدارة المخاطر.

هذا قسم آخر من نفس الصفحة. الأجزاء المتداخلة تعمل بشكل مثالي.

سوبر نص بسيط دوار / شريط

يتيح لك Super Simple Text Rotator / Ticker إضافة ترميز إلى النص وتدوير عدة كلمات. لديها 5 أنماط للرسوم المتحركة. هذا واحد بالتناوب بين الكلمات بسيطة وقابلة للتخصيص.

هنا ، يتم تدويرها لعرض الكلمة الثانية. كلتا الكلمتين تتلاشى.

Ultimate Divi Builder Addons Price

Ultimate Divi Builder Addons هو 59 دولارًا للاستخدام على مواقع ويب غير محدودة ويتضمن تحديثات مدى الحياة. غالبًا ما تضيف التحديثات ميزات جديدة. يمكنك تجربة العرض التوضيحي مجانًا لمعرفة ما إذا كنت ترغب في ذلك.

• يمكنك شراء إضافات Ultimate Divi Builder من DiviBuilderAddons.com.

خواطر ختامية

لدى Ultimate Divi Builder Addons الكثير لتقدمه ويمكنه توفير الكثير من الوقت في تطوير الميزات والرسوم المتحركة. لقد تأثرت بعدد الميزات المضمنة ومدى سهولة استخدامها.

يصعب عرض بعضها دون ملء هذه المقالة بصور GIF كبيرة. على سبيل المثال ، تحتوي Wow Animation على 75 صورة متحركة للاختيار من بينها ، ويمكنك تغيير التأخير والمدة والمسافة وعدد مرات تكرارها.

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

إذا كنت مهتمًا بطريقة سهلة لإضافة الكثير من الميزات والرسوم المتحركة إلى Divi ، فإن Ultimate Divi Builder Addons تستحق المراجعة.

نريد أن نسمع منك. هل جربت إضافات Ultimate Divi Builder؟ أخبرنا برأيك في التعليقات.

صورة مميزة عبر GoodStudio / shutterstock.com