اضافه کردن منو به حساب کاربری ووکامرس

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

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

 

اضافه کردن منو به حساب کاربری ووکامرس-ایجاد منوی سفارشی در ووکامرس

 

آموزش اضافه کردن منوی سفارشی به حساب کاربری ووکامرس  بسیار ساده است و تنها با جایگذاری کدهای ایجاد منوی ووکامرسی که در این آموزش به شما معرفی میکنیم و جایگزین کردن عنوان های مورد نظر به خواسته خود که همان ایجاد منوی سفارسی در پنل کاربری، کاربران خود برسین و از کد نویسی آن لذت ببرید. پس تا انتهای این آموزش همراه منبع آموزشی باشید.

حساب کاربری ووکامرس بصورت پیش فرض شامل موارد زیر است.

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

 

منوی پیش فرض حساب کاربری ووکامرس-تغییر منوی حساب کاربری ووکامرس

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

در زیر کد های  اضافه کردن منو به حساب کاربری را در اختیار شما قرار میدهیم.

در ابتدا کد حذف موارد یا لینک های منوی ووکامرس را شرح میدهیم.

 

کد نحوه حذف موارد از منوی حساب کاربری ووکامرس و اینکه چگونه می توان آدرس صفحات  را نیز حذف کرد و صفحات مناسب را به ۴۰۴ بازگرداند.

احتمالا این ساده ترین بخش این آموزش است. به عنوان مثال فرض کنید که فروشگاه الکترونیکی ما ( سایت ما) یک فروشگاهی است که کالاهای فیزیکی را نمی فروشند – و در این صورت شاید ما بخش آدرس ها ( Addresses) را نیاز نداشته باشیم و میخواهیم که لینک ایتم ادرس ها را از حساب کاربری ووکامرس حذف نمائیم.

نکته :  البته درصورتی که این لینک (آدرس ها) را از حساب کاربری حذف کردیم هنوز جزئیات حسابداری و بخش ادرس ها  درپنل مدیریتی سایت وجود دارد و حذف نشده اند. و فقط از دید کاربران در حساب کاربری آن ها حذف شده است.

کد حذف ایتم های منوی حساب کاربری ووکامرس

 

البته مطمئنم که میدونید کجا از این کد جهت حذف برخی از ایتم های منوی حساب کاربری ووکامرس استفاده میکنید. 

بله درست حدس زدین در فایل functions.php قالب وردپرسی شما. 😉

 

که نتیجه کد بالا را در  تصویر زیر میتوانید مشاهد کنید که لینک یا ایتم آدرس ها از بخش منوی حسـاب کاربری ووکامرس کاربران سایت ما حذف شده است. که قطعا جهت حذف ایتم های دیگه منوی حسـاب کاربری ووکامرس از این روش استفاده میکنیم. خیلی ساده اس مگه…   ۸-O 

 

حذف ایتم آدرس ها از حساب کاربری ووکامرس-تغییر منوی حساب کاربری ووکامرس

این به اندازه کافی ساده بود، اما کار ما یعنی حذف ایتم های منو حساب کاربری ووکامرس  هنوز به پایان نرسیده است،

ما الان تنها لینک ادرس ها را  از دید کاربران حذف کرده ایم. به این منظور شما اگر الان 

/ my-account / edit-address / را به انتهای آدرس سایتتان وارد کنید حتما صفحه های آدرس شما را نشان می دهد.

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

  بعد از حذف ایتم ادرس ها ار منوی حساب کاربری نباید انتقال به صفحه ادرس ها اتفاق بیفتد، به نظر شما این باید اتقاف بیفتد؟

مگر اینکه شما برنامه ریزی های دیگری برای بخش ادرس حساب کاربری، کاربرانتان در نظر گرفته باشید.

 

 روش دوم حذف ایتم های منوی حساب کاربری ووکامرس :

اگر میخواهید صفحات منوی حساب کاربری به یک صفحه ۴۰۴ (Not Found) منتقل شوند. یا به عبارتی دیگر جهت حذف نقاط انتهایی صفحات منوی حساب کاربری ووکامرس یعنی هر دو آیتم منو و صفحه خود را نیز حذف کنید، نیازی به کدگذاری ندارید. و این روش خیلی ساده است.

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

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

 

حذف صفحات منوی حساب کاربری-نقاط انتهایی حساب کابری ووکامرس-منبع آموزشی ووکامرس

 

 

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

