> CMS 튜토리얼 > Word누르다 > WordPress 플러그인에 대한 옵션 인터페이스를 만드는 방법

WordPress 플러그인에 대한 옵션 인터페이스를 만드는 방법

王林
풀어 주다: 2023-09-05 18:21:38
원래의
1143명이 탐색했습니다.

WordPress 플러그인에 대한 옵션 인터페이스를 만드는 방법

WordPress 플러그인용 옵션 인터페이스를 만드는 방법

WordPress 플러그인을 개발할 때 일반적으로 필요한 것은 사용자가 플러그인 동작을 사용자 정의할 수 있도록 구성 가능한 옵션 인터페이스를 만드는 것입니다. 이러한 방식으로 사용자는 자신의 필요에 따라 플러그인 설정을 조정하여 사용 습관에 더욱 일관되게 만들 수 있습니다. 이 문서에서는 WordPress 플러그인에 대한 옵션 인터페이스를 생성하는 방법을 설명하고 관련 코드 예제를 제공합니다.

먼저 사용자가 WordPress 백엔드에서 플러그인 옵션 인터페이스를 찾을 수 있도록 메뉴 페이지를 만들어야 합니다. 플러그인의 기본 파일에 다음 코드 조각을 추가합니다.

function custom_plugin_menu() {
  add_menu_page(
    '插件选项界面', // 页面标题
    '插件选项', // 菜单标题
    'manage_options', // 用户权限,可选
    'custom-plugin-options', // 界面标识符
    'custom_plugin_options_page', // 回调函数
    'dashicons-admin-generic' // 菜单图标,可选
  );
}
add_action('admin_menu', 'custom_plugin_menu');
로그인 후 복사

위 코드는 add_menu_page 함수를 사용하여 새 메뉴 페이지를 만듭니다. 그 중 첫 번째 매개변수는 페이지 제목, 두 번째 매개변수는 메뉴 제목, 세 번째 매개변수는 사용자 권한(선택사항, 관리자 액세스를 허용하려면 여기에서 manage_options로 설정), 네 번째 매개변수는 매개변수는 인터페이스 식별자, 다섯 번째 매개변수는 콜백 함수, 마지막 매개변수는 메뉴 아이콘(선택사항)입니다. add_menu_page函数来创建一个新的菜单页面。其中,第一个参数为页面标题,第二个参数为菜单标题,第三个参数为用户权限(可选,这里设置为manage_options以允许管理员访问),第四个参数为界面标识符,第五个参数为回调函数,最后一个参数为菜单图标(可选)。

创建菜单页面后,我们可以在回调函数custom_plugin_options_page中编写选项界面的HTML代码,以及处理用户提交的表单数据。以下是一个示例代码:

function custom_plugin_options_page() {
  if (isset($_POST['custom_plugin_submit'])) {
    // 保存用户提交的表单数据
    update_option('custom_plugin_option', $_POST['custom_plugin_option']);
    echo '<div id="message" class="updated notice is-dismissible">
      <p>选项已保存</p>
      <button type="button" class="notice-dismiss">
        <span class="screen-reader-text">忽略此通知。</span>
      </button>
    </div>';
  }
  
  $custom_plugin_option = get_option('custom_plugin_option');
  
  echo '<div class="wrap">
    <h1>插件选项界面</h1>
    <form method="post" action="">
      <label for="custom_plugin_option">插件选项:</label>
      <input type="text" id="custom_plugin_option" name="custom_plugin_option" value="' . esc_attr($custom_plugin_option) . '" />
      <p class="submit">
        <input type="submit" name="custom_plugin_submit" class="button-primary" value="保存选项" />
      </p>
    </form>
  </div>';
}
로그인 후 복사

以上代码首先检查是否有表单提交(通过检查$_POST['custom_plugin_submit']是否存在),如果有,则保存用户提交的表单数据到WordPress的options表中。然后,使用get_option

메뉴 페이지를 생성한 후 콜백 함수 custom_plugin_options_page에 옵션 인터페이스의 HTML 코드를 작성하고 사용자가 제출한 양식 데이터를 처리할 수 있습니다. 다음은 샘플 코드입니다.

$custom_plugin_option = get_option('custom_plugin_option');
echo '当前选项值为:' . $custom_plugin_option;
로그인 후 복사
위 코드는 먼저 폼 제출이 있는지 확인($_POST['custom_plugin_submit'] 존재 여부 확인)하고, 있으면 폼 데이터를 저장합니다. 옵션 테이블에서 사용자가 WordPress에 제출한 것입니다. 그런 다음 get_option 함수를 사용하여 저장된 옵션 값을 가져와서 양식의 기본값으로 사용합니다.

마지막으로 다음 코드를 사용하여 옵션 인터페이스에서 사용자가 설정한 옵션 값을 가져올 수 있습니다.

rrreee

위 단계를 통해 구성 가능한 옵션 인터페이스를 성공적으로 생성하고 사용자 선택 사항을 WordPress에 저장했습니다. 물론 실제 개발에서는 더 많은 옵션을 추가하고 필요에 따라 적절하게 처리할 수 있습니다. 🎜🎜요약하자면, WordPress 플러그인용 옵션 인터페이스를 생성하는 것은 매우 간단합니다. 메뉴 페이지를 생성하고 해당 HTML 코드와 양식 데이터를 처리하는 콜백 함수만 작성하면 됩니다. 이 옵션 인터페이스를 통해 사용자는 플러그인 동작을 쉽게 사용자 정의하고 사용자 경험을 향상시킬 수 있습니다. 위 내용이 도움이 되었기를 바랍니다! 🎜

위 내용은 WordPress 플러그인에 대한 옵션 인터페이스를 만드는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