آموزش افزونه درصد پیشرفت پروژه progress bar

آخرین بروز رسانی: خرداد ۱۲, ۱۳۹۵

آموزش افزونه درصد پیشرفت پروژه progress bar

با آموزش افزونه نوار پیشرفت پروژه ،افزونه Progress bar  با شما هستیم،گاهی اوقات برای نمایش پیشرفت پروژه ها یا  درصد مشتریان،درصد همکاری ها نظر سنجی ها و آرا نیاز به نمایش اطلاعات به صورت ستون های درصدی داریم،برای این کار بهترین راه حل استفاده از ستون های درصدی رنگی میباشد،که بسیار جذاب بوده و به راحتی بیانگر درصد عملیات و پیشرفت پروژه مورد نظر میباشد.اگر شما هم تمایل دارید در وب سایت خود ستون های نمایش رنگی و جذاب درصد پیشرفت پروژه و یا … را داشته باشید با ما همراه باشید.( دوستان عزیز توجه کنید که شما میتوانید  ستون های درصد پیشرفت را برای اهداف گوناگونی استفاده کنید.)

گام اول آموزش افزونه progress bar:

 ابتدا افزونه درصد پیشرفت پروژه را از  مخزن ورد پرس دانلود کنید.

WordPress.org

گام دوم افزونه progress bar: در مرحله ی بعدی بعد از دانلود افزونه اقدام به نصب و فعالا سازی افزونه داشته باشید.

گام سوم:بعد از آن که افزونه را نصب و فعال سازی کردید  نوبت به آن میرسد که تصمیم بگیرید قرار است این افزونه را در صفحه ی نخست( صفحه : (اصلی index) سایت خود به نمایش بگزارید؟؟؟؟؟ یا میخواهید آن را در برگه ها یا پست ها سایت خود  استفاده کنید.

نکته: چنانچه قصد استفاده کردن از این افزونه در صفحه ی اصلی سایت خود دارید حتما آموزش ابزارک تماس با ما ورد پرس را بخوانید( در این آموزش چگونگی افزودن کدهای php به کد های مورد نظر خود و تنظیمات لازم جهت نمایش ابزارک در سایت آموزش داده شده است.) که پس از خواندن این آموزش شما قادر خواهید بود افزونه   progress bar  را که در ابزارک های شما اضافه شده به راحتی بکشید و در قسمت دلخواه سایت خود بیندازید. چند تا تنظیم کوچیک هست ( مثل عنوان، رنگ، در صد پیشرفت و…) که باید انجام بدید. فقط یادتون باشه که گزینه Progress که ماله درصد پیشرفته به صورت عدد وارد کنید.

 استفاده از افزونه progress bar  در پست یا برگه ها:

اگر خواستید از افزونه در پست ها و برگه ها استفاده کنید، کد زیر رو در برگه یا پستتون قرار بدید:

[wppb progress=50]

عدد ۵۰ درصد پیشرفت رو نشون میده.

اگر میخواین درصد پیشرفت به صورت عددی هم داخلش نمایش داده بشه:

[wppb progress=50 option=”red candystripe” percent=inside]

حال به سراغ رنگ و طرح های مختلف این نوارد پیشرفت برویم! با کد های کوتاه شده ای می توانیم به هر مدلی که دوست داریم این استوانه های پیشرفت را تغییر دهیم. به عنوان نمونه من شورت کدهای ضروری را برای شما قرار داده تا طبق همین به هر صورتی که خواستید تبدیل کنید.

تغییر رنگ نوار پیشرفت ساده با شورت کد   [wppb progress=50 option=orange] امکان پذیر است. به جای رنگ نارنجی که من وارد کردم هر رنگ دلخواهی را می توانید به اصطلاح انگلیسی وارد نمایید.

برای متحرک ساختن نوار پیمایش می توانید از شورت کد [wppb progress=50 option=”animated-candystripe red”] استفاده کنید و طبق تمایل خود آن را تغییر دهید.

برای تغییر حالت نوار پیشرفت می توانید از شورت کد [wppb progress=50 option=”candystripe green”] استفاده کنید.

برای نمایش نوار پیشرفت به صورت فلت می توانید از شورت کد [wppb progress=50 option=flat color=purple] استفاده کنید.

و همچنین اگر میخواهید نوار پیشرفت شما به صورت فلت طرح دار باشد می توانید از شورت کد [wppb progress=50 option=”flat candystripe” color=brown] استفاده نمایید.

و در نتیجه حالاتی مثل تصاویر زیر بدست آوردید.

آموزش افزونه درصد پیشرفت پروژه PROJERSS BAR

آموزش افزونه درصد پیشرفت پروژه PROJERSS BAR

 

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

مطالب مرتبط

کلیه حقوق مادی و معنوی این اثر متعلق به طراحی سایت اصفهان وب یار می باشد CopyRight 2017