آموزش طراحی منو کاربری در سربرگ با استفاده از المنتور

اشتراک گذاری در telegram
اشتراک گذاری در whatsapp
اشتراک گذاری در facebook
اشتراک گذاری در twitter
اشتراک گذاری در linkedin
اشتراک گذاری در email
اشتراک گذاری در print
منو کاربری در المنتور
پخش ویدیو

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

پنل کاربری در المنتور

در این آموزش قصد داریم تا با استفاده از افزونه صفحه ساز المنتور منو کاربری را طراحی کنیم.

پیش نیاز ها

پیش نیازهای انجام آموزش طراحی منو کاربری:

پیش نیاز 1: آموزش طراحی سربرگ با المنتور

پیش نیاز 2: آموزش نمایش نام کاربر وارد شده در هدر سایت با المنتور

همچنین برای اجرای این آموزش به افزونه های زیر نیاز داریم:

طراحی منو کاربری در سربرگ

ویرایش سربرگ طراحی شده با المنتور

ابتدا به سربرگ سایت رفته و دکمه ویرایش با المنتور را بزنید. سپس از بین ویجت های المنتور، ویجت دراپ بار با پیدا کنید. این ویجت بعد از نصب افزونه Element Pack اضافه خواهد شد.

پنل کاربری در المنتور

سپس این ویجت را در جایگاه مورد نظر، در سربرگ قرار دهید.

روی ویجت دراپ بار کلیک کرده و گزینه انتخاب منبع را روی الگو المنتور قرار دهید.

پنل کاربری در المنتور

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

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

ایجاد قالب جدید

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

پنل کاربری در المنتور

طراحی محتوای داخلی

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

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

پنل کاربری در المنتور

قرار دادن محتوای منو در سربرگ

حالا باید به سربرگ خود بازگردید و این الگو را به ویجت دراپ بار اختصاص دهید.

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

پنل کاربری در المنتور

سفارشی سازی دکمه منو

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

سپس از بین لیست، گزینه اطلاعات کاربر را انتخاب کنید.

پنل کاربری در المنتور

روی آیکون آچار کلیک کرده تا منو تنظیمات باز شود، در ادامه روی گزینه نام نمایش کلیک کنید.

پنل کاربری در المنتور

بعد از انجام مراحل بالا، متن دکمه منو به نام کاربر تغییر پیدا می کند. همچنین می توانید از تب استایل، رنگ دکمه را سفارشی سازی کنید.

پنل کاربری در المنتور

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

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

صحبت نهایی + دانلود فایل های اجرایی

در نهایت با انجام مراحل بالا، منوی کاربر به شکل زیر نمایش داده خواهد شد.

در ادامه می توانید فایل قالب محتوای منو کاربری را از طریق لینک زیر دانلود کنید.

دانلود فایل اجرایی

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

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

045-microphone

مدرس :
محمدرضا احمدزاده

013-globe

سطح آموزش :
متوسط

035-essay

زمان آموزش :
10 دقیقه

فهرست مطالب

mahdi
mahdi در 18:24

سلام چرا اکسرا المنتور برای من با شما فرق دارد

پاسخ
المنتور فارسی
المنتور فارسی در 18:44

با سلام
اگر آخرین نسخه نصب باشد، تمامی امکانات داخل آموزش هست.

پاسخ
امیرحسین عقیقی
امیرحسین عقیقی در 23:36

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

پاسخ
المنتور فارسی
المنتور فارسی در 23:40

با سلام
از تب پیشرفته ویجت دراپ بار، مقدار ایندکس Z را روی 999 قرار بدید.

پاسخ
امیرحسین عقیقی
امیرحسین عقیقی در 00:12

سلام ، متاسفانه کار نکرد.

پاسخ
امیرحسین عقیقی
امیرحسین عقیقی در 00:34

سلام ، ایدنکس z سکشن سربرگ رو 999 قرار دادم درست شد 🙂

پاسخ
Avatar
احسان در 14:36

پیش نمایش رو چرا اما تو قسمت تمپلیت ها که میرم یه تعداد تمپلیت فریز شده و تغییری نمیکنه حتی وقتی حذفشون که میکنم اسم تمپلیت های حذف شده میمونه

پاسخ
المنتور فارسی
المنتور فارسی در 14:38

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

پاسخ
Avatar
احسان در 14:19

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

پاسخ
المنتور فارسی
المنتور فارسی در 14:24

با سلام
به صورت عادی هم پیش نمایش قالب را میزنید نمایش نمی دهد ؟

پاسخ
Avatar
Sam در 00:10

سلام وقت بخیر.
1.فرق این دراپ بار با المانهای لاگین و رجیستر افزونه المنت پک چی هست؟ چون المان لاگین المنت پک دقیقا همین کار رو میکنه و نیاز به ساخت قالب جدا نداره!

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

ممنونم.

پاسخ
المنتور فارسی
المنتور فارسی در 00:14

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

پاسخ
Avatar
احسان در 01:45

خیلی خوب بود
فقط یک سوال : داخل عکس ماقبل آخر مقاله کنار دراپ کاربری، دکمه ورود و ثبت نام هم بود اما توی تصویر آخر نبود
چطور میشه این را اجرا کرد
یعنی دکمه‌ ورود و ثبت نام پس از ورود کاربر دیگه نمایش داده نشود

پاسخ
المنتور فارسی
المنتور فارسی در 01:47

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

پاسخ
مهدی
مهدی در 18:08

عالی عالی عالی
این بنظرم جز حرفه ای ترین کارهایی که میشه با المنتور به راحتی انجام داد و از شما هم تشکر می کنم

پاسخ
المنتور فارسی
المنتور فارسی در 18:11

بله قابلیت های بسیاری خوبی داره که میشه استفاده کرد.

پاسخ

نظرات ارزشمند خود را به اشتراک بگذارید

نیاز به کمک دارید؟ پیام دهید