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

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

[toc]

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

آموزش ساخت پنل کاربری ووکامرس

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

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

1. افزونه المنتور (دانلود افزونه المنتور)
2. افزونه Elementor Pro (دانلود افزونه المنتور پرو)

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

نصب افزونه های مورد نیاز

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

• آموزش نصب افزونه در وردپرس
• آموزش نصب افزونه المنتور 

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

منظور از پنل کاربری ووکامرس چیه؟

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

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

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

سفارشی سازی پنل کاربری ووکامرس

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

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

.woocommerce-MyAccount-navigation {
display:none;
}

.woocommerce-account .woocommerce-MyAccount-content {
width: 100%;
}

فیلم آموزش سفارشی سازی پنل کاربری ووکامرس