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

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

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

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

سلام

ایا میخواهید در سایت وردپرسی خود از نوار پیشرفت یا progress bar استفاده کنید؟

ایا میخواهید درصد پیشرفت پروژه هایی که در حال انجام دادنشان هستید را به کاربران سایت خود نمایش دهید؟

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

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

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

ابتدا افزونه را از لینک پایین این مقاله دریافت و نصب کنید سپس افزونه را فعال کنید.

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

جهت نمایش دادن نوار پیشرفت با ۵۰ درصد پیشرفت از کد زیر استفاده کنید:

[wppb progress=50]

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

خیلی اسان است نه؟
با کمک کد بالا میتوانید یک نوار پیشرفت به رنگ ابی با ۵۰ درصد پیشرفت در سایت خود نمایش دهید حالا اگر از رنگ های دیگر میخواهید استفاده کنید میتوانید از کد های کوتاه که در پایین به شما معرفی میکنیم استفاده کنید.
حالا برای اینکه به نوار پیشرفت متن نیز اضافه کنید میتوانید از کد زیر استفاده کنید:

[wppb progress=75 text="متن نوار پیشرفت شما"]

شما میتوانید با کمک نوار پیشرفت نیز مقدار جمع اوری شده مبلغی را نیز به کاربران نمایش دهید:

[wppb progress="$250/1000" text="$250/$1000 Raised"]

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

[wppb progress="$250/1000" text="$250/$1000 Raised" location="after"]

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

بخوانید  نمایش پست های مرتبط به صورت درون خطی

نوار پیشرفت با رنگ نارنجی:

[wppb progress=50 option=orange]

نوار پیشرفت متحرک با رنگ قرمز:

[wppb progress=50 option="animated-candystripe red"]

نوار پیشرفت با رنگ سبز و خط هایی داخل نوار:

[wppb progress=50 option="candystripe green"]

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

[wppb progress=50 option=candystripe]

نوار پیشرفت با رنگ بنفش در حالت فلت:

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

نوار پیشرفت با رنگ قهوه ای در حالت فلت با خط هایی داخل نوار:

[wppb progress=50 option="flat candystripe" color=brown]

progress-bar-1

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

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

add_filter('widget_text','do_shortcode');

در مرحله بعد از طریق “نمایش>ابزارک” با استفاده از ابزارک متن و چسباندن کد زیر به ابزارک متن میتوانید نوار پیشرفت را در ابزارک فعال کنید:

[wppb progress="$2500/$4500" option="animated-candystripe red" fullwidth=true]

Raised: $2500
Goal: $4500

<a href="example.com">Donate here</a>

توجه:به دلخواه خود میتوانید محتوای کد بالا را تغییر دهید.

امیدوار هستیم که مقاله نمایش نوار پیشرفت در سایت وردپرسی برای شما عزیزان مفید بوده باشه.

لبخند هم فراموش نکنید 😉

موفق و پیروز باشید.

درباره محمد جواد فرکاریان

علاقه مند به سیستم مدیریت محتوای وردپرس هستم و اموزش ها ی در رابطه با سیستم مدیریت محتوای وردپرس را با شما عزیزان به اشتراک میگذارم . لبخند را هیچ وقت فراموش نکنید ;-)

نگاهی به این مطلب بندازید

hide-page-of-the-site-in-google-results

پنهان کردن صفحه ای از سایت در نتایج گوگل

سلام ایا میخواهید صفحه ای خاص را از نتایج جستجوی گوگل مخفی کنید؟ گاهی اوقات …

پاسخ دهید

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

عضویت در خبرنامه اسکارپ
ایمیل خود را وارد کنید تا اخر هفته ها مطالب محبوب و خبر های ما را در ایمیل خود دریافت کنید
ایمیل شما نزد ما محفوظ میباشد