WordPressプラグイン作成 完全入門！！画像や文字を簡単に切り替えられるようにする方法〜文字編〜

<?php

/*
Plugin Name: 画像と文字切り替えプラグイン（プラグインの名前）
Plugin URI: プラグインの公式サイトの案内用の自由なURL
Description: 画像と文字を管理画面で切り替えられるようにするためのプラグインです。（プラグインの説明）
Version: 1.0（バージョン）
Author: HAYABLOG(作者)
Author URI: https://blog.hayate-room.com/（作者のHPなど適当に）
*/

<?php

/*
Plugin Name: 画像と文字切り替えプラグイン
Plugin URI: プラグインの公式サイトの案内用の自由なURL
Description: 画像と文字を管理画面で切り替えられるようにするためのプラグインです。
Version: 1.0
Author: HAYABLOG
Author URI: https://blog.hayate-room.com/
*/


// 管理画面に「画像と文字の切り替えプラグイン」を追加登録する
add_action('admin_menu', function(){
	
	// メインメニュー①
    add_menu_page(
		'画像と文字の切り替え' // ページのタイトルタグ<title>に表示されるテキスト
		, '画像と文字の切り替え'   // 左メニューとして表示されるテキスト
		, 'manage_options'       // 必要な権限 manage_options は通常 administrator のみに与えられた権限
		, 'test_menu'        // 左メニューのスラッグ名 →URLのパラメータに使われる /wp-admin/admin.php?page=test_menu
		, 'test_mainmenu_page_contents' // メニューページを表示する際に実行される関数(サブメニュー①の処理をする時はこの値は空にする)
		, 'dashicons-update'       // メニューのアイコンを指定 https://developer.wordpress.org/resource/dashicons/#awards
		, 0                             // メニューが表示される位置のインデックス(0が先頭) 5=投稿,10=メディア,20=固定ページ,25=コメント,60=テーマ,65=プラグイン,70=ユーザー,75=ツール,80=設定
	);
});

// メインメニューページ内容の表示・更新処理
function test_mainmenu_page_contents() {
	

	// HTML表示
	echo <<<EOF


<div class="wrap">
	<h2>メインメニューです</h2>
	<p>
		ページです。
	</p>
</div>

EOF;

}

<?php

/*
Plugin Name: 画像と文字切り替えプラグイン
Plugin URI: プラグインの公式サイトの案内用の自由なURL
Description: 画像と文字を管理画面で切り替えられるようにするためのプラグインです。
Version: 1.0
Author: HAYABLOG
Author URI: https://blog.hayate-room.com/
*/


// 管理画面に「画像と文字の切り替えプラグイン」を追加登録する
add_action('admin_menu', function(){
	
	// メインメニュー①	
    add_menu_page(
		'画像と文字の切り替え' // ページのタイトルタグ<title>に表示されるテキスト
		, '画像と文字の切り替え'   // 左メニューとして表示されるテキスト
		, 'manage_options'       // 必要な権限 manage_options は通常 administrator のみに与えられた権限
		, 'test_menu'        // 左メニューのスラッグ名 →URLのパラメータに使われる /wp-admin/admin.php?page=test_menu
		, 'test_mainmenu_page_contents' // メニューページを表示する際に実行される関数(サブメニュー①の処理をする時はこの値は空にする)
		, 'dashicons-update'       // メニューのアイコンを指定 https://developer.wordpress.org/resource/dashicons/#awards
		, 0                             // メニューが表示される位置のインデックス(0が先頭) 5=投稿,10=メディア,20=固定ページ,25=コメント,60=テーマ,65=プラグイン,70=ユーザー,75=ツール,80=設定
	);
	
	
	// サブメニュー① ※事実上の親メニュー
	add_submenu_page(
		'test_menu'    // 親メニューのスラッグ
		, 'サブメニュー①です' // ページのタイトルタグ<title>に表示されるテキスト
		, '文字の切り替え' // サブメニューとして表示されるテキスト
		, 'manage_options' // 必要な権限 manage_options は通常 administrator のみに与えられた権限
		, 'test_menu'  // サブメニューのスラッグ名。この名前を親メニューのスラッグと同じにすると親メニューを押したときにこのサブメニューを表示します。一般的にはこの形式を採用していることが多い。
		, 'test_submenu1_page_contents' //（任意）このページのコンテンツを出力するために呼び出される関数
		, 0
	);

	// サブメニュー②
	add_submenu_page(
		'test_menu'    // 親メニューのスラッグ
		, 'サブメニュー②' // ページのタイトルタグ<title>に表示されるテキスト
		, '画像の切り替え' // サブメニューとして表示されるテキスト
		, 'manage_options' // 必要な権限 manage_options は通常 administrator のみに与えられた権限
		, 'test_submenu2' //サブメニューのスラッグ名
		, 'test_submenu2_page_contents' //（任意）このページのコンテンツを出力するために呼び出される関数
		, 1
	);
	
});

