افزونه وردپرس نوار پیشرفت پروژه Progress Bar

افزونه وردپرس نوار پیشرفت پروژه Progress Bar ، همانطور که از نامش پیداست افزونه ایست برای نمایش دادن درصد پیشرفت پروژه های در حال انجام در وردپرس. شاید شما هم در حال انجام پروژه ای باشید و یا درصدد هستید که محصولی را برای کاربرانتان آماده کنید و میخواهید کاربرانتان را از میزان پیشرفت کار مطلع نمایید. اینجاست که افزونه وردپرس نوار پیشرفت پروژه به کمک شما می آید. قبلا برای انجام این کار، باید به طور مستقیم از کدهای CSS استفاده میشد اما الان به کمک این افزونه به راحتی میتوانید این کار را انجام دهید.

افزونه وردپرس نوار پیشرفت پروژه Progress Bar

آنچه در این مقاله می‌خوانید

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

پس از نصب و فعال سازی افزونه، ابزارک آن به بخش ابزارک های وردپرس اضافه میشود. پس برای استفاده به بخش ابزارک های وردپرس برید و ابزارک Progress Bar را در ناحیه مورد نظر قرار دهید. بعد از اینکه ابزارک رو اضافه کردید، چند تا تنظیم کوچیک هست ( مثل عنوان، رنگ، در صد پیشرفت و…) که باید انجام بدید. فقط یادتون باشه که گزینه Progress که ماله درصد پیشرفته به صورت عدد وارد کنید.

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

[html][wppb progress=50][/html]

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

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

[html][wppb progress=50 option="red candystripe" percent=inside][/html]

[box type=”download” ]

[/box]

مطالب مشابه

