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

آموزش افزونه منوی چسبان در وردپرس

  • آخرین بروز رسانی: 2 ماه قبل
  • تعداد نصب های فعال:+ 100000
  • نسخه افزونه: 2.5.1
  • امتیاز کاربران وردپرس :4.8 از 5 ستاره
  • نسخه وردپرس : آزمایش شده تا 5.7.2
  • حداقل نسخه وردپرس :3.5.1
دانلود افزونه وردپرس Floating Notification Bar, Sticky Menu on Scroll, and Sticky Header for Any Theme – myStickymenu
لینک دانلود
اطلاعات نویسنده
سعید طاهری

11 ماه عضو افزونه جو

در این آموزش قصد داریم نحوه ایجاد منوی چسبان و منوی ثابت در وردپرس را به شما آموزش دهیم. بدین منظور از افزونه منوی چسبان در وردپرس myStickymenu استفاده می کنیم. این افزونه در دو نسخه رایگان و پرو ارائه شده است که در این آموزش ما به بررسی نسخه رایگان افزونه منوی ثابت در وردپرس می پردازیم.

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

افزونه منوی چسبان در وردپرس، منو یا هدر سایت را به صورت استیکی یا ثابت در بالای صفحه تبدیل می کند. بدین ترتیب زمانی که کاربر صفحه را اسکرول می کند منو به بالای صفحه می چسبد. همچنین می توان از آن به عنوان نوعی نوار اعلان یا اطلاعیه نیز استفاده کرد. به منظور ایجاد نوار اعلان یا اطلاعیه می توانید آموزش افزونه نوار ابزار اطلاع رسانی وردپرس را مشاهده بفرمایید.

مهمترین ویژگی های این افزونه عبارتند از:

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

برخی از ویژگی های نوار خوش آمدگویی (Welcome Bar) به شرح زیر است:

  • نمایش نوار شناور در بالا
  • تغییر رنگ پس زمینه و رنگ دکمه
  • تنظیم محل و چگونگی نمایش نوار
  • افزودن افکت توجه به دکمه
  • افزودن HTML سفارشی
  • تغییر فونت و سایز متن
  • نمایش دکمه X در دسکتاپ/موبایل

برخی از ویژگی های نسخه پرو نیز عبارتند از:

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

برخی از ویژگی های نوار خوش آمدگویی در نسخه پرو عبارتند از:

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

در ویدیوی زیر یک دموی ساده از منوی چسبان را مشاهده می فرمایید.

تبدیل هدر به چسبان

در ویدیوی زیر یک دموی ساده از نوار خوش آمد گویی را مشاهده می فرمایید.

دمو نوار خوش آمدگویی

نصب و فعالسازی افزونه myStickymenu

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

پس از نصب افزونه آیتم “myStickymenu” به منوی مدیریت وردپرس افزوده می شود.

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

تنظیمات منوی چسبان

با کلیک بر روی گزینه “myStickymenu” وارد صفحه تنظیمات افزونه می شویم. تنظیمات افزونه شامل دو بخش کلی است: موارد مربوط به منوی چسبان و موارد مربوط به نوار خوش آمدگویی.

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

منو یا عنصر چسبان

به منظور تنظیم منوی چسبان گزینه Sticky Menu را انتخاب می کنیم تا صفحه زیر باز شود:

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

نخست باید منوی مورد نظر را انتخاب کنیم. منوهای موجود در سایت در لیست دراپ داون نمایش داده می شوند و می توانیم آنها را انتخاب کنیم. در صورتی که بخواهیم عنصر دیگری را به صورت چسبان در بیاوریم کافی است گزینه other class or ID را انتخاب کرده و سپس نام کلاس یا آیدی عنصر مورد نظر را وارد کنیم.

افزونه منوی ثابت در وردپرس
انتخاب منوی چسبان

پس از انتخاب منو یا عنصر مورد نظر سایر تنظیمات را انجام می دهیم:

Sticky z-index: تعیین شاخص عنصر در فضای سه بعدی.

Fade or slide effect: انتخاب افکت اسلاید یا محو شونده

Disable at small Screen Sizes: در نمایشگرهایی که عرض آنها کمتر از مقدار وارد شده باشد، منوی چسبان غیرفعال می شود. برای غیرفعالسازی مقدار صفر را وارد کنید.

Make Visible on Scroll: پس از اسکرول و رسیدن به پیکسل مورد نظر منوی چسبان ظاهر می شود.

Sticky Backgroun Color: تعیین رنگ پس زمینه چسبان

Sticky Text Color: تعیین رنگ متن چسبان

Sticky Transition Time: تعیین مدت زمان اجرای انیمیشن چسبان

Sticky Opacity: تعیین میزان شفافیت منوی چسبان

پس از انجام تنظیمات دکمه SAVE را کلیک می کنیم.

افزونه منوی چسبان در وردپرس
ذخیره تنظیمات

نوار خوش آمدگویی

با کلیک بر روی زبانه Welcome Bar وارد صفحه تنظیمات نوار خوش آمدگویی می شویم.

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

۱- به منظور نمایش نوار خوش آمدگویی نخست باید آن را فعال کنیم.

۲- Design: تنظیمات مربوط به طراحی و محتوای نوار خوش آمدگویی

  • position: تعیین محل قرارگیری نوار، در نسخه رایگان فقط در بالای صفحه قابل نمایش است.
  • Background Color: تنظیم رنگ پس زمینه نوار خوش آمدگویی
  • Text Color: تنظیم رنگ متن
  • Font: انتخاب فونت مد نظر
  • Font Size: اندازه فونت
  • Bar Text: متن نوار خوش آمدگویی
  • Show X: نمایش دکمه X برای بستن نوار. قابلیت انتخاب برای دسکتاپ، موبایل یا هر دو وجود دارد.

۳- Button: دکمه. تنظیمات مربوط به دکمه در این بخش قرار دارد.

  • Button: فعالسازی دکمه در دسکتاپ، موبایل یا هر دو
  • Button Color: رنگ دکمه
  • Button Text Color: رنگ متن دکمه
  • Button Text: متن دکمه
  • Attention Effect: در صورت تمایل می توان یک افکت انیمیشن مانند فلاشر، لرزنده، تپنده یا … را به دکمه اضافه کرد تا جلب توجه بیشتری کند.
افزونه منوی چسبان در وردپرس
افکت جلب توجه

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

افکت های جلب توجه
  • Button Submition: با کلیک بر روی دکمه چه اتفاقی رخ دهد؟ در نسخه رایگان دو گزینه قابل انتخاب است: بستن نوار و ریدایرکت به یک آدرس url.
افزونه منوی ثابت در وردپرس
اکشن پس از سابمیت دکمه

۴- Display Rules: تعیین قوانین چگونگی نمایش نوار در این بخش قرار دارد. در نسخه رایگان فقط می توانیم افکت ظاهر شدن نوار را تعیین کنیم؛ که به صورت اسلاید، محو شونده یا بدون افکت باشد.

افزونه منوی چسبان در وردپرس
افکت ظاهر شدن نوار خوش آمدگویی

پس از انجام تنظیمات بر روی گزینه ذخیره کلیک می کنیم.

خلاصه آموزش

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

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

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

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