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

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

دوستان حتما شده است تا به حال درسایتهای زیادی مثلا در حین بازدید از پروژه ها با میله ها ی پشرفت و … برخورد نموده باشید که میتونه هم در زیبایی و هم در بیان پیشرفت شما و … گویا باشد بنابراین برخی از دوستان شاید بخواهند جهت نظر سنجی و پیشرفت  … رو به صورت درصد بیان نمایند که ما در این آموزش وردپرس می خواهیم نمایش استوانه درصد پیشرفت با افزونه رو بهتون بگیم تا هم زیبایی خاصی رو به سایت دهید و هم در کارآمد بودن سایت مفید باشد تا نظر افراد رو بیشتر به سمت خود بکشانید

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

قبل هر کاری می ریم سراغ دانلود افزونه Progress Bar و فعال سازیش تا بتونید  از این پلاگین رایگان وردپرس استفاده نمایید که بعد این کار شما هیچ تنظیمات پیچیده ای رو نخواهید داشت و میتوند بعد این کار به پیشخوان » نوشته ها و یا برگه ها برای ایجاد انها مراجعه نمایید تا بتونید مطالبی رو که می خواهید قرار دهید و اما بعد این کار برای داشتن این نوار پیشرفت می تونید از فرمول هایی که بهتون در ادامه خواهیم گفت استفاده نمایید

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

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

[wppb progress=50]

این کد کوتاه همانند زیر برای شما فقط یک نوار ساده رو نمایش خواهد داد که 50 درصد پیشرفت رو نمایش می دهد

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

حالا دوستان شاید بخواهید با این پلاگین وردپرس کاربردی و این کد کوتاه عدد 50 در صد رو تغییر دهید که میتوند در کد 50 رو تغییر دهید و اما نکته بعدی برای زمانی بوده است که میخواهید روی نوار ییشرفت نوشته ای رو داشته باشید که کد زیر قابل استفاده است

[wppb progress=75 text=”نوار پیشرفت پروژه”]

و به صورت زیر قابل نمایش است

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

مورد سوم برای زمانی بوده است تا بخواهید هزینه ها رو قرار دهید

[wppb progress=”$250/1000″ text=”$250/$1000 Raised”]

به صورت زیر :

Progress Bar

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

دوستان کد زیر برای تغییر رنگ بوده است که ما به انگلیسی نارنجی رو قراردادیم و می تونید شما به هر رنگی تغییر دهید

[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]

میتوند نتیجه رو مشاهده نمایید

افزونه Progress Bar

از همراهی شما عزیزان سپاگذاریم و امیدوارم براتون مفید بوده باشد و چنانچه تمایل داشتید به آموزش قابلیت ایجاد نظر سنجی در سایت وردپرس مراجعه نمایید

منبع : قالب وردپرس

پاسخ دهید

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