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

Bubble Menu

مطمئنا شما هم مثل من ، با کارفرماهای خوش سلیقه کار کردید ! اینطور کارفرماها ، معمولا میخوان بهترین وبسایت رو از لحاظ رابط کاربری داشته باشند . مثلا یکی از کارفرماهایی که داشتم ، میخواست برای منوی یکی از صفحاتش ، منو دایره ایی طراحی کنه ! من هم که با افزونه Bubble Menu آشنا بودم ، براش به راحتی این کار رو انجام دادم . اینطوری ارزش کارم رو افزایش دادم و باعث شدم که کارفرما بیشتر روی دیزاین سایت و کاری که من انجام میدهم حساب کند . اگر شما هم علاقه دارید که اطلاعات بیشتری رو در این باره به دست آورید ، پیشنهاد میکنم که وبیت رو تا انتهای این مقاله همراهی کنید .

 

 

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

همانطور که در بالا اشاره کردیم ، به کمک فهرست ها در وردپرس می‌توانیم منوهای مختلف و زیبایی به سایت اضافه کنیم (و البته ارزش کار خودتون رو ببرید بالا ). اما گاهی اوقات لازمه که در وب سایت یک منوی دسترسی زیبا و سریع ایجاد کنیم، با کمک افزونه Bubble Menu می توانیم یک منو دسترسی دایره ای زیبا به سایت وردپرسی مورد نظر خود اضافه کنیم.

 

ویژگی های افزونه Bubble Menu

حالا که به خوبی با امکانات این افزونه آشنا شدیم ، ویژگی های مهم افزونه Bubble Menu را با هم مرور می کنیم.

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

 

آموزش نصب افزونه Bubble Menu

نصب این پلاگین ، مانند افزونه های دیگر ، بسیار ساده انجام می شود. کافی است نام این افزونه را در مخزن افزونه های وردپرس جستجو نمائید ، سپس با نصب و فعالسازی آن یک گزینه جدید به پنل مدیریتی وردپرس شما اضافه می‌گردد. گزینه Wow-Company که به پیشخوان وردپرس اضافه می شود دارای دو زیر مجموعه می باشد. Get More برای مشاهده سایر افزونه های این شرکت است ، و گزینه bubble Menu برای مدیریت منو دایره ایی ها.

 

آموزش افزونه

 

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

برای ساخت منو دایره ای در وردپرس ، روی گزینه Bubble Menu کلیک کنید، تا به تنظیمات این افزونه هدایت شوید ، سپس روی گزینه Add New کلیک کنید تا یک منو دسترسی در وردپرس بسازیم.

 

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

 

  • Style: گزینه‌های مربوط به تعیین محل جایگیری منو دایره ایی در 4 موقعیت وب سایت ، به همراه انتخاب آیکون آن ارائه شده است.
  • Item: از این بخش حداقل 1 و حداکثر 5 آیتم زیر مجموعه را به همراه تنظیمات لینک‌دهی، آیکون، متن راهنما و… را می‌توان مدیریت کرد.

 

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

 

تنظیمات Style در افزونه ساخت منو دایره ایی

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

 

حائز اهمیت است که بدانید ، در بخش Position (پوزیشن یا موقعیت) می توانید محل جایگیری منو دایره ایی را تعیین کنید. مثالا (بالا چپ یا پایین چپ و .. ) علاوه بر آن ، در بخش Select Icon هم می توانید یک آیکون اصلی برای منوی حبابی(منو دایره ایی) انتخاب کنید. توجه داشته باشید که این آیکون روی گزینه اصلی قرار میگیره و برای زیر مجموعه های منو بعداً آیکون منحصر به فرد انتخاب می کنیم.

 

آموزش افزونه بابل منو

 

تنظیمات Item در افزونه منو حبابی (منو دایره ایی)

  • Item type: از منوی کشویی Item type باید نوع آن را مشخص کنیم.
  • Link: در این قسمت می توانید لینک مورد نظر خود را انتخاب کنید.
  • Select icon منو دایره ایی  : می توانید برای هر آیتم زیر مجموعه یک ، آیکون منحصر به فرد انتخاب کنید.
  • Tool toip: با فعال کردن این گزینه قادر خواهید بود متن راهنمای کوچکی را برای کاربر به نمایش بگذارید. زمانی که تعداد آیتم های مورد نظر خود را ساختید، روی دکمه Save (ذخیره) کلیک کنید تا تنظیمات انجام شوند.

 

به این مطلب امتیاز دهید

امتیاز کلی : 5 / 5. تعداد آرا : 1

اولین نفر باید که به این مطلب امتیاز میدهید

وبیت این پست توسط نگارش شده است.

معتقدم ، با اندگشتان آماده به تایپ و ذهن پر از ایده های ناب میتوانم دنیای خودم رو عوض کنم . محمدحسین هستم دانشجوی نرم افزار ، طراح وب سایت ، تولید کننده محتوای وبمستری و هر موضوعی در زمینه IT ، طراح رابط کاربری و تجربه کاربری و ...

در کانال وبیت عضو شو تا از آخرین اخبار ، آپدیت محصولات و تخفیف ها با خبر بشی ☺ عضویت در کانال تلگرام

اشترک گذاری

مقاله های پیشنهادی

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

ارسال نظر ( 0 نظر تایید )

نظرات پس از رویت و تایید مدیران نمایش داده می شود

هنوز نظری ثبت نشده است ، اولین نفری باشید که نظر میدهید !

همکاران وبیت