مرکز پروژه های اماده فـــول ای پــی اس ایجاد منو چرخشی در وردپرس | فــــــول ای پـــــــی اس - مرجع آموزشات وردپرس
فروشگاه قالب وردپرس آنلاینر | قالب وردپرس | قالب رایگان وردپرس
ضمانت بازگشت
فایل های تست شده
پرداخت آنلاین
تضمین کیفیت
دانلود فوری
تبلیغات

تبلیغات

فروشگاه زولا

فروشگاه زولا

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

ایجاد منو چرخشی در وردپرس

ایجاد منو چرخشی در وردپرس

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

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

ساخت منو در وردپرس به صورت چرخشی

 

به کمک افزونه Bubble Menu می توانید طراحی منوی چرخشی را شروع کنید.

این افزونه یکی از طرح های مجموعه عظیم Wow-Company است. و با آخرین نسخه وردپرس سازگار می باشد. این منوها بیشتر به منظور دسترسی به بخش های خاص یا تماس و پشتیبانی استفاده می شوند.

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

برای شروع، افزونه Bubble Menu را از انتهای صفحه دانلود کنید. سپس در پنل مدیریتی وردپرس به مسیر افزونه ها > افزودن رجوع کرده. اقدام به نصب و فعال سازی افزونه کنید. پس از نصب و فعال سازی منوی جدیدی به نام Wow-Company به پنل مدیریتی وردپرس اضافه خواهد شد.

ساخت منو در وردپرس به صورت چرخشی

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

برای شروع طراحی و ساخت منو در وردپرس به زیر منوی دوم یا Bubble Menu رجوع کنید. سپس به صفحه ای مشابه تصویر زیر هدایت خواهید شد. بر روی دکمه Add new کلیک کنید.

ساخت منو در وردپرس به صورت چرخشی یا حبابی

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

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

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

style: در این بخش می توان موقعیت و محل قرار گیری منوی چرخشی را تعیین کرد.

item: در منوی حبابی قادر به تعبیه ۵ آیتم هستید. در هر بخش آیکون، نام، لینک و … برای هر آیتم را تنظیم می کنید.

بخش style

در این بخش قادر به تنظیم موقعیت منوی حبابی در یکی از چهار گوشه صفحه خواهید بود. به ترتیب:

  • بالا سمت چپ
  • بالا سمت راست
  • پایین سمت راست
  • پایین سمت چپ

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

پس از انتخاب موقعیت قرار گیری موی چرخشی یا حبابی، به بخش item ها رجوع کنید.

بخش item

افزونه Bubble Menu

با توجه به توضیحات زیر، جهت ساخت منو در وردپرس به ترتیب ۵ آیتم خود را تعریف کنید.

Item type: نوع آیتم که به صورت یک لینک است.

Link: آدرس مورد نظر خود را جهت لینک به آیتم جاری وارد کنید.

Select icon: آیکن مورد نظر خود را برای آیتم جاری انتخاب کنید.

Tool toip: در این قسمت قادر به نوشتن توضیح یا اسم مختصری برای آیتم خود خواهید بود.

پس  تنظیم آیتم های خود بر روی دکمه Save کلیک کنید. (تعداد آیتم های منوی حبابی به صورت دلخواه است. شما می توانید بین ۱ تا ۵ آیتم داشته باشید.)

با رجوع به سربرگ List قادر به مشاهده، ویرایش، کپی و حذف منوی حبابی یا دایره ای خود هستید.

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

در نهایت با رجوع به سایت وردپرسی خود، منوی فرعی یا همان منوی چرخشی را با آیتم های تعیین شده مشاهده خواهید کرد!

نتیجه نهایی

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

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

به همین سادگی توانستیم یک منو چرخشی زیبا و کارامد ایجاد کنیم!

امیدواریم این اموزش کارامد واقع شده باشد و لذت برده باشید!

 

برای دانلود رایگان افزونه روی دکمه ی زیر کلیک کنید:

به این پست امتیاز دهید.
فروشگاه قالب وردپرس آنلاینر | قالب وردپرس | قالب رایگان وردپرس
بازدید : 48 views بار دسته بندی : آموزش ، مقالات رایگان ، مقالات وردپرس تاريخ : ۳۰ آبان ۱۳۹۶ به اشتراک بگذارید :
دیدگاه کاربران
    • دیدگاه ارسال شده توسط شما ، پس از تایید توسط مدیران سایت منتشر خواهد شد.
    • دیدگاهی که به غیر از زبان فارسی یا غیر مرتبط با مطلب باشد منتشر نخواهد شد.