آموزش رایگان طراحی منو ناوبری موبایل با المنتور (طراحی قالب با المنتور وردپرس - قسمت دوازدهم)

افزونه های مورد نیاز:

• المنتور
• المنتور پرو

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

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

بعد از آن باید حالت واکنشگر را روی موبایل قرار داده و عرض هر چهار ستون را روی 25 قرار دهیم.

حالا باید محتوایی که می خواهیم درون هر ستون نمایش داده شود را وارد کنیم. برای مثال ما از یک آیکون و یک سربرگ استفاده کردیم. در مرحله بعد باید روی بخش(سکشن) آن کلیک کرده و از قسمت پیشرفته، تب واکنشگرا، گزینه مخفی سازی در دسکتاپ و تبلت را فعال کنیم تا فقط در حالت موبایل نمایش داده شوند.

حالا منو ناوبری ما آماده شده و می توانیم در حالت موبایل آن را مشاهده کنیم. باز هم اگر مشکلی بود در قسمت نظرات منتظر سوالات شما هستیم.