WordPress4.8管理画面に項目を追加してそれを画面に表示する方法

WordPress4.8管理画面に項目を追加してそれを画面に表示する方法を試しました。

環境はWordPress4.8.2で確認しています。

function.php

プラグインでやるやり方もありますが今回は簡単にfunction.phpに書くやり方です。

add_action('admin_menu', 'banner_menu');

function banner_menu() {
 add_options_page('ほげ設定', 'ほげ設定', 'administrator', 'hoge_box', 'hoge_box_options_page');
 add_action( 'admin_init', 'register_hoge_box_settings' );
}

function register_hoge_box_settings() {
 register_setting("hoge-settings-group", "hoge_box_text");
}

function hoge_box_options_page() {
?>

 <div class="wrap">
 <h2>ほげ設定</h2>
 <form method="post" action="options.php">
 <?php
 settings_fields('hoge-settings-group' );
 ?>
 <table class="form-table">
 <tbody>
 <tr>
 <th scope="row">
 <label>ほげ<?php echo $i; ?>表示内容</label>
 </th>
 <td>
 <input type="text" id="hoge_box_text" class="regular-text" name="hoge_box_text" value="<?php echo get_option("hoge_box_text"); ?>">
 </td>
 </tr>

add_action('admin_menu', 'banner_menu');

function banner_menu() {

add_options_page('ほげ設定', 'ほげ設定', 'administrator', 'hoge_box', 'hoge_box_options_page');

add_action( 'admin_init', 'register_hoge_box_settings' );

}

function register_hoge_box_settings() {

register_setting("hoge-settings-group", "hoge_box_text");

}

function hoge_box_options_page() {

<?php

settings_fields('hoge-settings-group' );

<tbody>

<tr>

</th>

<td>

</td>

</tr>

これをfunction.phpに書くとメニュー＋テキストエリアが追加されます。

表示側のページでは

<?php echo get_option('hoge_box_text'); ?>

1	<?php echo get_option('hoge_box_text'); ?>

これで表示されます。