آموزش شخصی‌سازی منوهای حساب کاربری در ووکامرس

داشتن یک پنل کاربری خوب و جذاب که کاربران شما بتوانند از آن به خوبی استفاده کنند بسیار مهم است. امروزه اکثر قالب‌های وردپرس دارای پنل کاربری هستند. این پنل‌ها ظاهر ساده‌ای دارند که کاربر می‌تواند به یک سری منوی پیش‌فرض مانند “پیشخوان”، “سفارش‌ها”، “دانلودها”، “آدرس‌ها” و… دسترسی داشته باشند. شما می‌توانید این منوها را با توجه به نیاز وبسایت خود شخصی‌سازی کنید؛ به عنوان مثال شما سایت فروش محصولات فیزیکی دارید و نیازی به بخش “دانلودها” در این نوع فروشگاه نیست و وجود این منو ممکن است باعث گیج شدن کاربر شود و باید این منو را از بخش پنل کاربری حذف کنید. اکنون در این آموزش نحوه شخصی‌سازی منوهای پنل کاربری در ووکامرس به صورت کامل به شما آموزش داده خواهد شد.

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

آنچه در این مقاله به اختصار خواهید خواند:

• شخصی‌سازی از طریق افزونه
• شخصی‌سازی از طریق کد

شخصی‌سازی از طریق افزونه

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

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

افزونه اول و رایگان : Custom My Account for Woocommerce

پس از نصب این افزونه از مخزن وردپرس آن را فعال کنید. سپس برای سفارشی‌سازی منوها در پنل کاربری ووکامرس، وارد منوی Custom My Account در منوی phoeniixx که در پیشخوان وردپرس مشاهده می‌کنید، شوید.

اکنون در این قسمت اگر بر روی هر منو کلیک کنید به حالت کشویی باز می‌شود و در آن می‌توانید نام Lable، که همان چیزیست که در پنل به کاربر نمایش می‌دهد را تغییر دهید و یا اینکه اگر تیک آن قسمت را بردارید آن منو از پنل کاربری حذف می‌شود.

در آخر برای ذخیره تنظیمات بر روی “Save changes” کلیک کنید.

افزونه دوم و پرمیوم: افزونه YITH WOOCOMMERCE CUSTOMIZE MY ACCOUNT

افزونه YITH WOOCOMMERCE CUSTOMIZE MY ACCOUNT نسخه رایگان ندارد و برای کسانی که قصد دارند به راحتی شخصی‌سازی منوهای حساب کاربری در ووکامرس را انجام دهند، بسیار مناسب است.

برخی امکانات افزونه :

• تغییر اولویت و جابجایی بخش‌ها با کشیدن و راها کردن
• قرار دادن آیکون برای هر بخش
• رنگ‌بندی بی‌نهایت برای تمام بخش‌ها
• فعال/غیرفعال‌سازی بخش‌ها
• و…

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

این صفحه دارای سه بخش برای تنظیم حساب کاربری می‌باشد که “تنظیمات”، “امنیت” و “بخش‌ها” نام دارند.

در قسمت “تنظیمات” شما می‎توانید امکان قرار دادن عکس برای پروفایل کاربر را فعال کنید و همچنین رنگ‌های مورد نظر را تغییر بدید. همچنین در قسمت “امنیت می‌توانید reCaptcha برای فرم ورود کاربر قرار بدید و دیگر موارد امنیت را فعال یا غیرفعال نمایید.

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

در این قسمت شما می‌توانید به منوی پنل کاربری خود “گروه”، “بخش” و “لینک اضافه کنید و یا از قسمت مدیریت بخش های منوهای موجود را شخصی‌سازی نمایید.

اگر بر روی قسمت “بخش” کلیک کنید، منوی کشویی برای شما باز می‌شود که در آن می‌توانید آن منو را ویرایش کنید.

اگر قصد دارید هرکدام از این منوها را برای کاربر نمایش ندهید؛ در سمت راست یک آیکون پاور وجود دارد که اگر آن را فعال یا غیر فعال کنید می‌توانید این مورد را انجام دهید.

در آخر برای ذخیر تنظیمات بر روی دکمه “Save Changes” کلیک کنید.

شخصی‌سازی از طریق کد

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

برای این کار باید فایل functions.php قالب خود را باز کنید و در آخر کدهای زیر را در آن قرار دهید.

function wpb_woo_my_account_order() {
$myorder = array(
'dashboard' => __( 'پیشخوان', 'woocommerce' ),
'orders' => __( 'سفارش ها', 'woocommerce' ),
'downloads' => __( 'دانلود ها', 'woocommerce' ),
'edit-address' => __( 'آدرس ها', 'woocommerce' ),
'edit-account' => __( 'جزئیات حساب', 'woocommerce' ),
'logout' => __( 'خروج از سیستم', 'woocommerce' ),
);
return $myorder;
}
add_filter ( 'woocommerce_account_menu_items', 'wpb_woo_my_account_order'
);

کافی است که برای حذف منوی مورد نظر از پیشخوان عبارت (//) را قبل از آن مقدار قرار دهید. به عنوان مثال برای حذف منوی دانلودها عبارت (//) را قبل از خط “downloads” قرار دادیم.

//'downloads' => __( 'دانلود ها', 'woocommerce' ),