آموزش تنظیم مگا منو در فهرست وردپرس

آموزش تنظیم مگا منو در فهرست وردپرس

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

تنظیم مگا منو در فهرست وردپرس برای قالب هایی که این قابلیت رو دارن

مگا منو چیست ؟

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

mega menu چه مزایایی داره ؟

چگونه مگا منو درست کنیم ؟

پشتیبانی قالب وردپرس از مگا منو …

مگا منو ها امروزه در اکثر قالب های حرفه ای وجود دارن که اکثر نحوه کار کردن و چیدمانشون شبیه به هم هست در این آموزش با مثال یکی از قالب های موجود در بخش قالب های ویژه سایت آموزش جلو میریم , قبلا در رابطه با ساخت منو و تنظیم فهرست ها در وردپرس صحبت کردیم که حالت پیش فرض رو دنبال نمی کنه و قابلیت زیر منو یا کشویی و چیدمان ساده ای رو میشه به بخشی که قالبمون پشتیبانی می کنه منو رو نمایش بدیم ساخت و تعریف منو دلخواه در وردپرس هم اموزشی هست که قبلا برای کدنویسی بخش منو ارائه دادیم.

خوب بریم سراغ مگا منو ( Mega Menu ) این تصاویر استفاده شده از محیط قالب وردپرس انفولد گرفته شده , خوب ابتدا در قسمت مدیریت وردپرس گزینه نمایش » فهرست رو بزنید در اینجا ابتدا به همون روش ساده میشه منو هایی که نمی خوایم حالت mega menu داشته باشه رو ایجاد می کنیم که کار خاصی لازم نداره. اما برای مگا منو به تصویر زیر دقت کنید.

تصویر شماره 1

در تصویر بالا همون طور که می بینید اومدیم یک منو مادر تعریف کردیم به نام مگا منو برای مگا منو 4 زیر مجموعه در نظر گرفتیم ( ستون 1 تا 4 ) و برای هر ستون 4 زیر مجموعه دیگه در نظر گرفتیم خوب تا اینجای کار فقط چیدمان رو در ست کردیم وقتی قالب دارای امکان مگا منو باشه در همین قسمت گزینه ای  خواهد داشت تا بتونیم مشخص کنیم که این منویی که با این چیدمان درست کردیم به صورت mega menu نمایش داده بشه. برای این کار باید بریم سراغ منو مادر یعنی مگا منوی بالایی در سمت چپش یک فلش رو به پایین داریم روی اون کلیک کنید تا جزئیات مربوط به اون منو باز بشه در این قسمت نشخص خواهد شد که حالت مگا منو شما چه امکانات و قابلیت هایی داره. تصویر زیر رو ببینید

آموزش تنظیم مگا منو در فهرست وردپرس

همون طور که در تصویر بالا مشخص شده این قالب دارای گزینه ای به نام use as mega menu که ممکنه این گزینه در انواع قالب ها نام متفاوتی داشته باشه و حتی محیطش هم متفاوت باشه اما خوب به همین صورت فعال میشن , در بالا چیدمان شد مگا منو / 4 زیر منو ستون های 1 تا 4 / و هر دوم دوباره 4 زیر منوی دیگه که این تعداد می تونه دلخواه باشه. اگه تیک گزینه مربوط به use as mega menu رو نزنیم به حالت معمولی تو سایت نمایش داده میشه اما با تیک زدن این گزینه به قالب میگیم بیا این طرح رو به صورت مگا منو نمایش بده و در پایان کار فهرست رو ذخیره می کنیم به این صورت ما منو رو با موفقیت در وردپرس ایجاد کردیم و تصویر نهایی به شکل زیر میشه.

آموزش تنظیم مگا منو در فهرست وردپرس

مگا منو در فهرست وردپرس

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

خوب گفتیم که چیدمان برای همه قالب ها یکی هست این برای حالتی هست که طراح قالب بیاد این امکان رو داخل قالب وردپرس کدنویسی کنه و با کدهای css این قابلیت رو به پوسته طراحی شدش اضافه کنه , اما برخی طراحان هستن که میان از افزونه خاصی برای قابلیت mega menu در طرحشون استفاده می کنن مثل قالب فروشگاهی وردپرس blaszok که به این صورت هست.

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

اکثر قالب هایی که در بخش قالب های حرفه ای وردپرس منتشر شده دارای قابلیت مگا منو می باشند.

یک پینگ

  1. پینگ‌بک: آموزش تنظیم مگا منو در فهرست وردپرس

