قابل توجه کاربران عزيز از اين پس کليه تخفيف هاي محصولات فقط در کانال تلگرام تالار وردپرس اطلاع داده مي شود.

امروز با یک مطلب بسیار متفاوت در خدمت شما بزرگواران هستیم.گاهی اوقات برای نظرسنجی ها و آراء یا پیشرفت برخی پروژه ها و از این قبیل مسائل احتیاج به آیتمی داریم که منظور ما را به صورت درصد بیان کند و زیبا و جذاب تر نیز به نظر برسد. احتمالا همه ی ما با استوانه های رنگی برای نمایش درصدی در سایت ها برخورد کردیم و به نظر ما جالب هم بودند. اگر تمایل دارید که شما هم در سایت خود به راحتی از این گونه استوانه ها استفاده کنید مطلب امروز را با ما دنبال کنید.

افزونه نمایش درصد پیشرفت Progress Bar

اولین قدمی که باید برداریم نصب و راه اندازی افزونه ی progress bar می باشد. نصب آن بسیار راحت است و هیچ گونه نیازی به تنظیمات ندارد. پس از فعال سازی افزونه به بخش نوشته ها>> افزودن نوشته ی جدید و یا بخش برگه ها>> افزودن برگه می رویم و بعد از وارد کردم متن و تصویر مورد نظر خود با قرار دادن چند دستور یا به عبارتی فرمول ساده به راحتی نوار پیشرفت را در سایت به نمایش خواهیم گذاشت.

فرمول های موجود برای نمایش افزونه

با قرار دادن یک شورت کد ساده می توانید یک نوار پیشرفت بدون هیچ گونه آلایشی را در سایت خود نمایش دهید :

[wppb progress=50]

شورت کدی که ملاحظه میکنید یک نوار پیشرفت ساده را برای شما نمایش خواد داد که ۵۰ درصد در آن پیشرفت مشاهده می شود. طبق تصویر می توانید آن را ملاحظه نمایید:

simple-progress-bar-hamyarwp

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

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

که نتیجه ی زیر حاصل خواهد شد :

progress-bar-with-content-hamyarwp

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

[wppb progress=”$۲۵۰/۱۰۰۰″ text=”$۲۵۰/$۱۰۰۰ Raised”]

و نتیجه به صورت زیر خواهد شد :

cost-progress-hamyarwp

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

تغییر رنگ نوار پیشرفت ساده با شورت کد   [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] استفاده نمایید.

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

all-progress-bar-hamyarwp

موفق باشید

برای دریافت آخرین مطالب,محصولات و تخفیف های ویژه ما به کانال تلگرام تالار وردپرس بپیوندید
در راه رسیدن به هدف تون شکست های زیادی خواهید خورد ولی باید خوشحال باشید چون دلیل شکست شما , تلاش کردن شماست ... به تلاش تون ادامه بدید و هرگز نا امید نشید ...

دیدگاه بگذارید

avatar
  Subscribe  
اطلاع رسانی از

محبوب ترین پکیج ها

با سلام خدمت همه شما دوستان و عزیزان.بعد از مدت ها با یک پکیج جدید و بسیار کارآمد در خدمت شما هستم.در این پکیج همونطور که از عنوانش پیداست در مورد ورود به بازار کسب و کار اینترنتی در ایران بحث و آموزش های متنوع و کاربردی انجام گرفته که برای افرادی که به کسب […]

شروع کسب و کار اینترنتی با وردپرس

با عرض سلام و خسته نباشید خدمت همه دوستان و کاربران عزیز تالار وردپرس.بالاخره پکیج حرفه ای شروع کسب و کار اینترنتی با وردپرس آماده شدو هم اکنون شما می تونید از این پکیج حرفه ای استفاده کنید.این پکیج همانطور که از اسمش پیداست برای شروع یک کسب و کار خوب با وردپرس هستش و […]

آموزش سئو وردپرس

با عرض سلام خدمت کاربران عزیز تالار وردپرس.بعد از مدتی با پکیج آموزش سئو وردپرس در خدمت شما هستیم.در این پکیج آموزشی شما با نحوه سئو کامل مطالب وردپرس توسط افزونه Yoast SEO کاملا آشنا میشید.همچنین به برخی نکات اصلی و مهم در سئو و بهینه سازی سایت آشنا می شوید.

محبوب ترین قالب ها

قالب وردپرس فروش فایل استوری تالار وردپرس طراحی شده و برای شما کاربران عزیز آماده فروش می باشد.این قالب زیبا و کاربر پسند با امکانات بسیار مناسب و ساده در اختیار شما قرار گرفته است و از طراحی و رنگ بندی خوبی برخوردار می باشد.این قالب وردپرس مانند سایر قالب های تالار وردپرس دارای پنل تنظیمات اختصاصی […]

قالب وردپرس دانلود

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

قالب وردپرس فیلم و سریال

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