WordPress 관리자 패널에 메뉴 및 하위 메뉴를 추가하는 방법

게시 됨: 2024-09-06

WordPress 관리자 패널의 기본 메뉴를 완료했거나 원하는 대로 사용자 정의하려는 경우

메뉴와 하위 메뉴를 사용하여 사용자 정의하면 WordPress 관리 패널 탐색이 더 쉬워집니다.

이번 포스팅에서는 간단한 코드 조각을 사용하여 메뉴와 하위 메뉴를 추가하는 단계를 안내해 드리겠습니다.

플러그인 설정을 구성하거나 사용자 정의 옵션을 생성하려는 경우 메뉴를 추가하면 WordPress 관리 영역을 더욱 사용자 정의하고 사용자 친화적으로 만들 수 있습니다. 하지만 먼저 몇 가지 기본 사항을 정리하겠습니다.


목차
메뉴와 하위 메뉴란 무엇입니까?
사용자 정의 메뉴를 추가하는 방법
하위 메뉴를 추가하는 방법
기본 WordPress 메뉴에 하위 메뉴 추가
결론

메뉴와 하위 메뉴란 무엇입니까?

메뉴는 “게시물”, “페이지”, “설정”과 같이 WordPress 관리 사이드바에서 일반적으로 볼 수 있는 주요 항목입니다.

그러나 하위 메뉴는 기본 메뉴 아래에 나열된 옵션입니다. 예를 들어 '게시물' 아래에는 '모든 게시물' 및 '새 항목 추가'와 같은 하위 메뉴가 있습니다. 즉, 하위 메뉴는 기본 메뉴 아래에 나열된 옵션입니다.


사용자 정의 메뉴를 추가하는 방법

이제 WordPress 관리 대시보드에 사용자 정의 메뉴를 추가하는 방법이 궁금할 것입니다.

글쎄요, 그렇게 까다롭지는 않습니다. 간단히 add_menu_page() 함수를 사용하면 됩니다.

따라할 수 있는 간단한 단계별 방법은 다음과 같습니다.

1. 테마의 functions.php 파일을 엽니다:

WordPress 대시보드로 이동하여 “외관” > “테마 파일 편집기”로 이동한 후 functions.php 파일을 선택하여 이 파일을 찾을 수 있습니다.

2. 다음 코드를 추가합니다:

function custom_plugin_menu() {

add_menu_page(

'My Custom Plugin', // Page title

'My Plugin', // Menu title

'manage_options', // Capability required

'my-plugin', // Menu slug (unique identifier)

'my_plugin_page', // Callback function to display page content

'', // Icon URL (leave empty for default icon)

6 // Position on the menu (optional)

);

}

add_action('admin_menu', 'custom_plugin_menu');

// Callback function to display the menu page content

function my_plugin_page() {

echo '<h1>Welcome to My Plugin Page!</h1>';

}

3. 변경 사항을 저장합니다.

코드를 추가한 후 functions.php 파일을 저장합니다. 이제 새로운 "내 플러그인" 메뉴가 WordPress 관리자 사이드바에 나타납니다.


WPOven Dedicated Hosting

하위 메뉴를 추가하는 방법

새 사용자 정의 메뉴 아래에 WordPress 관리자 메뉴의 두 번째 계층 하위 메뉴를 추가하려면 add_submenu_page() 함수를 사용하세요. 방법은 다음과 같습니다.

1. functions.php 에 하위 메뉴 코드를 추가하세요.

함수 custom_plugin_submenu() {

// 최상위 메뉴를 먼저 추가합니다.

add_menu_page(

'내 맞춤 플러그인',

'내 플러그인',

'관리_옵션',

'내 플러그인',

'내_플러그인_페이지'

);

// 하위 메뉴 추가

add_submenu_page(

'my-plugin', // 상위 슬러그

'제품 추가', // 페이지 제목

'제품 추가', // 하위 메뉴 제목

'manage_options', // 필요한 기능

'add-product', // 하위 메뉴 슬러그

'add_product_page' // 콜백 함수

);

add_submenu_page(

'내 플러그인',

'회사 소개',

'회사 소개',

'관리_옵션',

'회사 소개',

'about_us_page'

);

}

add_action('admin_menu', 'custom_plugin_submenu');

// '상품 추가' 하위 메뉴에 대한 콜백 함수

함수 add_product_page() {

echo '<h1>여기에 제품을 추가하세요!</h1>';

}

// '회사 소개' 하위 메뉴에 대한 콜백 함수

함수 about_us_page() {

echo '<h1>플러그인 정보</h1>';

}

2. 파일을 저장합니다:

이제 하위 메뉴 "제품 추가" 및 "회사 소개"가 관리자 패널의 "내 플러그인" 메뉴 아래에 표시됩니다.

기억해야 할 핵심 사항

메뉴 슬러그 : 메뉴의 고유 식별자입니다. 소문자여야 하며 대시나 밑줄을 포함할 수 있습니다.

