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

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

آموزش ساخت پنل کاربری ووکامرس
در این آموزش من سعی کردم از افزونه های تجاری استفاده نکنم تا هر کسی با هر دانشی بتوانید پنل کاربری زیبایی رو برای کاربران و ووکامرس طراحی کنه و نیازی نباشه تا افزونه های پولی رو خریداری بکنه.
برای این آموزش ما به افزونه های زیر نیاز داریم :
- افزونه المنتور (دانلود افزونه المنتور)
- افزونه Elementor Pro (دانلود افزونه المنتور پرو)
خوشبختانه هر دو افزونه در آیلین وب موجود هستن و براحتی میتوانید به صورت رایگان دانلود و استفاده کنید.
نصب افزونه های مورد نیاز
نصب افزونه ها هم همنند دیگر افزونه های وردپرس هستش و براحتی میتوانید با چند کلیک ساده افزونه های رو نصب و فعال کنید، ولی باز هم اگر با نصب افزونه در وردپرس آشنا نبستید توصیه میکنم تا اموزش های زیر رو مشاهده کنید تا در ادامه آموزش مشکلی براتون پیش نیاید.
بعد از اینکه افزونه های مورد نیاز رو نصب کردید، باید بریم سراغ آموزش ساخت پنل کاربری ووکامرس که مطمعن باشید در عرض چند دقیقه میتوانید یک پنل کاربری بسیا زیبا و حرفه رو برای وردپرس طراحی کنید.
منظور از پنل کاربری ووکامرس چیه؟
قبل از شروع آموزش اول از همه باید بدونیم که پنل کاربری ووکامرس چی هست و چرا ما باید یک پنل کاربری سفارشی داشته باشیم، وقتی شما یک سایت فروشگاهی راه اندازی می نمایید باید کاربران بعد از ثبت نام بتوانند یک پنل کاربری داشته باشند تا اطلاعات، خریدها، سفارش ها و … رو بتونن مشاهده و دانلود کنن.
برای این منظور ووکامرس یک پنل کاربری پیشفرض رو به کاربرانی که ثبت نام کنند ارائه میده که ظاهر کامل ساده ای داره و باید این بخش توسط برنامه نویس یا مدیر سایت سفارشی سازی بشه و دارای ظاهر زیبایی هم باشه. پنل کاربری در تمامی سایت های فروشگاهی مشاهده میشه و شما هم اگه در یک سایت فروشگاه فایل، یا فروشگاه محصولات فیزیکی ثبت نام کنین، این پنل رو مشاهده خواهید کرد.
در زیر یک پنل کاربری ووکامرس رو مشاهده میکنید :

سفارشی سازی پنل کاربری ووکامرس
شاید برای اولین بار که این ویدئو رو میبینید براتون یکم سخت باشه که سفارشی سازی پنل کاربری ووکامرس رو انجام بدید، ولی اصلا نگران هیچ چیزی نباشید چون فقط شما با کشیدن رو رها کردن موس کار خواهید کرد و اصلا نمیازی به کدنویسی ندارید، فقط یک چند خط کد آماده هستش که اونم در زیر قرار دادم و شما باید بدون تغییر، این کد رو همانند ویدئو در جای خود قرار دهید.
کدهای استفاده شده در آموزش
1 2 3 4 5 6 7 |
.woocommerce-MyAccount-navigation { display:none; } .woocommerce-account .woocommerce-MyAccount-content { width: 100%; } |
۳۴ دیدگاه دربارهٔ «ساخت پنل کاربری ووکامرس بدون کدنویسی با المنتور + فیلم آموزشی;
سلام ببخشید من بک یار دیگه هم پیام دادم. وقتی وارد حساب کلربری ووکامرس میشیم یه جایی نوشته : از پیشخوان حساب کاربری خود می توانید آخرین سفارش ها را ببینید ، به راحتی آدرس حمل و نقل و صورت حساب را مدیریت کنید و اطلاعات حساب کاربری و رمز عبور را تغییر دهید.
این متن رو از کجا میشه تغییر داد؟
میخوام قسمت به راحتی آدرس حمل و نقل و صورت حساب را مدریت کنید را حذف کنم
ممنون
شما میتوانید ووکامرس فارسی رو نصب کند و این متن رو متوانید توی فایل زبان تغییر بدید
ممنون من ووکامرس فارسی رو دارم. میشه لطفا بگین از کجاش باید این و تغییر بدم؟
باید فایل زبان رو با استفاده از نرم افزار poedit ویرایش کنید. و خودش جستجو داره و میتونید براحتی جستجو کنید.
سلام ممنون از آموزش خوبتون
یک سوال اینکه برای دکمه خروج باید از چه کدی استفاده کرد؟
سلام دوست عزیز
میتونید از این کد استفاده کنید
https://aylinweb.com/wp-login.php?action=logout&itsec-hb-token=wplogin&_wpnonce=285828df8a
و به جای دامنه آدرس دامنه خودتون رو قرار بدید
ممنون از شما
برای پیشخوان اصلی و بعد از آن پیشخوان دکان هم میشه از این استفاده کرد و تجربه این کار رو دارید ؟
فعلا اموزش های قرار داده نشده و اطلاعی در رابطه با این ندارم، ولی بزودی آموزشش به طراحی قالب دیجی کالا با المنتور اضافه خواهد شد
سلام
وقتی با المنتور صحفه کاربری ووکامرس و ادیت میکنم و چند تا باکس و دکمه اضافه میکنم، توی صحفه ی وارد شدن ( لاگین) به سایت نمایش دادا میشه، در حالی که فقط باید توی حساب کاربری نمایش داده بشه نه توی صحفه ی ورود کاربر.
برای رفع این مشکل باید چیکار کنم که وقتی کاربر وارد شد اون دیزاین و باکس هایی که دیزاین کردم نشون داده بشه؟
سلام
شما باید افزونه Visibility Logic for Elementor را نصب کنید و در بخش پیشرفته تعیین کنید که موارد رو باید چه کسانی مشادهده کنند. بر روی login user قرار بدهید فقط برای کاربران وارد شده نمایش داده خواهد شد
سلام و درود فراوان من این محصول را خریداری کردم و ویدیو را دیدم یه سوال دارم که لطفا راهنمایی بفرمایید
چگونه میشه توی پنل کاربری که طراحی میکنیم مجموع کل خریدهای انجام شده توسط کاربر به مبلغ بهش نمایش داده بشه
همینطور مجموع کل اردرهای کاربر به عدد بهش نمایش داده بشه
مثلا فلان کاربر در مجموع ۲۰ میلیون تومان خرید کرده و کل اردرهایی که داشته مثلا ۵ اردر بوده
ممنون میشم راهنمایی کنید
مرررررررررسی ❤
عالی عالی