// メインメニューページ内容の表示・更新処理
function test_mainmenu_page_contents() {
	
	// HTML表示
	echo <<<EOF


<div class="wrap">
	<h2>メインメニューです</h2>
	<p>
		ページです。
	</p>
</div>

EOF;

}

//ーーーーーーーーーーーーーーーーーー省略ーーーーーーーーーーーーーーーーー
//52行目以下

// メインメニューページ内容の表示・更新処理

function test_mainmenu_page_contents() {
	
	// HTML表示

	echo <<<EOF


<div class="wrap">
	<h2>メインメニューです</h2>
	<p>
		ページです。
	</p>
</div>

EOF;

}



// サブメニュー①ページ内容の表示・更新処理

function test_submenu1_page_contents() {

	// HTML表示

	echo <<<EOF


<div class="wrap">
	<h2>サブメニュー①</h2>
	<p>
		ページです。
	</p>
</div>

EOF;

}



// サブメニュー②ページ内容の表示・更新処理

function test_submenu2_page_contents() {


	// HTML表示

	echo <<<EOF


<div class="wrap">
	<h2>サブメニュー②</h2>
	<p>
		ページです。

	</p>
</div>

EOF;

}

// メインメニューページ内容の表示・更新処理

function test_mainmenu_page_contents() {
	
	// HTML表示

	echo <<<EOF


<div class="wrap">
	<h2>メインメニューです</h2>
	<p>
		ページです。
	</p>
</div>

EOF;

}



// サブメニュー①ページ内容の表示・更新処理

function test_submenu1_page_contents() {


    // ユーザーが必要な権限を持つか確認
    if (!current_user_can('manage_options'))
    {
      wp_die( __('この設定ページのアクセス権限がありません') );
    }

	// 初期化
    $opt_name = 'toriaezu_message'; //オプション名の変数
    $opt_val = get_option( $opt_name ); // 既に保存してある値があれば取得
	$opt_val_old = $opt_val;
	$message_html = "";


	// 更新されたときの処理

    if( isset($_POST[ $opt_name ])) {

        // POST されたデータを取得
        $opt_val = $_POST[ $opt_name ];

        // POST された値を$opt_name=$opt_valでデータベースに保存(wp_options テーブル内に保存)
        update_option($opt_name, $opt_val);

        // 画面にメッセージを表示
		$message_html =<<<EOF
			
<div class="notice notice-success is-dismissible">
	<p>
		テキストを保存しました
		({$opt_val_old}→{$opt_val})
	</p>
</div>
			
EOF;
		
    }

	// HTML表示
	echo $html =<<<EOF

{$message_html}

<div class="wrap">
	
	<h2>メニューページ</h2>
	
	<form name="form1" method="post" action="">
	

		<p>
			<input type="text" name="{$opt_name}" value="{$opt_val}" size="32" placeholder="テキストを入力してみて下さい">
	
		</p>
	
		<hr />
	
		<p class="submit">
			<input type="submit" name="submit" class="button-primary" value="テキストを保存" />
		</p>
	
	</form>
	
</div>

EOF;

}



// サブメニュー②ページ内容の表示・更新処理

function test_submenu2_page_contents() {


	// HTML表示

	echo <<<EOF


<div class="wrap">
	<h2>サブメニュー②</h2>
	<p>
		ページです。

	</p>
</div>

EOF;

}

<?php get_option( $option, $default ); ?> 

<?php update_option( $option, $value, $autoload = null ); ?> 

<?php
	//プラグイン(文字を切り替える)
	$opt_name = 'test_message'; //オプション名の変数
	$opt_val = get_option( $opt_name ); // 既に保存してある値があれば取得
	print $opt_val;
?>

<?php

/*
Plugin Name: 画像と文字切り替えプラグイン
Plugin URI: プラグインの公式サイトの案内用の自由なURL
Description: 画像と文字を管理画面で切り替えられるようにするためのプラグインです。
Version: 1.0
Author: HAYABLOG
Author URI: https://blog.hayate-room.com/
*/