기능: 메뉴를 볼 수 있는 사람을 제어합니다. 예를 들어 'manage_options' 일반적으로 관리자용이며 관리자만 볼 수 있습니다.

위치: 목록에서 메뉴가 나타나는 위치를 결정합니다. 선택사항이지만 메뉴를 구성하는 데 도움이 됩니다.

페이지 제목 : 메뉴나 하위 메뉴를 열 때 브라우저의 제목 표시줄에 나타납니다.

메뉴 제목 : 사이드바에 표시되는 텍스트입니다.

콜백 함수 : 메뉴나 하위 메뉴를 클릭하면 실행되어 해당 내용을 표시하는 함수입니다.

위의 예는 우리가 만든 사용자 정의 메뉴에 대한 것입니다. 하지만 WordPress 관리자의 기존 메뉴는 어떻습니까?

기본 WordPress 관리 메뉴에 대한 두 번째 계층 하위 메뉴를 어떻게 만들 수 있나요? 방법은 다음과 같습니다.


기본 WordPress 메뉴에 하위 메뉴 추가

이전에는 WordPress의 사용자 정의 메뉴에 하위 메뉴를 추가하는 방법에 대해 설명했습니다. 이제 WordPress의 기존 기본 메뉴(대시보드, 게시물, 페이지 등) 아래에 하위 메뉴를 추가하는 방법을 살펴보겠습니다.

WordPress에서는 이러한 기본 메뉴에 하위 메뉴를 추가하는 특정 기능을 제공합니다.

add_dashboard_page : “대시보드” 메뉴 아래에 하위 메뉴를 추가합니다.

add_posts_page : “게시물” 메뉴 아래에 하위 메뉴를 추가합니다.

add_media_page : “미디어” 메뉴 아래에 하위 메뉴를 추가합니다.

add_links_page : “링크” 메뉴 아래에 하위 메뉴를 추가합니다.

add_pages_page : “페이지” 메뉴 아래에 하위 메뉴를 추가합니다.

add_comments_page : “댓글” 메뉴 아래에 하위 메뉴를 추가합니다.

add_theme_page : “테마” 메뉴 아래에 하위 메뉴를 추가합니다.

add_plugins_page : “플러그인” 메뉴 아래에 하위 메뉴를 추가합니다.

add_users_page : “사용자” 메뉴 아래에 하위 메뉴를 추가합니다.

add_management_page : “도구” 메뉴 아래에 하위 메뉴를 추가합니다.

add_options_page : “설정” 메뉴 아래에 하위 메뉴를 추가합니다.

이러한 모든 기능은 유사하게 작동합니다. add_options_page() 사용하여 “Settings” 메뉴 아래에 하위 메뉴를 추가하는 간단한 예를 통해 이를 더 잘 이해해 보겠습니다.

예: 설정 아래에 하위 메뉴 추가

" 설정 " 아래에 하위 메뉴를 추가하려면 add_options_page() 함수를 사용하면 됩니다. 다음은 함수에 대한 간단한 분석입니다.

$page_title : 페이지를 열었을 때의 제목입니다.

$menu_title : '설정' 아래 사이드바에 표시되는 이름입니다.

$capability : 이 하위 메뉴를 볼 수 있는 사람(예: 관리자만).

$menu_slug : 이 하위 메뉴의 고유 ID입니다.

$function : 하위 메뉴 클릭 시 내용을 표시하는 함수.

예를 들어 아래와 같이 이 기능을 사용합니다.

add_options_page('My Plugin', 'My Plugin', 'manage_options', 'my-plugin', 'WPOven_plugin_render_options_page');

– 이 코드는 “Settings” 메뉴 아래에 “ My Plugin ”이라는 하위 메뉴를 추가합니다.

– ' manage_options ' 기능이 있는 사용자(일반적으로 관리자)에게만 표시됩니다.

– 클릭하면 WPOven _plugin_render_options_page 기능이 실행되어 페이지 내용이 표시됩니다.

이것은 기본 WordPress 메뉴에 하위 메뉴를 추가하여 추가하려는 사용자 정의 설정이나 페이지에 더 쉽게 액세스할 수 있는 방법입니다!


읽기: WordPress에서 관리 메뉴 항목을 재정렬하는 방법은 무엇입니까?


결론

WordPress에 사용자 정의 메뉴와 하위 메뉴를 추가하는 것은 귀하의 편의에 따라 관리자를 사용자 정의할 수 있는 좋은 방법입니다.

그리고 가장 좋은 점은 몇 줄의 코드로 이 기능을 간단하게 구현하고 실행할 수 있다는 것입니다. 이는 귀하 또는 귀하의 고객을 위해 보다 체계적이고 접근 가능한 백엔드를 만드는 데 도움이 될 것입니다.

따라서 이 단계를 철저히 따르면 사용자 정의된 관리자 패널을 즉시 갖게 될 것입니다. 이 게시물에 대한 문의사항이나 피드백이 있는 경우 아래 댓글 섹션에 언급해 주세요.