تحتاج إلى إنشاء شريط تقدم التدرج في Elementor ?

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

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

ولكن هل من الممكن إنشاء شريط تقدم بلون متدرج؟

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

اثنين من الإضافات التي تقدم مثل هذه القطعة هي الإضافات الأساسية et JetElements. لكننا سنركز على الإضافات الأساسية

إنشاء شريط تقدم متدهور في Elementor باستخدام الإضافات الأساسية

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

يمكنك تنزيل ملف نسخة مجانية من هذه الوظيفة الإضافية في دليل البرنامج المساعد WordPress الرسمي.

اكتشف دليلنا على كيفية تثبيت (إضافة) مكون إضافي على WordPress

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

كيفية إنشاء شريط تقدم متدرج في Elementor

حدد نمط شريط التقدم الذي تريد إنشاءه من قائمة الخيارات المنسدلة تخطيط. هناك 6 أنماط لشريط التقدم لتختار من بينها. لإنشاء شريط تقدم متدرج ، تحتاج إلى تحديد النمط خط.

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

كيفية إنشاء شريط تقدم متدرج في Elementor

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

احصل على Elementor Pro الآن!

وفي الختام

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

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

ولكن في هذه الأثناء ، شارك هذا المقال على الشبكات الاجتماعية المختلفة.

...