نمایش نوار اطلاعیه در بالای سایت وردپرس

3.8 / 5. تعداد رای: 4

نمایش نوار اطلاعیه در بالای سایت وردپرس

همان‌طور که می‌دانید اخیرا یک افزونه به نام MihanWP Notification Bar برای ایجاد نوار اطلاع‌رسانی در سایت، توسط تیم ما به صورت کاملا اختصاصی ساخته شده و در مخزن وردپرس ثبت شده است. با استفاده از این افزونه می‌توانید نوارهای اطلاع‌رسانی، با قابلیت‌های سفارش‌سازی زیادی در سایت ایجاد کنید و به راحتی کاربران را از رویدادهای سایت خود باخبر کنید. حالا در این مقاله به صورت کاملا گام به گام، نمایش نوار اطلاعیه در بالای سایت وردپرس را شما آموزش خواهیم داد. پس تا آخر این مقاله با ما همراه باشید.

نصب و فعال‌سازی افزونه نوار اطلاع رسانی

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

نصب افزونه MihanWP Notification Bar
نصب افزونه MihanWP Notification Bar

در کادر جستجو نام افزونه “MihanWP Notification Bar” را تایپ کنید. روی دکمه نصب کلیک کنید و سپس افزونه را فعال کنید.

نمایش نوار اطلاعیه در بالای سایت وردپرس

پس از نصب و فعال‌سازی افزونه نوار اطلاع‌رسانی میهن وردپرس، یک گزینه به منوی وردپرس شما با عنوان “Notification Bar” اضافه می‌شود. برای انجام تنظیمات و پیکربندی نوار اطلاع‌رسانی وارد این قسمت شوید. در ادامه این مقاله، به صورت گام به گام، تمام قسمت‌های صفحه تنظیمات را برای شما شرح خواهیم داد.

فعال کردن بنر در سایت

برای اینکه بتوانید نوار اطلاع‌رسانی را در سایت نمایش دهید. پس از وارد شدن به قسمت تنطیمات افزونه، در زبانه عمومی، کافی است تیک گزینه “آیا بنر فعال باشد؟” را بزنید.

فعال‌سازی نوار
حالافعال‌سازی نوار

عنوان نوار اطلاع‌رسانی

برای مشخص کردن عنوان یا متن اصلی بنر، از زبانه عمومی، قسمت “عنوان”، متن مورد نظر خود را بنویسید. هم‌زمان با نوشتن عنوان بنر، همان‌گونه که در تصویر پایین هم مشاهده می‌کنید یک پیش‌نمایش از بنر سایت به شما نمایش داده می‌شود.

عنوان نوار
عنوان نوار

تعیین اندازه نوار

برای تعیین طول(پهنا) و عرض(ارتفاع) بنر باید از قسمت “پهنا” و “ارتفاع”، سایز هرکدام را به دلخواه مشخص کنید. به راحتی با کشیدن و رها کردن ماوس خود سایز نوار را برحسب پیکسل(px) می‌توانید تعیین کنید.

تعیین اندازه نوار
تعیین اندازه نوار

قراردادن دکمه روی نوار

اگر قصد داشتید یک دکمه روی بنر خود قرار دهید. باید از قسمت “عنوان دکمه” یک متن برای دکمه خود بنویسید تا دکمه روی بنر شما نمایش داده شود. استفاده از دکمه CTA می‌تواند تمایل کاربر را برای کلیک کردن تا چند برابر افزایش دهد.

استفاده از دکمه روی نوار
استفاده از دکمه روی نوار

لینک کردن نوار

در صورت تمایل، می‌توانید با استفاده از قسمت “آدرس لینک” یک لینک قرار دهید. تا زمانی که کاربر روی آن کلیک کرد، وارد صفحه مورد نظر شما شود.

لینک کردن نوار
لینک کردن نوار

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

اگر می‌خواهید دکمه‌ای برای بسته شدن بنر سایت به کاربران نمایش داده شود. تیک گزینه “دکمه‌ی بسته شدن بنر نمایش داده شود؟” را بزنید. با این حالت کاربران در صورتی که تمایل به رویداد مورد نظر شما نداشتند، آن را می‌بندند

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

باز شدن لینک در صفحه جدید

شما با فعال کردن گزینه “باز شدن لینک در یک صفحه جدید” می‌توانید مشخص کنید، زمانی که کاربر روی بنر یا دکمه بنر کلیک می‌کند، آدرس لینک در یک صفحه جدید(تب جدید در مرورگر) باز شود. توجه داشته باشید که در حالت عادی و زمانی که این گزینه فعال نیست. پس از کلیک کردن، لینک در همان صفحه باز می‌شود.

باز شدن لینک در صفحه جدید
باز شدن لینک در صفحه جدید

قراردادن شمارش معکوس

اگر رویداد شما دارای مدت زمان محدودی است، می‌توانید یک شمارش معکوس روی آن قرار دهید. برای این کار کافی است گزینه “شمارش معکوس نمایش داده شود؟” را فعال کنید. همچنین با استفاده از قسمت “تاریخ پایان تایمر” می‌توانید روز و ساعت به اتمام رسیدن رویداد خود را مشخص کنید. در قسمت “متن منقضی شدن تایمر” هم می‌توانید پیامی مبنی‌بر به اتمام رسیدن زمان رویداد بنویسید.

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

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

پیکربندی تایمر
پیکربندی تایمر

تنظیمات زبانه استایل

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

تنظیمات زبانه استایل
تنظیمات زبانه استایل

به همین راحتی! شما توانستید نوار اطلاع رسانی دلخواه خود را در بالای سایت وردپرسی‌تان نمایش دهید.

نکته خاصی هست که این مقاله رو تکمیل‌تر کنه؟

  1. U335721 ۱۲ دی ۱۴۰۲

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

  2. U312486 ۲۶ اسفند ۱۴۰۰

    سلام
    مرسی از افزونه خوبتون.
    منوی قالب وبسایت من چسبنده است. وقتی اسکرول میشه پایین، نوار افزونه بالای منوی اصلی جاش خالی میشه. راه حل براش هست که ثابت بشه بالای منوی اصلی و با اسکرول نوار افزونه هم اسکرول بشه؟

  3. U38822 ۱۷ مرداد ۱۴۰۰

    سلام، از زحمات شما برای طراحی این پلاگین سپاس‌گزارم.
    می‌خواستم بپرسم آیا این افزونه، اعلانات رو در پایین صفحه مرورگر (نه فوتر) به صورت ثابت می‌تونه نمایش بده؟

  4. U4683 ۲۷ اسفند ۱۳۹۹

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

  5. U35598 ۹ بهمن ۱۳۹۹

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

  6. U17441 ۲۴ دی ۱۳۹۹

    سلام. این فونتی که باهاش متن نوتی… بار رو نوشتید تو تصویر شاخصتون اسمش چیه؟

  7. U27749 ۲۳ دی ۱۳۹۹

    باسلام.
    چرا متن اطلاعیه زیر منوی سایت نمایش داده می شود نه بالای بالای سایت؟

    • Reza Rad رضا راد ۲۴ دی ۱۳۹۹

      سلام بستگی به قالب شما داره. اگر هدر سایت شما ثابت باشه طبیعتا زیر هدر نمایش داده خواهد شد.