نیاز به ایجاد نوار پیشرفت گرادیان در Elementor ?

Elementor دارد ابزارک نوار پیشرفت بومی که می توانید برای افزودن مواردی مانند سطح مهارت یا پیشرفت چیزی به صفحه یا الگویی که ایجاد می کنید ، استفاده کنید.

هنگام استفاده از این ابزارک ، می توانید با تغییر رنگ و تایپوگرافی متن ، شکل ظاهری آن را شخصی سازی کنید. این ابزارک فقط به شما امکان می دهد از یک رنگ ثابت برای نوار استفاده کنید.

اما آیا می توان یک نوار پیشرفت با رنگ شیب ایجاد کرد؟

اگر در CSS مهارت دارید، می توانید از نسخه حرفه ای آن استفاده کنیدElementor و CSS سفارشی را به ویجت نوار پیشرفت اضافه کنید تا یک نوار پیشرفت گرادیان ایجاد کنید. همچنین، می‌توانید افزونه‌ای را نصب کنید که ویجت نوار پیشرفت را ارائه می‌دهد که در آن می‌توانید هنگام تغییر رنگ، رنگ گرادیان را انتخاب کنید.

دو افزونه که چنین ابزارک را ارائه می دهند ، هستند افزودنیهای ضروری et JetElements. اما ما بر روی Essential Addons تمرکز خواهیم کرد

ایجاد یک نوار پیشرفت تخریب شده در Elementor با استفاده از Essential Addons

Essential Addons یکی از افزونه هاست Elementor محبوب ترین. بیش از 60 ویجت از جمله ویجت نوار پیشرفت را ارائه می دهد که می توانید از آن برای ایجاد یک نوار پیشرفت گرادیان استفاده کنید. Essential Addons یک افزونه فریمیوم است. ویجت نوار پیشرفت در نسخه رایگان موجود است.

می توانید نسخه رایگان از این افزونه در پوشه رسمی افزونه وردپرس.

راهنمای ما را کشف کنید نحوه نصب (افزودن) یک افزونه در وردپرس

پس از نصب و فعال سازی این افزونه ، یک صفحه یا الگوی ایجاد کنید و آن را با Elementor ویرایش کنید و ابزارک Progress Bar را به جعبه ویرایش بکشید.

نحوه ایجاد یک نوار پیشرفت شیب دار در Elementor

سبک نوار پیشرفت را که می خواهید ایجاد کنید از منوی کشویی گزینه انتخاب کنید طرح. 6 سبک نوار پیشرفت برای انتخاب شما وجود دارد. برای ایجاد یک نوار پیشرفت شیب دار ، باید سبک را انتخاب کنید خط

عنوان ، مقدار دفاعی و مدت زمان انیمیشن را تنظیم کنید. پس از اتمام ، به برگه بروید سبک و بلوک را باز کنید پر کنید در گزینه نوع پس زمینه ، انتخاب کنید تنزل یافته و رنگ اول و رنگ دوم را تنظیم کنید. همچنین می توانید نوع شیب (خطی یا شعاعی) ، مکان و زاویه را تعریف کنید.

نحوه ایجاد یک نوار پیشرفت شیب دار در Elementor

می توانید بلوک های گزینه دیگر را در زیر برگه باز کنید سبک برای تنظیم گزینه های دیگر

اکنون Elementor Pro را دریافت کنید!

نتیجه

اینجاست این برای این مقاله است که به شما نشان می دهد چگونه می توانید نوار پیشرفت شیب در Elementor ایجاد کنید. اگر در مورد چگونگی رسیدن به آنجا نگرانی دارید fبه ما اطلاع دهید در نظر.

با این حال ، شما همچنین می توانید مشورت کنید منابع مااگر برای اجرای پروژه های ایجاد سایت های اینترنتی به عناصر بیشتری احتیاج دارید ، با مشورت راهنمای ما در مورد ایجاد وبلاگ وردپرس یا یکی در Divi: بهترین تم وردپرس در همه زمان ها.

اما در عین حال، این مقاله را در شبکه های اجتماعی مختلف خود به اشتراک بگذارید.

...