تبلیغات تبلیغات
حراجی دامنه های ویژهمشاهده
Novin.com
تبلیغات
تبلیغات تبلیغات

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

افزونه ها , افزونه وردپرس

امروز در این مطلب از وردپرس‌یاد قصد معرفی افزونه‌ای را داریم که شما را در ساخت منو موبایل در وردپرس یاری نماید. پس همراه ما باشید. افزونه WP Mobile Menu یکی از بهترین افزونه‌ها برای ساخت منو موبایل رسپانسیو در وردپرس است. این افزونه وردپرس شما را در ساخت منویی زیبا و کارا یاری کرده و این امکان را برای شما فراهم می‌کند تا منو وبسایت وردپرسی خود را برای صفحات گوشی و تبلت به بهترین شکل ممکن بهینه سازی نمایید. با این آموزش وردپرس همراه باشید. 🙂

 

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

  • ایجاد منو واکنش‌گرا در سمت چپ و راست سایت.
  • امکان شخصی سازی کامل هدر.
  • امکان تعیین پس‌زمینه برای منوها.
  • امکان شخصی سازی کامل ظاهر منوها.
  • فونت‌های گوگل.

خب برای شروع ساخت منو موبایل در وردپرس ابتدا افزونه را از مخزن وردپرس یا انتهای همین مطلب دانلود کرده و از بخش افزونه‌ها > افزودن آن را نصب نمایید. پس از نصب افزونه گزینه‌ای در منو سمت راست پیشخوان مدیریت وردپرس با نام Mobile Menu Options ایجاد می‌شود. لطفا بر روی آن کلیک کنید.

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

پس از کلیک بر روی گزینه Mobile Menu Options وارد صفحه تنظیمات افرونه ساخت منو موبایل در وردپرس می‌شوید. این صفحه دارای تب‌های مختلفی است که به وسیله آن قادرید بخش‌های مختلف منو خود را شخصی سازی کنید.

 

بخش General Options ساخت منو وردپرس

در این بخش می‌توانید تنظیمات عمومی افزونه و منو وبسایت خود را پیکربندی نمایید. در ادامه بخش‌های مختلف آن را توضیح خواهم داد.

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

Mobile Menu Display Rules: با استفاده از این گزینه تعیین می‌کنید که منو موبایل مورد نظر شما در چه صفحه نمایشگرهایی قابل نمایش باشد. یعنی اگر این مقدار را برابر با ۱۰۲۴px قرار دهید. منو موبایل شما برای صفحه نمایش‌هایی از رزولوشین ۱۰۲۴px به پایین قابل نمایش خواهد بود. اگر هم برابر با ۵۰۰۰px قرار دهید برای همیشه قابل نمایش خواهد بود.

  • Enable Left Menu: فعال سازی منو سمت چپ.
  • Enable Right Menu: فعال سازی منو سمت راست.

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

Menu Display Type: این گزینه شیوه باز شدن منو موبایل را پیکربندی می‌کند. اگر شما گزینه Slideout Push Content را انتخاب کنید با باز شدن منو محتوای سایت نیز در جهت باز شدن آن حرکت می‌کند. اگر هم گزینه Slideout Over Content را انتخاب کنید منو مورد نظر شما بر روی محتوای سایت شما باز خواهد شد.

  • Menu Items Border Size: با استفاده از این گزینه حاشیه‌ای در اطراف هر گزینه در منو ایجاد می‌شود.
  • Close Icons: انتخاب آیکون بستن منو موبایل.
  • Submenu Open Menu: انتخاب آیکون باز کردن ساب منوها.
  • Submenu Close Icon: انتخاب آیکون بستن ساب منوها.

بخش Header منو رسپانسیو موبایل

این بخش دارای سه قسمت کلی Main Options، Logo Options و Header Options می‌باشد. در ادامه توضیحات هر بخش را خدمتتان عرض میکنم.

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

  • Sticky Header: با فعال کردن این گزینه قابلیت هدر چسبان به وبسایت شما اضافه خواهد شد.
  • Naked Header: فعال کردن این گزینه باعث می‌شود که بکراند هدر شما از بین برود.
  • Disable Logo/Text: فعال بود این گزینه هم باعث عدم نمایش متن و لوگو در هدر می‌شود.

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

