آیا به دنبال راهی برای ایجاد نوار پیشرفت گرادیان با المنتور هستید؟ در این مقاله، به شما آموزش خواهیم داد تا با استفاده از المنتور، یک نوار پیشرفت گرادیان ایجاد کنید. نوار پیشرفت یک راه عالی برای نمایش مقدار درصد، سطح کارمندان، اعداد و موارد دیگر با روشی منحصر به فرد و حرفه ای است. می توانید با استفاده از ابزارک نوار پیشرفت ویژگی های مختلف را در صفحات وبسایت خود ایجاد کنید.
ایجاد نوار پیشرفت با استفاده از ویرایشگر المنتور کار چندان سختی نیست. با استفاده از نسخه ی رایگان المنتور می توانید ابزارک نوار پیشرفت را اضافه کنید، اما ویژگی ها و قابلیت های حرفه ای را در اختیار شما قرار نمی دهد. اگر ویژگی های پیشرفته با طرح بندی حرفه ای می خواهید، می توانید به سراغ افزونه (Absolute Addons) بروید. این کار به شما امکان می دهد بدون یک خط کد نویسی آن را در وبسایت خود ایجاد کنید.
نکته : برای خرید افزونه المنتور پرو اینجا کلیک کنید.
ابزار هایی که برای ایجاد نوار پیشرفت نیاز دارید:
- افزونه المنتور: برای ویراش وبسایت خود بدون کد نویسی باید افزونه ویرایشگر المنتور را نصب و فعال کنید.
- افزونه (Absolute Addons): ابزارک (Skill Bar) در (Absolute Addons) موجود است، بنابراین باید این افزونه را نیز نصب و فعال کنید.
نحوه ایجاد نوار پیشرفت گرادیان با المنتور
ابتدا باید ابزارک (Skill Bar) را فعال کنید. به طور پیش فرض این ابزارک فعال است، اما اگر آن را پیدا نکردید، باید به صورت دستی فعالش کنید. برای این کار به آدرس (Absolute Addons > Widget) بروید و ابزارک (Skill Bar) را فعال کنید. پس از آن بر روی آیکون ذخیره تغییرات کلیک کنید.
ابتدا با کلیک بر روی آیکون “+” در المنتور یک بخش ایجاد کنید و سپس از قسمت داشبورد سمت راست، (Skill Bar) را جستجو کنید. ابزارک را بکشید و آن را در بخش ایجاد شده خود رها کنید.
قسمت محتوا برای (ایجاد نوار پیشرفت گرادیان با المنتور)
اکنون در قسمت محتوا، می توانید طرح بندی ها را از منوی کشویی الگو ها انتخاب کنید. سبک های متفاوتی با ظاهر حرفه ای برای این بخش وجود دارد. شما می توانید هر یک از سبک های مورد نظر خود را انتخاب کنید.
اکنون روی منوی محتوا کلیک کنید که در آن آیتم های نوار پیشرفت خود را مشاهده خواهید کرد. به طور پیش فرض، سه مورد موجود است. شما می توانید هر یک از موارد را با کلیک بر روی آیکون “X” حذف کنید، به همین صورت، می توانید هر قسمت را با کلیک کردن روی آیکون کپی، کپی کنید. و با کلیک بر روی دکمه افزودن مورد، می توانید یک مورد جدید اضافه کنید.
برای ویرایش اطلاعات روی هر یک از موارد کلیک کنید. در ابتدا می توانید عنوان را اضافه کنید و تگ (HTML) را برای عنوان انتخاب کنید. همچنین گزینه ای برای نمایش یا پنهان کردن عنوان وجود دارد. پس از آن، می توانید یک آیکون از کتابخانه آیکون اضافه کنید.
اکنون می توانید میزان پیشرفت و نقطه شروع را تنظیم کنید. اگر مقدار شروع بزرگتر از مقدار پایان باشد، انیمیشن نوار پیشرفت از انتها شروع می شود. همچنین می توانید زمان تاخیر انیمیشن را نیز تنظیم کنید. گزینه (tooltip) فقط برای کاربران حرفه ای در دسترس است. حالا ارتفاع را اضافه کنید و رنگ نوار پیشرفت، رنگ پر کردن پیشرفت، رنگ عنوان، رنگ اعداد، رنگ پس زمینه، رنگ پیکان راهنمای و شعاع را تنظیم کنید.
قسمت استایل
به قسمت استایل (Style) بروید، جایی که گزینه های مختلف استایل دهی را برای سفارشی کردن بخش خود پیدا خواهید کرد.
منوی عنوان و نواد (Title & Icon)
در تایپوگرافی عنوان: نوع فونت، اندازه، ارتفاع خط و فاصله بین حروف را تنظیم کنید. شما همچنین می توانید حاشیه و آیکون فاصله داخلی (padding) را نیز تنظیم کنید.
اضافه کردن نوار پیشرفت با استفاده از طرح های آماده (Absolute Addons)
افزونه (Absolute Addons) ویژگی طرح های آماده (import block) را در اختیار شما قرار می دهد که می توانید از آن برای وارد کردن یک طرح آماده برای صفحات وبسایت خود استفاده کنید. روی آیکون پوشه (Absolute Addons) از صفحه ویرایش خود کلیک کنید و طرح های آماده برای شما باز می شود.
اکنون از قسمت جستجو، نوار پیشرفت (Skill Bar) را جستجو کنید با این کار می توانید تمام طرح های آماده را ببینید. برای مشاهده پیش نمایش زنده روی دکمه (Preview) کلیک کنید و از گزینه درج (Insert) برای اضافه کردن طرح به صفحات خود استفاده کنید.
