آموزش وردپرس - توسعهآموزش طراحی سایتآموزش و ترفندآموزش وردپرساختصاصی ایران ایس تککامپیوتر
موضوعات داغ

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

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

بسیاری مواقع کاربران نیاز دارند که برای راحتی دسترسی به امکانات سایتشان یک آیتم جدید به منو “حساب کاربری من” (اکانت کاربری) که مربوط به افزونه ووکامرس میباشد اضافه کنند.
متاسفانه در اینترنت چه در سایت های داخلی چه درسایت های خارجی آموزشی که به طور واضح و عملی نحوه انجام این کار را نمایش دهد موجود نبود، بنابراین مثل همیشه تصمیم گرفتیم این آموزش کاربردی را به صورت کاملا عملی و پروژه محور آموزش بدیم.

از طریق قطعه کد زیر به راحتی قادر خواهید به هر تعداد که میخواهید به منو حساب کاربری من آیتم جدید اضافه کنید.
فرض  مثال اگر افزونه ای دارین که دارای بخش مدیریت کاربری (فرانت اند) میباشد، مثل افزونه های تیکتینگ (پشتیبانی)، و میخواهید آن بخش از طریق منو حساب کاربری من هم در دسترس باشد میتوانید با کمک این آموزش با استفاده از این قطعه کد این کار را انجام دهید.
این قطعه کد را در جاهای مختلفی میتوانید استفاده کنید، برای مثال میتوانید افزونه ای بنویسید و در آن از این قطعه کد استفاده کنید ولی در این آموزش برای راحتی کار، ما فایل funnctions.php قالب فعال را تغییر دادیم.

قطعه کد اضافه کردن آیتم جدید به منو حساب کاربری من:

                    
<?php
/////// START of iranAceTech : Add New Tab To WooCommerce My Account Menu
/**
 * @snippet       WooCommerce Add New Tab @ My Account
 * @author        Mohsen Navvabzadeh (iranAceTech)
 * WebAddress:	  https://acetech.me
 * @compatible    WooCommerce 3.5.7
 * @Source:       https://businessbloomer.com/woocommerce-add-new-tab-account-page/
 */

// ------------------
// 1. Register new endpoint to use for My Account page
// Note: Resave Permalinks or it will give 404 error
  
function acetech_add_mycustomendpoint() {
    add_rewrite_endpoint( 'my-endpoint-slug', EP_ROOT | EP_PAGES );
}
  
add_action( 'init', 'acetech_add_mycustomendpoint' );
  
  
// ------------------
// 2. Add new query var
  
function acetech_mycustomendpoint_query_vars( $vars ) {
    $vars[] = 'my-endpoint-slug';
    return $vars;
}
  
add_filter( 'query_vars', 'acetech_mycustomendpoint_query_vars', 0 );
  
  
// ------------------
// 3. Insert the new endpoint into the My Account menu
  
function acetech_add_my_account_menu_newtab_mycustomitem1( $items ) {
    $items['my-endpoint-slug'] = __('my custom item1');
    return $items;
}
  
add_filter( 'woocommerce_account_menu_items', 'acetech_add_my_account_menu_newtab_mycustomitem1' );
  
  
// ------------------
// 4. Add content to the new endpoint
  
function acetech_mycustomitem1_content() {
echo '<h3>My Heading</h3><p>My Content</p>';
echo do_shortcode( ' /* your shortcode here */ ' );
}
  
add_action( 'woocommerce_account_my-endpoint-slug_endpoint', 'acetech_mycustomitem1_content' );
// Important Note: add_action must follow 'woocommerce_account_{your-endpoint-slug}_endpoint' format

//////////////////////////////////////////////////
//// If you don't need woocommerce menu to be visible just use this code and add "woocommerce my account" page as parent  of your desired page
function acetech_add_mycustomitem_nowoomenu( $items ) {
    $items['my-custom-page-to-be-accessible-with-woo-menu'] = 'my custom item2';
    return $items;
}
  
add_filter( 'woocommerce_account_menu_items', 'acetech_add_mycustomitem_nowoomenu' );

/////// END of iranAceTech : Add New Tab To WooCommerce My Account Menu                    
                

نحوه استفاده به طور مختصر:

  1. هرجا “my-endpoint-slug” بود، به جای آن، لینک endpoint (نشانی اینترنتی پس از /myaccount) مورد نظر خود را وارد کنید، برای مثال “studentprofile”.
  2. سپس در قدم سوم سمت راست “=” (مساوی) متنی که میخواهید به عنوان برچسب (لیبل) نمایش داده بشود را بنویسید.
  3. سپس به جای /* your shortcode here */ ،شرتکد (shortcode) مورد نظر خود را تایپ نمایید.
برچسب ها

2
بخش نظرات

avatar
1 تعداد موضوع (بخش) های نظرات
1 تعداد پاسخ های نظرات
0 تعداد فالورها (دنبال کننددگان)
 
دیدگاه با بیشترین واکنش
داغ ترین موضوع نظرات
2 Comment authors
ایران ایس تک - IranAceTechمتین Recent comment authors
  مشترک شدن  
جدیدترین قدیمی ترین بیشترین رای
Notify of
متین
Guest
متین

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

دکمه بازگشت به بالا
بستن
بستن

پیشنهاد ویژه!!!

برای بهره مندی از 50% تخفیف ویژه محصولات سایت و دریافت آموزش های جدید، فرم زیر را تکمیل و ثبت نمایید