우커머스 '내 계정' 페이지의 메뉴 탭 순서 및 이름 변경하기

우커머스의 '내 계정(My Account)' 페이지에 표시되는 메뉴 탭의 순서와 이름을 변경하고 싶은 경우에 아래의 방법에 따라 탭 순서와 이름을 변경할 수 있습니다.

우커머스 내 계정 페이지를 보다 편리하게 커스터마이징하고 싶은 경우 YITH 플러그인을 사용해볼 수 있습니다. 자세한 내용은 "우커머스에서 “내 계정” 페이지를 쉽게 바꿀 수 있는 YITH WOOCOMMERCE CUSTOMIZE MY ACCOUNT PAGE 플러그인"을 참고해보세요.

우커머스 페이지 생성 / 직접 설정

먼저 내 계정 페이지가 없는 경우 워드프레스 알림판 > 우커머스 > 상태 > 도구에서 누락된 우커머스(WooCommerce) 페이지를 새로 생성할 수 있습니다.

우커머스 페이지 다시 생성

우커머스 페이지를 직접 지정하는 것도 가능합니다. 우커머스 >설정 > 고급에서 우커머스 페이지를 수동으로 설정할 수 있습니다.

우커머스 페이지 재지정

"내 계정" 메뉴 순서 변경하기

"내 계정" 페이지의 메뉴 탭 순서를 변경하려면 다음과 같은 코드를 사용 중인 테마의 함수 파일(functions.php)에 추가하도록 합니다. (차일드 테마를 만든 후에 작업하시기 바랍니다.)

/**
* Edit my account menu order; 내 계정 메뉴 순서 편집
*/

function my_account_menu_order() {
$menuOrder = array(
'orders' => __( 'Orders', 'woocommerce' ),
'downloads' => __( 'Download', 'woocommerce' ),
'edit-address' => __( 'Addresses', 'woocommerce' ),
'edit-account' => __( 'Account Details', 'woocommerce' ),
'customer-logout' => __( 'Logout', 'woocommerce' ),
'dashboard' => __( 'Dashboard', 'woocommerce' ),
);
return $menuOrder;
}
add_filter ( 'woocommerce_account_menu_items', 'my_account_menu_order' );
// 출처: Atomic Smash

메뉴 탭의 순서를 변경하려면 $menuOrder 내의 배열을 변경하면 됩니다. 메뉴 탭 이름도 원하는 대로 변경할 수 있습니다. 가령 "Orders"를 "내 주문"으로 변경할 수 있습니다.

function my_account_menu_order() {
$menuOrder = array(
'dashboard' => __( 'Dashboard', 'woocommerce' ),
'orders' => __( '내 주문', 'woocommerce' ),
'downloads' => __( 'Download', 'woocommerce' ),
'edit-address' => __( 'Addresses', 'woocommerce' ),
'edit-account' => __( '계정 정보', 'woocommerce' ),
'customer-logout' => __( 'Logout', 'woocommerce' )

);
return $menuOrder;
}
add_filter ( 'woocommerce_account_menu_items', 'my_account_menu_order' );

위의 코드를 테마 함수 파일에 입력하고 저장하면 '내 계정' 페이지가 다음과 비슷하게 표시됩니다. (아래 그림은 아바다 테마에서 테스트했을 때의 모양을 보여줍니다.)

우커머스 내 계정 메뉴 탭 순서 및 이름 변경