این آموزش برای اینه که یاد بگیریم چطوری مگا منوی چند ستونی در المنتور با جت منو بسازیم!
ادان جت منو پلاگینی با کاربرد آسانه که برای سفارشی سازی منوی وب سایت و ساخت یک مگا منو با المنتور کاملا مناسبه.
یعنی شما میتونین یک مگا منو با هر مدل ساختار لازم، مثل تعداد ستون ها، بخش های داخلی و مطمئناً هر ابزارکی ایجاد کنین.
در این آموزش، ما یاد میگیریم که چطوری یک مگا منوی چند ستونه با استفاده از پلاگین جت منو برای المنتور ایجاد کنیم.
بیا شروع کنیم!
تنظیمات اولیه در داشبورد وردپرس
قبلا یادگرفتیم که چطوری مگا منو بسازیم، حالا برای مگامنوی چند ستونه باید این بهتون بگم که برای هر ستون منوی جداگانه میخوایم.
خب، مرحله به مرحله با هم جلو بریم:
مرحله اول: تنظیمات داشبورد وردپرس
بنابراین، به وردپرس > نمایش > فهرستها برید و ایجاد یک منوی جدید رو کلیک کنین، منو رو برای ویرایش و نامگذاری انتخاب کنین.
مرحله دوم: فعال کردن جت منو برای مکان جاری
در قسمت تنظیمات منو، در انتهای این صفحه، مکان نمایش رو انتخاب کنید و JetMenu رو فعال کنین، فراموش نکنین که دکمه Save رو فشار بدین.
مرحله سوم: اضافه کردن آیتمهای منو
هر چیزی که میخواین در منو نشون داده بشه، دسته ها، نوشته ها، برگه ها، پیوندهای سفارشی و … رو اضافه کنین و بعد منو رو ذخیره کنین.
به همین ترتیب برای هر ستون یک منو ایجاد کنین مثلا اگه در یکی از عناوین هدر میخواین سه ستون داشته باشین، سه تا منو براش ایجاد کنین.
ویجت مگا منوی عمودی رو اضافه کنین
برای نمایش ستونهامون بطرظ صحیح باید از ویجت مگامنوی عمودی استفاده کنیم. خب بریم مراحل نهایی طراحی مگامنوی چند ستونه رو ببینیم:
مرحله اول: تنظیمات در داشبورد وردپرس
بریم به قسمت منوها در وردپرس و منوی موردنظر که میخوایم از منوی اصلی ستونها باشه انتخاب کنین.
مرحله دوم: از قسمت تنظیمات جت منو
منوی اصلی رو فعال کنین و بر روی هر آیتم از منو برین و روی جت منو کلیک کنین. رو فعال کنین و ویرایش محتوای آیتم مگا منو رو کلیک کنین.
مرحله سوم: اضافه کردن سه بخش
ما تصمیم گرفتیم مگامنوی سه ستونه داشته باشیم، پس باید به همون تعداد بخش بسازیم و ابزارک مگا منوی عمودی رو به هر قسمت اضافه کنیم. فقط “+” را کلیک کنید و بخش سه ستونی رو انتخاب کنین.
به عنوان مثال، در منوی سرویسها، میخوایم ستون هایی مثل پایه، استاندارد و پرو داشته باشیم.
مرحله چهارم: درج ویجت مگا منوی عمودی
مرحله بعدی افزودن ویجت مگا منوی عمودی در هر ستونه. بعد هم منوی موردنظر اون ویجت رو در ویرایشگر المنتور انتخاب کنین.
توضیحات بیشتر برای درک بهتر شما:
ما سه تا منو ایجاد کردیم که باید با استفاده از ویجت مگا منوی عمودی نمایش داده بشن. بنابراین، در بخش ویرایش المنتور منوهایی رو که آماده کردیم انتخاب میکنیم.
به عنوان مثال، در ستونی به نام پایه، منوی اول رو انتخاب کردیم. برای دو ستون بقیه، همان اقدامات رو تکرار کردیم.
شما میتوانید برای هر ستون یک عنوان هم اضافه کنین، ما عنوانها رو عنوان Basic ، Extended و Pro گذاشتیم. ببینید پس از تنظیم هر ستون چه چیزی داریم:
مرحله پنجم: به ستونها استایل بدین هر جور که دلتون میخواد.
مرحله ششم: ذخیره و بروزرسانی
همینجوری پنجره رو نبندین یادتون باشه که ذخیره کنین.
خب نتیجه کارمون رو ببینیم:
چقدر خوب که حالا شما میدونین چطوری میشه با کمک پلاگین JetMenu یک منوی بزرگ با چندین ستونه ایجاد کنین.
برای یک طراحی زیبا و بی دردسر کیت الگوی شرکتی ما رو بعنوان نمونه ببینین.