یک نظر

  1. کوروش

    سلام
    میخواستم ببینم در قالب انفولد چطوری میتونم از تصاویر در مگامنو استفاده کنم؟یا از نقشه؟

  2. aminpour

    سلام
    من از وردپرس 4.9.8 در حال اجرا با پوسته‌ی betheme.
    استفاده می کنم ولی در فهرست ها “صفت عنوان” ندارم
    لطفا راهنمایی بفرمایید

  3. رحیم بوکانی

    مرسی از راهنمایی هاتون
    ببخشید نمیشه اون 2 ستون رو بیشتر کرد یعنی هیچ راهی وجود نداره؟

  4. هادی قربانی

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

  5. رحیم بوکانی

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

  6. هادی قربانی

    این قابلیت رو باید قالب داشته باشه دوست عزیز
    اگر قالبتون این امکان رو به شما نمیده می تونید از افزونه های پیشرفته مگا منو استفاده کنید چیزی که نیازتون رو برطرف کنه

  7. میثم

    با سلام و وقت بخیر؛
    چطوری میشه کنار مگامنو عکس قرار بدیم؟
    یعنی وقتی منو رو باز میکنیدکنار هر لینک یه عکسی وجود داشته باشه.
    ممنونم

  8. امیر

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

  9. هادی قربانی

    باید قالبتون از این ناحیه منو پشتیبانی بکنه/توی قالب صحیفه باید با کدنویسی اختصاصی درستش بکنید
    باید کدنویسی css بلد باشید.

  10. هادی قربانی

    این مشکل بدلیل ناسازگار مگامنو با سایتتون هست برای رفعش از یک افزونه دیگر برای مگامنو استفاده بکنید که با قالب سازگاری داشته باشه

  11. علی حسینی

    با سلام
    من می خوام از مگامنو در سایت فروشگاهی از پوسته endfold استفاده می کنم وقتی مگا منو رو نصب می کنم قسمت منو بالا بهم میریزه و صفحه اصلی سایتم هم یه ستون کناری میگیره باید چیکار کنم .

  12. رامین

    با سلام لطفا توضیحی در مورد اینکه چگونه منوها رو کاملا به گوشه های قالب ببرم در قالب صحیفه وقتی به صورت تمام صفحه است ممنون میشم راهنماییم کنید

  13. حامد

    سلام
    من قالبی رو خریداری کرده ام و بعضی برگه هاش رو پاک کردم. الان منوی من سمت راست سایت قرار می گیره. چطور می تونم منو رو به وسط صفحح ببرم؟
    ممنون

  14. مهران

    با سلام و تشکر از توضیحات مفیدتون
    درباره کارکردن با مگا منو ها در قالب بلازوک میشه بیشتر توضیح بدهید یا اینکه مرجعی رو معرفی کنید؟
    آیا تو این قالب نیازی به خرید افزونه مگا منو نیست ؟
    تو ابزارک این قالب ابزاری بنام JQuery Mega Menu وجود داره که محتویاتش شبیه به عکس شما نیست ، آیا باید دنبال ابزارک دیگه ای باشم ؟

    با تشکر

  15. راهنمای سفر شیراز

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

  16. توحید

    قالب من تیک مگا منو نداره چکار کنم تو قسمت ابزارک منوی تاگل هست با اون درست کنم؟؟

  17. هادی قربانی

    تشخیص خودکار ندیدم اما اگر بخوایم بنا به موضوع سایتمون کلمات کلیدی که ممکنه زیاد داخل مطالب تکرار بشن و مهم ترین کلمات سایت هستن رو مشخص کنیم به این صورت که هر بار کلمه فیلم تکرار شد لینکش کنه به موضوع خاص. برای این کار لینک های زیر رو ببینید
    لینک کردن خودکار کلمات

    لینک دار کردن خودکار کلمات کلیدی

    سئو خودکار لینک با افزونه SEO Smart Links

  18. omid

    سلام
    یه سوال دارم که از خیلی ها پرسیدم و بلد نبودند.
    چطور میشه تو سای قابلیتی ایجاد کرد که قابلیت تگ دهی اتوماتیک داشه باشه؟
    توضیح بیشتر: مثلا ما یه متن طولانی داریم کا داخلش چند تا کلمه مهم داریم : مثل فیلم ، عکس ، بالیوود ؛ جشنواره ، کمدی و …. اگه بخوایم کاری کنیم که مثلا کلمه بالیوود تبدیل به یه تک بشه و وقتی روش کلیک می کنیم به صفحه ای منتقل شویم که موضوعاتی داخلش باشن که توشون کلمه بالیوود وجود داره ، چیکار باید بکنیم . منظورم اینه که بتونیم کلمات خاصی رو در داخل متن تبدیل به برچسب کنیم چیکار باید بکنیم. چون دیدم سایت خودتون این قابلیت رو داره پرسیدم.ممنون میشم راهنمایی ام کنین.
    البته ببخشید اگه اینجا جای این سوال نبود . ولی لطفا کمکم کنید . چون تعریف سایتتون رو از دوستام شنیده بودم اومدم اینجا

  19. هادی قربانی

    داخل پست به اموزش ساخت منو اشاره شده وارد اون لینک بشید تصویری توضیح داده شده

  20. ds fans

    سلام
    مینوی ویرایش => فهرست رو که گفتین پیدا نکردم لطفا یهعکسی ازش بزارین یه سکرین شات .
    منتظر جوابم

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *