ساخت منوی کناری در وردپرس با افزونه Float menu

زمان انتشار:
تعداد بازدید: 2,390
دسته بندی ها: افزونه وردپرس، کاربردی

زمان تقریبی خواندن نوشته: 6 دقیقه
حالت تمام صفحه:

ساخت منوی کناری در وردپرس با افزونه Side Menuسلام دوستان وردپرسی عزیز؛
همان طور که می دانید یکی از بخش های مهم در هر سایت منوی آن است. منوهای سایت شامل چندین طبقه بندی هستند. طراحان بر اساس سلیقه طرح های متفاوتی را برای منوهای سایت خود در نظر می گیرند. عده ای منوها را در بالا و عده ای در سایدبار قرار می دهند. اما برخی نسبت به تعبیه منو در کنار صفحه اقدام می کنند. تا کاربر در هر لحظه و در هر موقعیتی از صفحه، به آن دسترسی داشته باشد. این منو اصطلاحا منوی عمودی، side menu، منوی کناری، منوی چسبان و منوی شناور نامیده می شود. برای طراحی منو افزونه های متعددی ارائه شده است. در این آموزش قصد معرفی افزونه ای ساده را داریم که به کمک آن قادر به ساخت منوی کناری در وردپرس خواهید بود!

ساخت منوی کناری در وردپرس

افزونه Float menu یکی از موارد خوب جهت ساخت منوی کناری در وردپرس است. به کمک این افزونه قادر خواهید بود موارد مورد نظر خود را به همراه آیکن دلخواه و لینک به آدرس مورد نظر خود طراحی کنید. نسخه رایگان این افزونه امکان سفارشی سازی و مشخص کردن رنگ و طرح دلخواه را دارد. این افزونه با کسب امتیاز ۵ از ۵ توانسته ۱۰۰۰ نصب فعال را به نام خود ثبت کند.

ساخت منوی کناری در وردپرس با افزونه Side Menu

امکانات افزونه

  •  دارای ۲ موقعیت منوی شناور در چپ و راست.
  • دارای بیش از ۶۰۰ آیکون
  • سفارشی سازی سبک دکمه ها
  • تنظیمات برچسب
  • قابلیت پیوند دهی
  • و…

نصب و راه اندازی افزونه

ابتدا افزونه Float menu را از انتهای صفحه دانلود کنید. سپس از مسیر افزونه ها > افزودن اقدام به نصب و فعال سازی افزونه کنید. پس از انجام مراحل، منوی جدیدی با نام  به پنل مدیریتی وردپرس اضافه خواهد شد.

ساخت منوی کناری در وردپرس با افزونه Side Menu

 نحوه کار با افزونه

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

All Plugins: در این قسمت قادر به مشاهده تمامی افزونه های طراحی شده توسط کمپانی سازنده افزونه Float Menu هستید.

Float Menu: در این زیر منو امکان طراحی منوی شناور یا منوی کناری در وردپرس را خواهید داشت.

برای شروع به زیر منوی Float Menu رجوع کنید. بر روی دکمه Add new کلیک کنید.
صفحه باز شده شامل دو بخش جهت تنظیمات است. (در سمت چپ صفحه)

style: تنظیم موارد مربوط به سبک منوها.

menu: طراحی منوی کناری و رنگ بندی های منوها.

بخش style

ساخت منوی کناری در وردپرس با افزونه Side Menu

ابتدا موقعیت منو را از بخش Position مشخص کنید. میتوانید منو را درسمت چپ و یا در سمت راست صفحه تعبیه کنید.

سایر تنظیمات این بخش به ترتیب شامل: تنظیم فواصل، فاصله دکمه ها، فعال سازی برچسب منوها، فاصله بین برچسب ها و امکان لینک دهی می باشد.

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

سپس از قسمت سمت چپ بخش menu  را انتخاب کنید. تا به قسمت طراحی منوها هدایت شوید. بر روی دکمه Add item کلیک کنید.

بخش menu

ساخت منوی کناری در وردپرس با افزونه Side Menu

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

Icon: ازبین آیکون های موجود طرح دلخواه خود را انتخاب کنید.

Label: برچسبی را بر روی منوی شناور درج کنید.

Item type: نوع منو را می توان مشخص کرد که به صورت لینک یا کادر پاپ آپ باشد.

link: open in new target با فعال کردن این گزینه می توان لینک را در صفحه جدیدی باز کرد.

Color: رنگ منو .

Back ground: پس زمینه منو.

به همین ترتیب با کلیک بر روی دکمه Add item  تمام منوهای شناور خود را اضافه کنید.

همچنین می توانید نمایش منوها در نمایشگرهای کوچک را تنظیم کنید. ما در این کادر مشخص کردیم که منوهای شناور در نمایشگر های کوچکتر از ۴۸۰ پیکسل نمایش داده نشود.

ساخت منوی کناری در وردپرس با افزونه Side Menu

در پایان بر روی دکمه save کلیک کنید.

نتیجه نهایی

ساخت منوی کناری در وردپرس با افزونه Side Menu

به همین راحتی منوی شناور برای شما آماده شد!!!

جمع بندی نهایی

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

امیدوارم که از این آموزش راضی بوده باشید.

موفق باشید. 🙂

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

دانلود  صفحه ی افزونه

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

75 نوشته تا کنون
فارغ‌التحصیل رشته آی‌تی. کارشناس آی‌تی وردپرس‌یاد ?
✍باتمام علاقه‌ای که به دنیای آی‌تی داشتم با وردپرس آشنا شدم و اکنون تمام تلاشم برای تهیه آموزش‌های کاربردی و کمک به علاقه‌مندان دنیای بزرگ وردپرس است.

پاسخ دهید

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

دیدگاه های این نوشته

دیدگاهی برای این نوشته وجود ندارد.