0

هیچ محصولی در سبد خرید نیست.

طراحی سایت در اصفهان, سئو سایت اصفهان, ساخت سایت اصفهان, طراحی سایت حرفه ای اصفهان, بهینه سازی سایت , بازاریابی و دیجیتال مارکتینگ 09133886881 احمدپور

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

نویسنده پشتیبانی وب یار
امتیاز مطلب
تعداد بازدید 556
تاریخ بروزرسانی ۹ مرداد ۱۳۹۸

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

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

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

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

 

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

مطالب مرتبط
دیدگاه ها

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *