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

فهرست های رسپانسیو در وردپرس

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

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

responsive - فهرست های رسپانسیو در وردپرس

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

شروع کار

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

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

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

initial setup - فهرست های رسپانسیو در وردپرس

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

توضیحات

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

result 1 - فهرست های رسپانسیو در وردپرس

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

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

pro-فهرست های رسپانسیو در وردپرس

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

Menu

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

Button

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

Sub-Menus

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

Technical

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

Custom CSS و Header Bar و Single Menu

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

Import/Export

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

موفق باشید…

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

  ساخت جدول پیشرفته در وردپرس با افزونه Wp Data Tables + آموزش ویدئویی

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

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

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

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

مشاوره آموزشی رایگان
شما این فرصت را دارید، با تکمیل فرم زیر، قبل از انتخاب دوره آموزشی مناسب خود، از مشاوره رایگان کارشناسان آموزشی مجموعه همیار آکادمی استفاده نمائید.
 
مشاوران آموزشی
همیار آکادمی
پاسخگوی شما هستند
آیا این مقاله برای شما مفید بود؟
تقریبا
خیر

اگر می‌خواهید از آخرین و محبوب‌ترین مقالات ما در ایمیل خود مطلع شوید، همین الان ایمیل خود را در کادر زیر وارد کنید:

تعداد علاقه‌مندانی که تاکنون عضو خبرنامه ما شده‌اند:

330,851 نفر

پاسخی بگذارید

دیدگاه‌های این نوشته جدید ترین ها شاخص

  1. 1 سال عضو همیار وردپرس

    سلام ممنون از سایت خوبتون

    من یه قالبی برای سایت خودم طراحی کردم و دارم اونو تبدیل به وردپرس میکنم چجوری میتونم از این افزونه تو قالبم استفاده کنم

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

    مرسی

  3. 2 سال عضو همیار وردپرس

    من از این افزونه استفاده کردم.ولی هر کدوم از کلاس های css رو در جای مربوطه می گذارم،نوار منوی من پنهان نمیشه!لطفا راهنمایی ام کنید

    • 3 سال عضو همیار وردپرس

      این مشکل بخاطر قالب شما هستش
      ممکنه که پیش بیاد
      فقط میتونید به طور دستی یک breakpoint برای اون عرضی که میخواید منو مخفی بشه تعریف کنید و کد رو به فایل css قالب خودتون اضافه کنید.
      موفق باشید…

مطالب زیر را حتما بخوانید

دوره‌های آموزشی