قوانین ارسال دیدگاه در وردپرس سیتی

  • ارسال دیدگاه نامرتبط با هر پست مجاز نیست.
  • هرگونه فعالیت تبلیغاتی در بخش دیدگاه‌ها ممنوع است.
  • چنانچه دیدگاهی بی ارتباط با موضوع آموزش مطرح شود تایید نخواهد شد.
  • هرگونه بی‌احترامی به کاربران، مدیران یا اشخصا حقیقی و حقوقی دیگر ممنوع است.
  • زبان اصلی وردپرس سیتی فارسی است؛ لطفا در هنگام ارسال مطالب از زبان فارسی استفاده کنید.
  • چنانچه در دیدگاه خود از شماره تماس، ایمیل و آیدی تلگرام استفاده کرده باشید تایید نخواهد شد.

  1. کاوه گفته؛
    ۱۳:۴۵ ۱۳۹۲/۰۹/۱۷

    استاد متشکرم از شما به خاطر این افزونه من قرار دادم ولی دوست داشتم شکل آن تغیر بدم مثل مستطیل باشه مثل نمونه شما اگر امکان داره راهنمایی کنید
    متشکرم

    • سجاد رجب پور گفته؛
      ۰۱:۰۲ ۱۳۹۲/۰۹/۱۸

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

  2. کیوتوای فارسی گفته؛
    ۰۴:۱۳ ۱۳۹۲/۰۹/۲۵

    سلام برای استفاده در پوسته از چه کدی استفاده کنیم
    ممنون

    • سجاد رجب پور گفته؛
      ۲۱:۰۹ ۱۳۹۲/۰۹/۲۵

      چون چیزیه که درصد پیشرفت رو نشون میده و نیاز به تغییرش دارید، بهتره تو پست یا ابزارک استفاده کنید. کد php شو ندیدم

  3. عرفان گفته؛
    ۱۷:۴۳ ۱۳۹۲/۱۰/۰۱

    سلام
    می دونم جایش اینجا نیست اما ببخشید مهمه
    من در تصویر شاخص آپلود کردن مشکل دارم .
    پوشه آپلود هم در هاست ساختم .
    عکس مشکل : http://upload7.ir/images/44143948094831556985.png
    کلا هیچ فایلی رو نمیشه آپلود کرد

    • سجاد رجب پور گفته؛
      ۲۲:۰۴ ۱۳۹۲/۱۰/۰۱

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

      • عرفان گفته؛
        ۲۳:۳۴ ۱۳۹۲/۱۰/۰۱

        میشه آموزش بدید .
        من تازه با وردپرس دارم کار میکنم .

    • MASOUD LENEL گفته؛
      ۱۰:۳۶ ۱۳۹۲/۱۱/۰۱

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

  4. بهمن رضایی گفته؛
    ۲۰:۳۷ ۱۳۹۲/۱۰/۰۷

    سلام وعرض خسته نباشید
    میخواستم بدونم چطوری میشه حالتشو به مستطیلی شکل تغییر بدم؟
    ممنون میشم راهنماییم کنید/ممنون

    • سجاد رجب پور گفته؛
      ۲۲:۲۶ ۱۳۹۲/۱۰/۰۷

      سلام. این کدها رو بزارید در استایل قالب:
      [css]
      div.wppb-progress{border-radius: 0 0 0 0 !important;}
      div.wppb-progress > span{border-radius: 0 0 0 0 !important;}
      [/css]

      • بهمن رضایی گفته؛
        ۲۲:۴۰ ۱۳۹۲/۱۰/۰۷

        شرمنده مجددا مزاحم شدم
        برای رفتن به این مسیری که گفتید باید برم کجا؟
        یه چند وقته از ورد پرس استفاده میکنم،زیاد آشنایی ندارم…!

      • بهمن رضایی گفته؛
        ۲۲:۴۸ ۱۳۹۲/۱۰/۰۷

        داداش قربون دستت حل شد،پیداش کردم
        ممنون از کمکت/موفق باشی

        • سجاد رجب پور گفته؛
          ۲۳:۵۵ ۱۳۹۲/۱۰/۰۷

          🙂

  5. م-ش گفته؛
    ۲۳:۰۶ ۱۳۹۲/۱۰/۱۵

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

    • سجاد رجب پور گفته؛
      ۰۰:۲۵ ۱۳۹۲/۱۰/۱۶

      🙂

  6. رضا گفته؛
    ۱۶:۰۸ ۱۳۹۲/۱۰/۱۶

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

    • سجاد رجب پور گفته؛
      ۲۳:۰۳ ۱۳۹۲/۱۰/۱۶

      سلام. کدش رو گذاشتم که

      • رضا گفته؛
        ۱۲:۳۰ ۱۳۹۲/۱۰/۱۷

        سلام
        منظورم این بود که اگه بخوایم کد را در نوشته وردپرس قرار دهیم چیکار باید بکنیم
        مثلا چیکار کردید که کد زیر
        [wppb progress=50 option=”red candystripe” percent=inside]
        بصورت کد در نوشته آورده شده است و وردپرس کد را نشان داده نه اینکه خروجی افزونه که نمودار پیشرفت پروژه است

        • سجاد رجب پور گفته؛
          ۱۵:۵۶ ۱۳۹۲/۱۰/۱۷

          سلام. از افزونه SyntaxHighlighter استفاده کن

          • رضا گفته؛
            ۱۹:۵۴ ۱۳۹۲/۱۰/۱۷

            سلام
            من این افزونه رو نصب کردم
            چجوری باید ازش استفاده کنم
            فرض کنید کد زیر رو میخوام در نوشته بذارم
            [wppb progress=50 option=”red candystripe” percent=inside]
            کد آن چی میشه تو مد html
            ممنون

          • سجاد رجب پور گفته؛
            ۲۱:۴۱ ۱۳۹۲/۱۰/۱۷

            همینو تو قسمت متن (کد) ادیتور بزارید

          • رضا گفته؛
            ۲۱:۵۹ ۱۳۹۲/۱۰/۱۷

            اونوقت نوار پیشرفت نشون میده
            من میخوام تو نوشته با نوشتن همچین کدی ، کد نشون داده بشه ، نه نوار پیشرفت

  7. علی گفته؛
    ۰۲:۱۷ ۱۳۹۲/۱۰/۳۰

    با سلام ممنونم

    • سجاد رجب پور گفته؛
      ۱۱:۵۳ ۱۳۹۲/۱۰/۳۰

      علیک سلام

  8. مصطفی گفته؛
    ۱۴:۲۳ ۱۳۹۲/۱۲/۰۱

    سلام عزیز چه جوری میشه سایزش رو کوچیکتر کرد؟

    • سجاد رجب پور گفته؛
      ۱۰:۴۶ ۱۳۹۲/۱۲/۰۲

      لینک صفحه ای که استفاده کردید بدید . یک max-width براش تعریف کنید

  9. امیرمحمد گفته؛
    ۱۳:۵۵ ۱۳۹۳/۰۳/۰۹

    سلام ببخشید چجوری میشه چپ به راستش کرد؟

    • سجاد رجب پور گفته؛
      ۲۰:۵۴ ۱۳۹۳/۰۳/۰۹

      سلام. فایل style.css مربوط به افزوه رو ویرایش کنید

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

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

لینک کوتاه:
0