سلام دوست عزیزم امیدوارم روز خوبی داشته باشی🤩 در این مطلب می خواهیم در خصوص نمایش دادن یا مخفی کردن المان برای کاربران عضو نشده سایت صحبت کنیم.پس تا انتهای این مطلب همراه ما باشید.
چند روز گذشته یکی از قالب های وردپرس رو نصب کردیم تا یک سایت آموزشی را راه اندازی کنیم و تصمیم گرفتیم که در هدر سایت دو دکمه داشته باشیم،دکمه اول مربوط به دکمه ورود به سایت باشد و فقط به کاربرانی نمایش بدهد که هنوز وارد سایت نشده اند و دکمه دوم،دکمه ورود به پیشخوان باشد و در صورتی که کاربر عضو سایت شده باشد این دکمه به آن نمایش داده شود.
قبلا اگر قرار بود این کار را پیاده سازی کنیم شاید نیاز می شد که از طریق کد های CSS این قابلیت را اعمال کنیم و با حالت های نمایش این دکمه ها بازی کنیم اما به لطف افزونه elementor ما به راحتی می توانیم این کار را پیاده سازی کنیم.
برای این کار کافی است تا المنتور پرو را نصب کنید،با کمی سرچ در اینترنت می توانید نسخه کرک شده این افزونه را که دوستان ایرانی زحمت این کار را کشیده اند❌ را دانلود کنید.(البته استفاده از افزونه ها و قالب های کرک شده اصلا پیشنهاد نمیشه)
نمایش دادن یا مخفی کردن المان برای کاربران عضو نشده
برای این کار ما قصد داریم دو دکمه را طوری طراحی کنیم که دکمه اول(دکمه ورود)زمانی به کاربر نمایش داده شود که کاربر هنوز وارد سایت نشده است و دکمه دوم (دکمه داشبورد) را نیز زمانی نمایش دهیم که کاربر وارد سایت شده است و قصد ورود به پنل کاربری خود را دارد.
نمایش المان زمانی که کاربر لاگین نشده
برای این کار از باکس جستجوی المنتور دکمه را جستجو می کنیم و دو دکمه را از طریق کشیدن و رها کردن به صفحه خود اضافه می کنیم.
نام یکی از دکمه ها را ورود به سایت می گذاریم و دیگری را داشبورد.سپس بر روی دکمه ورود راست کلیک کرده و گزینه ویرایش دکمه را می زنیم.
سپس از طریق تب پیشرفته بر روی گزینه Display Conditions کلیک می کنیم.
در صفحه باز شده مطابق تصویر بالا وضعیت را روی Login Status را می گذاریم و برای این که در حالتی که کاربر هنوز عضو سایت نشده است به ما نمایش بدهد بر روی حالت Logged Out قرار می دهیم.سپس بر روی گزینه Save & Close جهت ذخیره تغییرات کلیک می کنیم.
نمایش المان هنگام کاربر لاگین
در مرحله بعد می خواهیم تنظیمات دکمه داشبورد را طوری انجام بدهیم که فقط کاربری که عضو سایت شده و در حالت Login قرار دارد بتواند این دکمه را مشاهده کند.بنابراین طبق مراحل گفته شده یک دکمه ای را تحت عنوان داشبورد به صفحه خود اضافه می کنیم و از طریق ویرایش دکمه > تب پیشرفته گزینه Display Conditions را می زنیم.
تا اینجا تمام مراحل شبیه به قسمت قبل بود ولی در ادامه برای این که مشخص کنیم این دکمه باید در زمان لاگین کاربر نمایش بدهد باید حالت Login Status را بر روی Logged in تنظیم کنیم.
به همین راحتی توانستیم نمایش دادن یا مخفی کردن المان برای کاربران عضو نشده سایت را مدیریت کنیم.امیدوارم که از آموزش لذت برده باشید در صورتی که نیاز به راهنمایی داشتید می توانید از طریق نظرات سوالات خودتان را مطرح کنید.
پیروز و موفق باشید.
