ایجاد گزینه های ورود و ثبت نام و پنل کاربری داینامیک به منوی اصلی سایت بدون افزونه

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

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

پس بیاید با یک روش بسیار ساده، اما حرفه ای اینکار را انجام دهیم.

به منوی نمایش / فهرست ها در مدیریت وردپرس خود وارد شوید.

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

نکته : اگر شما از ووکامرس استفاده نمی کنید، باید برگه ای که به صفحه ورود و ثبت نام اشاره می کند و برگه ای که به صفحه اکانت کاربری اشاره می کند را اضافه کنید.

بعد از اضافه کردن این گزینه باید به هر کدام از آنها یک کلاس css طبق زیر اعمال کنید.

ابتدا بوسیله بخش “تنظیمات صفحه” در سمت چپ و بالای صفحه گزینه کلاس css را فعال کنید.

 

سپس به آیتمی که قرار است به کاربران مهمان یا همان کاربرانی که قصد ورود به سایت را دارند، کلاس css ای بنام conditional-menu-guest را اعمال کنید.

 

سپس به آیتمی که قرار است به کاربران وارد شده یا همان کاربرانی که قصد ورود به بخش پروفایل کاربری خود را دارند، کلاس css ای بنام conditional-menu-user را اعمال کنید.

در پایان منو را ذخیره کنید.

حالا به منوی نمایش / سفارشی سازی / css اضافه بروید و کد زیر را در آن وارد کنید:

body.logged-in .conditional-menu-guest {
  display: none !important;
}
body:not(.logged-in) .conditional-menu-user {
  display: none !important;
}