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

نمایش نوار پیشرفت در سایت

معمولا نوار پیشرفت را برای نشان دادن آمار و ارقام، نمودار ها یا درصد پیشرفت پروژه در سایت به کار می برند.

قرار دادن نوار پیشرفت در سایت های وردپرسی

برای نمایش نوار پیشرفت در سایت های وردپرسی از افزونه progress bar استفاده می کنیم. با این افزونه به راحتی می توانید نوار پیشرفت یا progress bar را در سایت وردپرسی خود قرار دهید. این افزونه را می توانید از لینک پایین مطلب یا مخزن وردپرس دانلود کنید.

طریقه استفاده از افزونه progress bar

برای استفاده از افزونه بعد از دانلود و فعالسازی آن باید از شورت کد زیر هر جای سایت که می خواهید استفاده کنید.

[wppb progress = عدد مورد نظر]

در شورت کد فوق می توانید عدد یا درصدی که می خواهید در نوار پیشرفت نشان داده شود را قرار دهید. رنگ پیش فرض این نوار آبی است. می توانید رنگ پیش فرض را تغییر دهید. برای این کار از شورت کدی مانند زیر استفاده کنید:

[wppb progress=70 option=green]

همچنین می توانید نوار را به صورت متحرک نمایش دهید:

[wppb progress=60 option=”animated-candystrip red”]

در کد فوق نوار با رنگ قرمز با خط هایی در نوار به صورت متحرک نمایش داده می شود. مقدار candystripe برای نشان دادن خط ها است. می توانید ان را بدون animated هم استفاده کرد.

شورت کد زیر نوار را درحالت فلت و با رنگ بنفش نشان می دهد:

[wppb progress=50 option=flat option=purple]

شما با نوار پیشرفت شورت کدهای دیگری هم می توانید بنویسید به مثال های زیر توجه کنید:

[wppb progress=”$500/$1000″ text=”$500/$1000 raised”]   //نمایش مقدار جمع مبلغی به کاربر

[wppb progress=”$500/$1000″ text=”$500/$1000 raised” loction=”after”]   //نمایش متن در خارج از نوار

نمونه نوار پیشرفت

نمایش نوار پیشرفت در ابزارک ها

برای نمایش نوار پیشرفت در قسمت ابزارک ها ابتدا باید کد زیر را به funtion.php قالب سایت خود اضافه کنید:

حال می توانید از شورت کد مورد نظر در ابزارک ها استفاده کنید.

دانلود افزونه صفحه افزونه

درباره ما admin

محمد صفری : مهندس نرم افزار و طراح سایت

این موارد رو هم بررسی کنید

افزونه منوی ریسپانسیو

ساخت یک منوی ریسپانسیو در وردپرس

در این مقاله به شما آموزش می دهیم که چگونه می توانید بدون کد نویسی …



هنوز هیچ دیدگاهی وجود ندارد

× برای پیوستن به بحث نیاز به ورود دارید