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

خانه » مطالب عمومی » آموزش افزونه درصد پیشرفت پروژه progress bar

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

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

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

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

WordPress.org

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

گام سوم آموزش افزونه درصد پیشرفت پروژه 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] استفاده نمایید.

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

 

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