// 管理画面に「画像と文字の切り替えプラグイン」を追加登録する
add_action('admin_menu', function(){

	// メインメニュー①
    add_menu_page(
		'画像と文字の切り替え' // ページのタイトルタグ<title>に表示されるテキスト
		, '画像と文字の切り替え'   // 左メニューとして表示されるテキスト
		, 'manage_options'       // 必要な権限 manage_options は通常 administrator のみに与えられた権限
		, 'test_menu'        // 左メニューのスラッグ名 →URLのパラメータに使われる /wp-admin/admin.php?page=test_menu
		, 'test_mainmenu_page_contents' // メニューページを表示する際に実行される関数(サブメニュー①の処理をする時はこの値は空にする)
		, 'dashicons-update'       // メニューのアイコンを指定 https://developer.wordpress.org/resource/dashicons/#awards
		, 0                             // メニューが表示される位置のインデックス(0が先頭) 5=投稿,10=メディア,20=固定ページ,25=コメント,60=テーマ,65=プラグイン,70=ユーザー,75=ツール,80=設定
	);
	

	// サブメニュー① ※事実上の親メニュー
	add_submenu_page(
		'test_menu'    // 親メニューのスラッグ
		, 'サブメニュー①です' // ページのタイトルタグ<title>に表示されるテキスト
		, '文字の切り替え' // サブメニューとして表示されるテキスト
		, 'manage_options' // 必要な権限 manage_options は通常 administrator のみに与えられた権限
		, 'test_menu'  // サブメニューのスラッグ名。この名前を親メニューのスラッグと同じにすると親メニューを押したときにこのサブメニューを表示します。一般的にはこの形式を採用していることが多い。
		, 'test_submenu1_page_contents' //（任意）このページのコンテンツを出力するために呼び出される関数
		, 0
	);
 
	// サブメニュー②
	add_submenu_page(
		'test_menu'    // 親メニューのスラッグ
		, 'サブメニュー②' // ページのタイトルタグ<title>に表示されるテキスト
		, '画像の切り替え' // サブメニューとして表示されるテキスト
		, 'manage_options' // 必要な権限 manage_options は通常 administrator のみに与えられた権限
		, 'test_submenu2' //サブメニューのスラッグ名
		, 'test_submenu2_page_contents' //（任意）このページのコンテンツを出力するために呼び出される関数
		, 1
	);
	
});
 
// メインメニューページ内容の表示・更新処理
 
function test_mainmenu_page_contents() {
	
	// HTML表示
 
	echo <<<EOF
 
 
<div class="wrap">
	<h2>メインメニューです</h2>
	<p>
		ページです。
	</p>
</div>
 
EOF;
 
}
 
 
 
// サブメニュー①ページ内容の表示・更新処理
 
function test_submenu1_page_contents() {
 
    // ユーザーが必要な権限を持つか確認
	
    if (!current_user_can('manage_options'))
    {
      wp_die( __('この設定ページのアクセス権限がありません') );
    }
 

	// 初期化
	
    $opt_name = 'test_message'; //オプション名の変数
    $opt_val = get_option( $opt_name ); // 既に保存してある値があれば取得
	$opt_val_old = $opt_val;
	$message_html = "";
 
	
	// 更新されたときの処理

    if( isset($_POST[ $opt_name ])) {
 
        // POST されたデータを取得
        $opt_val = $_POST[ $opt_name ];
 
        // POST された値を$opt_name=$opt_valでデータベースに保存(wp_options テーブル内に保存)
        update_option($opt_name, $opt_val);
 
        // 画面にメッセージを表示
		$message_html =<<<EOF
			
<div class="notice notice-success is-dismissible">
	<p>
		テキストを保存しました
		({$opt_val_old}→{$opt_val})
	</p>
</div>
			
EOF;
		
    }
 
	// HTML表示
	echo $html =<<<EOF
 
{$message_html}
 
<div class="wrap">
	
	<h2>メニューページ</h2>
	
	<form name="form1" method="post" action="">
	
 
		<p>
			<input type="text" name="{$opt_name}" value="{$opt_val}" size="32" placeholder="テキストを入力してみて下さい">
	
		</p>
	
		<hr />
	
		<p class="submit">
			<input type="submit" name="submit" class="button-primary" value="テキストを保存" />
		</p>
	
	</form>
	
</div>
 
EOF;
 
}
 
 
 
// サブメニュー②ページ内容の表示・更新処理
 
function test_submenu2_page_contents() {
 
 
	// HTML表示
 
	echo <<<EOF
 
 
<div class="wrap">
	<h2>サブメニュー②</h2>
	<p>
		ページです。
 
	</p>
</div>
 
EOF;
 
}