ترفند: نمایش نام کاربر وارد شده در هدر سایت با المنتور

Share

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

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

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

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

با ما همراه باشید…

نمایش نام کاربر وارد شده در منو وردپرس

برای انجام این کار، نیاز به افزونه جانبی المنتور، یعنی افزونه Elementor Extras دارید. بعد از نصب و فعال سازی این افزونه به تنظیمات افزونه در تب المنتور رفته و در تب افزودنی ها گزینه شرابط نمایش یا Display Conditions را روشن کنید.

نمایش نام کاربر در منو وردپرس

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

نمایش نام کاربر در منو وردپرس

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

مخفی کردن دکمه ورود

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

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

نمایش نام کاربر در منو وردپرس

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

نمایش نام کاربر در منو وردپرس

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

نمایش نام کاربر در منو وردپرس

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

نمایش نام کاربر در منو وردپرس

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

نمایش نام کاربر در منو وردپرس

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

نمایش نام کاربر در منو وردپرس

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

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

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

امتیاز دهید

اشتراک گذاری

اشتراک گذاری در telegram
اشتراک گذاری در whatsapp
اشتراک گذاری در facebook
اشتراک گذاری در twitter
اشتراک گذاری در linkedin
اشتراک گذاری در email

آخرین مقالات

آخرین محصولات

آخرین محصولات

برچسب ها

لینک کوتاه

https://elementorfa.ir/?p=17094

Avatar
اکبر در 1:43 ب.ظ

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

پاسخ
المنتور فارسی
المنتور فارسی در 1:47 ب.ظ

سلام
خواهش میکنم بله حتما

پاسخ
Avatar
مصطفی عرب در 4:56 ب.ظ

با سلام و عرض ادب
ممنون از آموزشها
بسیار عالی بود

پاسخ
Kambiz Mohammady
Kambiz Mohammady در 1:23 ب.ظ

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

پاسخ
المنتور فارسی
المنتور فارسی در 1:49 ب.ظ

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

پاسخ
علی
علی در 11:10 ب.ظ

ممنون بابت آموزش های خوبتون.

پاسخ

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

1 × یک =

نیاز به کمک دارید؟ پیام دهید
  • بازگشت به کتابخانه

قالب های آماده جدید Travel Kit هم اکنون در افزونه المنتور پرو