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

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

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

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

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

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

تنظیم شرایط نمایش

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

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

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

مخفی کردن دکمه ورود برای کاربران وارد شده

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

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

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

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

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

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

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

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

نتیجه کار

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

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