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

//

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

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

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

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

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

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

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

 

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

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

برای اضافه کردن منو به پنل کاربری ووکامرس کد زیر را به فایل functions.php قالب وردپرس خود اضافه کنید:

توجه کنید: قبل از این که توابع زیر داخل فایل functons.php خود قرار دهید حتما از قالب وردپرس خود یک بکاپ تهیه فرمایید تا در صورت مشکل بتوانید بازیابی نمایید .

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

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

ابتدا توسط فیلتر woocommerce_account_menu_items گزینه دلخواه را به فهرست پروفایل ووکامرس اضافه میکنیم.
در خط ۳  عدد ۳ نشان دهنده جایگاه لینک ما در فهرست پروفایل کاربری است. برای تغییر محل نمایش لینک این عدد را تغییر دهید.
در خط ۳ عنوان لینک به همراه آدرس آن که در اینجا notifications را تعیین میکنیم عنوان اطلاعیه سایت قرار دادیم  درصورت نیاز میتوانید تغییر بدید به دلخواه.
در خط ۸ یک نقطه پایان endpoint با مقدار لینک notifications ساخته ایم.
نقطه ورود یا فرود به انتهای آدرس برگه پروفایل کاربری اضافه میشود تا اقدامات خاصی که میخواهیم را انجام دهد.
در خط ۱۳  محتوای قابل نمایش در نقطه فرود را که در اینجا لینک دوره آموزش طراحی قالب فروشگاهی ووکامرس به همراه توضیحات را قرار دادیم شما حالا میتوانید به صورت دلخواه محتوای مورد نظر را قرار دهید.
اگر با خطای ۴۰۴ لینک شکسته برای منویی که اضافه کرده اید روبرو شدید، با مراجعه به بخش تنظیمات وردپرس و انتخاب گزینه پیوند یکتا، بدون اعمال هیچ تغییری یکبار پیوند یکتا را ذخیره کنید.
بعد از قرار دادن کد های بالا یک منوی به قسمت پنل کاربری ووکامرس شما اضافه خواهد اگه دوست دارید یک آیکون هم قرار بدید میتوانید از کد زیر استفاده کنید ما از فونت آسم استفاده کردیم در صورت نیاز تغییر بدید .

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

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

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

 

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

سوالی دارید؟
سوالتون رو در نظرات مطرح کنید🙂

میانگین رتبه 5/5 تعداد رای : 6

نظرات

  1. کاربر پاسخ وردپرس

    با سلام و تشکر مثل همیشه عالی هست فقط کاش توی کدها متغییرهای رشته کدها رو مشخص می کردین ولی همیشه از آموزشهای شما نهایت استفاده بردم جزاک الله خیرا جزاء

    • زمان الله ابراهیمی ( مدیریت )

      سلام خدمت شما دوست گرامی خواهش میکنم خوشحالم که برای شما مفید بود موفق باشید

  2. کاربر پاسخ وردپرس

    سلام استاد چطور میتونم به جای متن از یک شورت کد استفاده کنم برای نمایش؟؟

  3. کاربر پاسخ وردپرس

    سلام استاد من میخوام یه منو و لینک فقط به این قسمت اضافه کنم

    • زمان الله ابراهیمی ( مدیریت )

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

      • کاربر پاسخ وردپرس

        استاد همین میخواستم راهنمایی کنین و قطعه کد و مسیر رو هم بهم بگین، قالب وودمارت و افزونه دکان استفاده میکنم

        • زمان الله ابراهیمی ( مدیریت )

          دوست عزیز من قالب وودمارت را استفاده نمی کنم دقیقا نمی توانم خدمت شما مسر را بدم بتوانید تغییرات را ایجاد کنید برای افزودن لینک داخل منو میتوانید قطع کد که آموزش داده شده را داخل فایل functions.php خود قرار دهید

  4. کاربر پاسخ وردپرس

    سلام
    من دارم یک بخش پشتیبانی درست میکنم
    لینک را وقتی مینویسم support میره داخل یه برگه دیگه، وقتی مینویسم supports اخطار ۴۰۴ میاد، تغیر هم ندم که notifications هست
    چطور لینک بهش بدم؟
    قالب من تنظیمات ابزارک و هدر داره که اونا در کد اعمال نشدند!!

    • زمان الله ابراهیمی ( مدیریت )

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

      • کاربر پاسخ وردپرس

        سخن شما درسته
        من یک جا را اشتباه انجام میدم
        چطور آیکن فونت اسم اضافه کنم ؟

        add_filter(‘woocommerce_account_menu_items’,’replyWp_notifications’,40);
        function replyWp_notifications($replyWp_links){
        $replyWp_links = array_slice($replyWp_links, 0, 9,true) + array(‘ticket’ => ‘تیکت ها’) + array_slice($replyWp_links, 1, NULL,true);
        return $replyWp_links;
        }
        add_action(‘init’,’replyWp_endpoint’);
        function replyWp_endpoint() {
        add_rewrite_endpoint(‘notifications’,EP_PAGES);
        }
        add_action(‘woocommerce_account_notifications_endpoint’,’replyWp_notification_account_content’);
        function replyWp_notification_account_content(){
        ?>[ticket-submit]<?php
        }

        • زمان الله ابراهیمی ( مدیریت )

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

سبد خرید
در حال بروز رسانی

آموزش‌های ویدیویی جدید یوتیوب رو از دست ندی!

بزن بریــم!