首页 视频课程 主题开发课程第22章、主题选项 WordPress主题自定义设置中的SECTION部件

WordPress主题自定义设置中的SECTION部件

2023-06-11 / 276阅

WordPress主题自定义设置中的SECTION部件示例代码

// 添加一个自定义设置
function custom_theme_settings() {
   // 建立一个自定义的主题设置区域
   add_settings_section(
      'custom_theme_section', // 主题设置区域的标识符
      '自定义设置区域', // 主题设置区域标题
      'custom_theme_section_callback', // 显示主题设置区域的回调函数
      'general' // 主题设置区域所属的设置页面
   );

   // 添加一个文本框设置
   add_settings_field(
      'custom_theme_textbox', // 设置标识符
      '文本框设置', // 设置标题
      'custom_theme_textbox_callback', // 显示设置的回调函数
      'general', // 设置所属的页面
      'custom_theme_section' // 设置所属的主题设置区域的标识符
   );

   // 注册我们添加的设置
   register_setting('general', 'custom_theme_textbox');
}
add_action('admin_init', 'custom_theme_settings');

// 显示主题设置区域的回调函数
function custom_theme_section_callback() {
   echo '<p>这是一个自定义的主题设置区域</p>';
}

// 显示文本框设置的回调函数
function custom_theme_textbox_callback() {
   $setting = esc_attr(get_option('custom_theme_textbox'));
   echo '<input type="text" name="custom_theme_textbox" value="' . $setting . '" class="regular-text" />';
} 

这些代码将在 WordPress 的“常规设置”页面中创建一个自定义设置区域,并添加一个名为“custom_theme_textbox”的文本框设置。在这个例子中,设置的值将保存在custom_theme_textbox选项中,可以在其他地方使用。

阅读文章或者观看视频过程中有任何问题,请下方留言或者联系我Q248758228

大家谈论
    我的见解
    目录