در آموزش زیر یاد می گیرید چگونه لینک های منوی حساب کاربری ووکامرس را با لینک های سفارشی اضافه کنید.

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

  • در قسمت اول کد ما یک عنصر جدید را به آرایه آیتم های منو اضافه می کنیم. (اگر شما با اضافه کردن ستون ها به مدیریت Dashboard آشنایی دارین ، این کد برای شما بسیار آسان است).

 

  • در بخش دوم کد ما فقط URL  (لینک مورد نظر) آن را قلاب می کنیم.

 

 

 بجای Url  که متد site_url() در  آن قرار دارد که همان ادرس سایت شما است میتوانید لینک مورد نظر خود را وارد نمائید.

به این ترتیب ما توانستیم ایتم مورد نظر خود را به همراه لینک آن در منوی حساب کاربری خود وارد نمائیم.

 

اضافه کردن ایکون منو به ایتم های منوی حساب کاربری ووکامرس

اما چگونه آیکون منو اضافه کنیم.

اگر از قالب WooCommerce StoreFront یا هر قالب دیگه ایی  استفاده می کنید که البته از مجموعه آیکون های  Font Awesome پشتیبانی می کند ، این سوال می تواند در ذهن شما ظاهر شود. واقعا، اینکه چطور میتوانید آیکون زیبا به منوی حساب کاربری خود را اضافه کنید؟

اگر قالب شما از مجموعه آیکون Font Awesome استفاده می کند. بنابراین، به  سایت رسمی Font Awesome  به ادرس www.fontawesome.io بروید، و آیکون مورد نظر خود را انتخاب کنید و کد Unicode آن را پیدا کنید.

 

پس از آن که کد ایکون مورد نظر خود را انتخاب کردید تنها کافی است از ظریق CSS (سی اس اس ) آن را به ایتم های منوی حساب کاربری خود اضافه نمائید.

که همانند زیرتغییر خواهد کرد:

اضافه کردم منو به حساب کاربری ووکامرس-اضافه کردن لینک های سفارشی به حساب کاربری ووکامرس-منبع آموزشی

ایتم های منوی حساب کاربری سفارشی خود را با صفحات مرتبط اضافه کنید.

خوب، این بخش از آموزش نیز به اندازه کافی ساده است و شامل ۴ مرحله می شود. گاهی اوقات مردم مرحله چهارم را فراموش می کنند، اما این مرحله از آموزش اضافه کردن منو به حساب کاربری ووکامرس همانند دیگر مراحل نیز بسیار مهم است.

 

 

ایکون مورد نظر را نیر اضافه میکنیم.

حالا اگر شما به / my-account / log-history / بروید یا روی آیتم منو مناسب کلیک کنید، صفحه زیر باید ظاهر شود.

اضافه کردن منو به حساب کاربری ووکامرس به همراه صفحه مورد نظر ان در منبع آموزشی ووکامرس

 

در واقع این همه چیزی است که جهت اضافه کردن منو به حساب کاربری ووکامرس نیاز داشتین را در اختیارتان قرار دادیم. اما در زیر یک آموزشی مرتبط دیگری را برای شما آماده کرده ایم.

 

 

 

دو قلاب اقدام وردپرس (WordPress Action Hooks) که اجازه می دهد بتوانید هر محتوایی را  قبل و بعد از WooCommerce منو حساب کاربری اضافه نمائید.

بنابراین، با استفاده از قلاب های عمل زیر شما می توانید هر متن یا کد HTML را قبل و فقط بعد از منوی  عنصر<nav> اضافه کنید.

 

اما من می خواهم یک چیز را به خاطر بسپارید – اینکه ممکن است همان طور که هست آسان و ساده به نظر نرسد، زیرا در اکثر موارد عنصر حساب کاربری من یعنی عنصر<nav>  دارای ویژگی  float شناور سمت چپ است: float:left

 

 

با تشکر از شما  از اینکه این مقاله را تا انتها خواندین! اگر میخواهید یک بار در هفته یک محتوای وردپرس و WooCommerce جدید عالی دریافت کنید،  در خبرنامه ما مشترک شوید. یا اگر یک سوال بدون پاسخ دارید،  از بخش نظرات با ما در میان بگذارید.

 

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

 

 

مطالب مرتبط

نظرات شما

قالب ووکامرس