در قسمت Logo options تنظیمات مربوط به لوگو و عنوان سایت شما قابل پیکربندی می‌باشد. در بخش Site Logo می‌توانید به راحتی تعیین کنید که عنوان سایت شما در هدر نمایش داده شود یا لوگو مورد نظرتون. لوگو خودتون رو هم میتونید از بخش Logo انتخاب و ارتفاع آن را نیز در بخش Logo Height تنظیم کنید.

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

در قسمت Header options نیز می‌توانید تنظیمات مربوط به هدر از جمله ارتفاع و عنوان هدر و موقعیت، میزان فاصله از چپ و راست و نوع فونت عنوان هدر را به ترتیب پیکربندی نمایید.

 

بخش Right Menu و Left Menu منوی سایت برای موبایل

تنظیمات هر دو بخش منوی سمت راست و چپ شبیه به هم هست. در این آموزش ساخت منو موبایل در وردپرس صرفا به منو سمت راست خواهیم پرداخت.

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

در این صفحه ابتدا منویی که می‌خواهید در بخش راست صفحه نمایش دهید را از بخش Right Menu انتخاب کنید. گزینه‌های Parent Link open submenu و Parent Link open submenu (2nd Level) برای غیرفعال سازی لینک عنوان‌هایی که داری ساب‌منو هستند می‌باشد.

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

در قسمت Right Panel Options تنظیمات مربوط به پس‌زمینه و اندازه منو را قادرید به راحتی پیکربندی نمایید. در ادامه گزینه‌های آن را توضیح خواهم داد.

  • Panel Background Image: تصویر مورد نظر خود را از این بخش انتخاب کنید.
  • Panel Background Image Opacity: وضوح تصویر خود را از این بخش تنظیم کنید.
  • Panel Background Image Size: از این بخش نوع تصویر پس‌زمینه خود را تعیین کنید.
  • Panel Background Gradient Css: در این قسمت با استفاده از کد css به راحتی خاصیت گرادیانت را به آن اضافه کنید. می‌توانید از کد css زیر استفاده نمایید.
background-image: linear-gradient(#e74c3c, #e67e22);

اندازه عرض منو، فاصله نوشته‌های درون منو از حاشیه و نیز تنظیمات مربوط به فونت را نیز در ادامه این بخش می‌توانید به راحتی پیکربندی نمایید. در پایان بر روی گزینه Save Changes کلیک کنید.

 

بخش Colors

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

 

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

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

این مقاله چقدر براتون مفید بود؟

از ۱ تا ۵ امتیاز بدید.

میانگین رتبه 0 / 5. تعداد رای : 0

تا حالا کسی رای نداده! اولین نفر شما باشید.

دانلود نسخه : 2.7.3

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 افزونه ها , افزونه وردپرس
لینک کوتاه مطلب : https://www.20script.ir/?p=44339
کلمات کلیدی پست :
مطالب مرتبط
6,512آموزش تست افزونه‌های وردپرس تاریخ : 2019/07/8
6,684افزونه برای ایجاد تقویم در وردپرس Sugar Event Calendar تاریخ : 2018/11/16
9,288تخمین زمان خواندن مطالب در وردپرس با افزونه Reading Time WP تاریخ : 2017/10/24
8,297افزونه مشاهده و خواندن آنلاین فایل های PDF در وردپرس با PDF viewer تاریخ : 2015/09/23
7,826افزونه فارسی وردپرس مشاهده مطالب در ازای عضویت در خبرنامه تاریخ : 2013/12/17
8,246ایجاد تب های ریسپانسیو در وردپرس با افزونه Tabby Responsive Tabs تاریخ : 2017/11/30
11,123افزونه مدیریت حرفه ای تبلیغات WP PRO Advertising System نسخه 4.3.1 تاریخ : 2015/02/19
6,900سیستم عضویت و مدیریت کاربرن با افزونه پیشرفته Membership 2 Pro تاریخ : 2018/06/7
9,250نمایش مطالب خوانده نشده در وردپرس با افزونه Unread Posts تاریخ : 2017/07/2
2,092افزونه Readabler – افزونه بهبود دسترسی پذیری مقالات و محتوای وردپرس تاریخ : 2022/04/25
7,415افزونه وردپرس چت و گفتگوی آنلاین 82 Live Chat تاریخ : 2017/02/5
7,332افزایش امکانات صفحه ساز Beaver Builder Pro با افزونه Beaver Themer تاریخ : 2018/09/20
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
بیست اسکریپت
اسکریپت
profile
sourceforge
profile webmaster
profile check
checker list
checker
checker
upload file
تبلیغات