ساخت فهرست های رسپانسیو در وردپرس با Responsive Menu

بروز رسانی در تاریخ 18 تیر 1396
منوهای کشویی در حقیقت فهرست های رسپانسیو در وردپرس و مدرنی هستند که امروزه در اکثر قالب های حرفه ای قابل مشاهده اند.اگر می خواهید سایت متفاوتی را داشته باشید و یا اگر می خواهید منوهای سایت شما در تمامی صفحه نمایش ها به خوبی نمایش داده شود و واکنش نشان دهد حتما از فهرست های کشویی در سایت وردپرسی خودتان استفاده کنید.
در این نوشته از همیار وردپرس باز هم به معرفی افزونه ای برای انجام چنین کاری می پردازیم که به راحتی با استفاده از آن می توانید فهرست های سایت خودتان را رسپانسیو و کشویی کنید و تجربه ی کاربری خوبی را برای کاربر ایجاد کنید.
توجه: اگر قالب شما دارای منوهای واکنشگرا است نیازی به استفاده از این افزونه ندارید اما اگر میخواهید منوهای شما کشویی باشند می توانید از این افزونه استفاده کنید.

فهرست های رسپانسیو در وردپرس با Responsive Menu

افزونه ی Responsive Menuکارکرد بسیار ساده ای دارد زیرا اکثر آپشن های آن مربوط به بخش پرمیوم می باشد. اما نگران نباشید از بخش رایگان آن هم می توان فهرست های رسپانسیو در وردپرس ایجاد کنید، در ادامه با ما همراه باشید…

شروع کار

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

افزودن خاصیت کشویی به یک فهرست

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

طبق تصویر بالا در فیلد اول باید عرضی را مشخص کنید که کوچکتر از آن عرض صفحه ی نمایش منوی شما تبدیل به فهرست های رسپانسیو در وردپرس شود و منوی اصلی مخفی شود(کاربر نتواند آن را ببیند). که در اینجا ما آن را 800 پیکسل تنظیم کرده ایم(یعنی اگر عرض صفحه ی نمایش کاربر کوچکتر از 800 پیکسل باشد منوی کشویی برای آن فعال خواهد شد).
در فیلد دوم هم منوی مورد نظرتان را که میخواهید بصورت کشویی شود را انتخاب کنید.
در فیلد سوم هم باید id و یا class منویی که میخواهید مخفی شود را قرار دهید(باید کمی با کدهای css آشنایی داشته باشید).

توضیحات

اگر تنظیمات این بخش را متوجه نشده اید به توضیحات توجه کنید:
کاربری با عرض صفحه ی نمایش 400 پیکسل وارد سایت شما می شود پس منوی مورد نظرتان طبق این افزونه باید مخفی و کشویی شود. حال باید منویی را که از قبل در جای مشخص خودش بوده است را پنهان کنیم و این کار را با دادن id و یا class منوی اصلی به فیلد سوم(CSS of Menu to Hide) تصویر بالا انجام می دهیم.
بعد از انجام تنظیمات بالا می توانید در خروجی منوی کشویی که ایجاد کردید را مشاهده کنید(قبل از مشاهده عرض صفحه ی نمایش خودتان را کوچکتر از 800پیکسل کنید تا منوی کشویی فعال شود).

آپشن های افزونه

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

در هر قسمت از آپشن ها اگر pro را دیدید آن آپشن برای بخش پرمیوم و اگر Semi pro را مشاهده کردید آن بخش رایگان می باشد و می توانید از آن به راحتی استفاده کنید و آن قسمت را شخصی سازی کنید.

Menu

این تب تنظیمات کلی را برای فهرست های رسپانسیو در وردپرس مورد نظر در اختیارتان قرار میدهد و می توانید تنظیمات کلی مثل انیمیشنی که منو با آن ایجاد می شود و سایز منو و… را برای این قسمت انجام دهید.

Button

تنظیمات مربوط به دکمه ای که با آن فهرست های رسپانسیو در وردپرس ایجاد می شود را در بر دارد و می توانید انیمیشن، سایز، رنگ بگراند و.. را برای آن تنظیم کنید.

Sub-Menus

این تب مربوط به زیر منوها می باشد و فقط تنظیم کردن رنگ های مربوط به این بخش رایگان هستند و بقیه برای بخش پرمیوم افزونه است.

Technical

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

Custom CSS و Header Bar و Single Menu

این سه بخش هم به طور کامل برای نسخه ی پرمیوم افزونه می باشند.

Import/Export

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

موفق باشید…

ویدئوی آموزشی

دانلود ویدئوی آموزشی

دانلود افزونه Responsive Menu

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