Web Design Leaves

function my_meta_box_markup($post) {
  wp_nonce_field('meta_box_title_and_description_action', 'my_meta_box_nonce');
  $cf_title_value = esc_html(get_post_meta($post->ID, 'my_title', true));
  $cf_description_value = esc_html(get_post_meta($post->ID, 'my_description', true));
?>
<div id="meta_info">
  <p>ページのメタ情報を入力してください。</p>
  <div>
    <label for="my_title">ページのタイトル</label><br>
    <input type="text" name="my_title" value="<?php echo $cf_title_value; ?>">
  </div>
  <div>
    <label for="my_description">ページの説明</label><br>
    <textarea name="my_description" rows="3"><?php echo $cf_description_value; ?></textarea>
  </div>
</div>
<?php
}

<div id="meta_info">
  <p>ページのメタ情報を入力してください。</p>
  <div>
    <label for="my_title">ページのタイトル</label><br>
    <input type="text" name="my_title" value="">
  </div>
  <div>
    <label for="my_description">ページの説明</label><br>
    <textarea name="my_description" rows="3"></textarea>
  </div>
</div>

<textarea name="my_description" rows="3">
  <?php echo get_post_meta($post->ID, 'my_description', true); ?>
</textarea>

<textarea name="my_description" rows="3"><?php echo get_post_meta($post->ID, 'my_description', true); ?></textarea>

function add_my_custom_meta_box() {

  add_meta_box(
    'meta_info',
    'メタ情報入力欄',
    'my_meta_box_markup',
    'post',
    'normal',
    'high',
    //第7パラメータ（$callback_args）は連想配列で指定
    //表示用関数の第2パラメータを使って参照する値
     array( 
       // 'キー名' => '値', 
       'title_key' => 'my_title', 
       //for 属性や name 属性の値、get_post_meta() のキーとして使用
       'title_label' => 'ページのタイトル', 
       //出力するラベル（文字）として使用
       'description_key' => 'my_description',
       //for 属性や name 属性の値、get_post_meta() のキーとして使用
       'description_label' => 'ページの説明'
       //出力するラベル（文字）として使用
     )
  );
}
add_action('add_meta_boxes', 'add_my_custom_meta_box');

function my_meta_box_markup($post, $box) {
  wp_nonce_field('meta_box_title_and_description_action', 'my_meta_box_nonce');
  $cf_title_key = trim($box['args']['title_key']);
  $cf_title_label = trim($box['args']['title_label']);
  $cf_title_value = esc_html(get_post_meta($post->ID, $cf_title_key, true));
  $cf_description_key = trim($box['args']['description_key']);
  $cf_description_label = trim($box['args']['description_label']);
  $cf_description_value = esc_html(get_post_meta($post->ID, $cf_description_key, true));
?>
<div id="meta_info">
  <p>ページのメタ情報を入力してください。</p>
  <div>
    <label for="<?php echo $cf_title_key; ?>"><?php echo $cf_title_label; ?></label><br>
    <input type="text" name="<?php echo $cf_title_key; ?>" value="<?php echo $cf_title_value; ?>">
  </div>
  <div>
    <label for="<?php echo $cf_description_key; ?>"><?php echo $cf_description_label; ?></label><br>
    <textarea name="<?php echo $cf_description_key; ?>" rows="3"><?php echo $cf_description_value; ?></textarea>
  </div>
</div>
<?php
}

$cf_title_key = trim($box['args']['title_key']);
$cf_title_label = trim($box['args']['title_label']);
$cf_title_value = esc_html(get_post_meta($post->ID, $cf_title_key, true));
 
<label for="<?php echo $cf_title_key; ?>"><?php echo $cf_title_label; ?></label>
<input type="text" name="<?php echo $cf_title_key; ?>" value="<?php echo $cf_title_value; ?>">

function save_my_custom_meta_box($post_id) {
  //HTML出力用関数で設定した nonce を取得
  $my_meta_box_nonce = isset($_POST['my_meta_box_nonce']) ? $_POST['my_meta_box_nonce'] : null;
  //nonce を確認し値が正しくなければ return （何もしない：CSRF 対策）
  if(!wp_verify_nonce($my_meta_box_nonce, 'meta_box_title_and_description_action')) {	
    return;
  }
  //自動保存ルーチンかどうか。（記事の自動保存処理として呼び出された場合の対策）
  if(defined('DOING_AUTOSAVE') && DOING_AUTOSAVE) { 
    return; 
  }
  //ユーザーが編集権限を持っていない場合は何もしない
  if(!current_user_can('edit_post', $post_id)) { 
    return; 
  }
  //add_meta_box の第4パラメータ（$screen）で指定した投稿タイプを確認
  if($_POST['post_type'] == 'post'){ 
    //カスタムフィールドのキーが my_title に入力された情報を保存・更新
    if( isset( $_POST['my_title'] ) ) {
      update_post_meta($post_id, 'my_title', $_POST['my_title']);
    }
    //カスタムフィールドのキーが my_description に入力された情報を保存・更新
    if( isset( $_POST['my_description'] ) ) {
      update_post_meta($post_id, 'my_description', $_POST['my_description']);	
    }
  }
}
add_action('save_post', 'save_my_custom_meta_box'); 

function save_my_meta_box( $post_id ) {
  $my_meta_box_nonce = isset( $_POST[ 'my_meta_box_nonce' ] ) ? $_POST[ 'my_meta_box_nonce' ] : null;
  if ( !wp_verify_nonce( $my_meta_box_nonce, 'meta_box_title_and_description_action' ) ) {
    return;
  }
  if ( defined( 'DOING_AUTOSAVE' ) && DOING_AUTOSAVE ) {
    return;
  }
  if ( !current_user_can( 'edit_post', $post_id ) ) {
    return;
  }
  
  //カスタムフィールドのキーの配列
  $my_cf_keys = ['my_title', 'my_description'];
  
  if($_POST['post_type'] == 'post'){ 
    //各カスタムフィールドのキーで繰り返し
    foreach( $my_cf_keys as $cf_key ) {
      if( isset( $_POST[$cf_key] ) ) {
        update_post_meta($post_id, $cf_key, $_POST[$cf_key]);
      }
    }
  }
}
add_action( 'save_post', 'save_my_meta_box' );

if( isset( $_POST['my_title'] ) && $_POST['my_title'] ) {
  update_post_meta($post_id, 'my_title', $_POST['my_title']);
} else {
  delete_post_meta( $post_id, 'my_title', get_post_meta($post_id, 'my_title', true) );
}

if( isset( $_POST['my_title'] ) && $_POST['my_title'] !== '' ) {
  update_post_meta($post_id, 'my_title', $_POST['my_title']);
} else {
  delete_post_meta( $post_id, 'my_title', get_post_meta($post_id, 'my_title', true) );
}

//メタボックスの作成
function add_my_custom_meta_box() {
  add_meta_box(
    'meta_info',
    'メタ情報入力欄',
    'my_meta_box_markup',
    'post',
    'normal',
    'high',
    //表示用関数の第2パラメータを使って参照する値
     array( 
       'title_key' => 'my_title',  //カスタムフィールドのキー
       'title_label' => 'ページのタイトル', //編集画面に出力する文字
       'description_key' => 'my_description', //カスタムフィールドのキー
       'description_label' => 'ページの説明', //編集画面に出力する文字
       'keywords_key' => 'my_keywords', //カスタムフィールドのキー
       'keywords_label' => 'ページのキーワード（カンマ区切りで記述）' //編集画面に出力する文字
     )
  );
}
add_action('add_meta_boxes', 'add_my_custom_meta_box');
 
//入力エリアの HTML を出力する関数
function my_meta_box_markup($post, $box) {
  wp_nonce_field('meta_box_title_and_description_action', 'my_meta_box_nonce');
  $cf_title_key = trim($box['args']['title_key']);  //'my_title'
  $cf_title_label = trim($box['args']['title_label']);  //'ページのタイトル'
  $cf_title_value = esc_html(get_post_meta($post->ID, $cf_title_key, true)); //カスタムフィールド my_title の値
  $cf_description_key = trim($box['args']['description_key']);  //'my_description'
  $cf_description_label = trim($box['args']['description_label']);  //'ページの説明'
  $cf_description_value = esc_html(get_post_meta($post->ID, $cf_description_key, true));  //カスタムフィールド my_description の値
  $cf_keywords_key = trim($box['args']['keywords_key']);  //'my_keywords'
  $cf_keywords_label = trim($box['args']['keywords_label']);  //'ページのキーワード'
  $cf_keywords_value = esc_html(get_post_meta($post->ID, $cf_keywords_key, true));  //カスタムフィールド my_keywords の値
?>
<div id="meta_info">
  <p>ページのメタ情報を入力してください。</p>
  <div>
    <label for="<?php echo $cf_title_key; ?>"><?php echo $cf_title_label; ?></label><br>
    <input type="text" name="<?php echo $cf_title_key; ?>" value="<?php echo $cf_title_value; ?>">
  </div>
  <div>
    <label for="<?php echo $cf_description_key; ?>"><?php echo $cf_description_label; ?></label><br>
    <textarea name="<?php echo $cf_description_key; ?>" rows="3"><?php echo $cf_description_value; ?></textarea>
  </div>
  <div>
    <label for="<?php echo $cf_keywords_key; ?>"><?php echo $cf_keywords_label; ?></label><br>
    <input type="text" name="<?php echo $cf_keywords_key; ?>" value="<?php echo $cf_keywords_value; ?>">
  </div>
</div>
<?php
}
 
//入力された情報の保存
function save_my_custom_meta_box($post_id) {
  //HTML出力用関数で設定した nonce を取得
  $my_meta_box_nonce = isset($_POST['my_meta_box_nonce']) ? $_POST['my_meta_box_nonce'] : null;
  //nonce を検証し値が正しくなければ return（何もしない）
  if(!wp_verify_nonce($my_meta_box_nonce, 'meta_box_title_and_description_action')) {	
    return;
  }
  //自動保存ルーチンかどうか。（記事の自動保存処理として呼び出された場合の対策）
  if(defined('DOING_AUTOSAVE') && DOING_AUTOSAVE) { 
    return; 
  }
  //ユーザーが編集権限を持っていない場合は何もしない
  if(!current_user_can('edit_post', $post_id)) { 
    return; 
  }
  
  //カスタムフィールドのキーの配列
  $my_cf_keys = ['my_title', 'my_description', 'my_keywords'];
  
  //add_meta_box の第4パラメータ（$screen）で指定した投稿タイプを確認
  if($_POST['post_type'] == 'post'){ 
    //各カスタムフィールドのキーで繰り返し
    foreach( $my_cf_keys as $cf_key ) {
      if( isset( $_POST[$cf_key] ) ) {
        update_post_meta($post_id, $cf_key, $_POST[$cf_key]);
      }
    }
  }
}
add_action('save_post', 'save_my_custom_meta_box'); 

//カスタムフィールドのキーとHTMLで出力する文字（ラベル）の変数を設定
$my_box_data = array() ;
$my_box_data["key"]["title"] = 'my_title' ; //カスタムフィールドのキー
$my_box_data["label"]["title"] = 'ページのタイトル' ; //出力する文字（ラベル）
$my_box_data["key"]["description"] = 'my_description' ; //カスタムフィールドのキー
$my_box_data["label"]["description"] = 'ページの説明' ;  //出力する文字（ラベル）
$my_box_data["key"]["keywords"] = 'my_keywords' ; //カスタムフィールドのキー
$my_box_data["label"]["keywords"] = 'ページのキーワード（カンマ区切りで記述）' ; //出力する文字（ラベル）

//メタボックスの作成
function add_my_custom_meta_box() {
  add_meta_box(
    'meta_info',
    'メタ情報入力欄',
    'my_meta_box_markup',
    'post',
    'normal',
    'high'
  );
}
add_action('add_meta_boxes', 'add_my_custom_meta_box');

//入力エリアの HTML を出力する関数
function my_meta_box_markup($post, $box) {
  wp_nonce_field('meta_box_title_and_description_action', 'my_meta_box_nonce');
  global $my_box_data; //独自に設定した変数にアクセス
  $cf_title_key = trim($my_box_data['key']['title']); //'my_title'
  $cf_title_label = trim($my_box_data['label']['title']); //'ページのタイトル'
  $cf_title_value = esc_html(get_post_meta($post->ID, $cf_title_key, true)); //カスタムフィールド my_title の値
  $cf_description_key = trim($my_box_data['key']['description']);//'my_description'
  $cf_description_label = trim($my_box_data['label']['description']); //'ページの説明'
  $cf_description_value = esc_html(get_post_meta($post->ID, $cf_description_key, true)); //カスタムフィールド my_description の値
  $cf_keywords_key = trim($my_box_data['key']['keywords']); //'my_keywords'
  $cf_keywords_label = trim($my_box_data['label']['keywords']); //'ページのキーワード'
  $cf_keywords_value = esc_html(get_post_meta($post->ID, $cf_keywords_key, true)); //カスタムフィールド my_keywords の値
?>
<div id="meta_info">
  <p>ページのメタ情報を入力してください。</p>
  <div>
    <label for="<?php echo $cf_title_key; ?>"><?php echo $cf_title_label; ?></label><br>
    <input type="text" name="<?php echo $cf_title_key; ?>" value="<?php echo $cf_title_value; ?>">
  </div>
  <div>
    <label for="<?php echo $cf_description_key; ?>"><?php echo $cf_description_label; ?></label><br>
    <textarea name="<?php echo $cf_description_key; ?>" rows="3"><?php echo $cf_description_value; ?></textarea>
  </div>
  <div>
    <label for="<?php echo $cf_keywords_key; ?>"><?php echo $cf_keywords_label; ?></label><br>
    <input type="text" name="<?php echo $cf_keywords_key; ?>" value="<?php echo $cf_keywords_value; ?>">
  </div>
</div>
<?php
}
 
//入力された情報の保存
function save_my_custom_meta_box($post_id) {
  //HTML出力用関数で設定した nonce を取得
  $my_meta_box_nonce = isset($_POST['my_meta_box_nonce']) ? $_POST['my_meta_box_nonce'] : null;
  //nonce を検証し値が正しくなければ return（何もしない）
  if(!wp_verify_nonce($my_meta_box_nonce, 'meta_box_title_and_description_action')) {	
    return;
  }
  //自動保存ルーチンかどうか。（記事の自動保存処理として呼び出された場合の対策）
  if(defined('DOING_AUTOSAVE') && DOING_AUTOSAVE) { 
    return; 
  }
  //ユーザーが編集権限を持っていない場合は何もしない
  if(!current_user_can('edit_post', $post_id)) { 
    return; 
  }
  
  //global キーワードを指定（カスタムフィールドのキーの配列は $my_box_data['key']）
  global $my_box_data;
  
  //add_meta_box の第4パラメータ（$screen）で指定した投稿タイプを確認
  if($_POST['post_type'] == 'post'){ 
    //各カスタムフィールドのキーで繰り返し
    foreach( $my_box_data['key'] as $cf_key ) {
      if( isset( $_POST[$cf_key] ) ) {
        update_post_meta($post_id, $cf_key, $_POST[$cf_key]);
      }
    }
  }
}
add_action('save_post', 'save_my_custom_meta_box'); 

//メタボックスの作成 (canonical タグ用)
function add_my_canonical_meta_box() {
  add_meta_box(
    'canonical_info',
    'canonical（正規ページの URL）を設定',
    'my_meta_box_canonical_markup',
    'post',
    'normal',
    'high'
  );
}
add_action('add_meta_boxes', 'add_my_canonical_meta_box');

//HTML を出力する関数
function my_meta_box_canonical_markup( $post ) {
  wp_nonce_field( 'meta_box_canonical_action', 'my_canonical_meta_box_nonce' );
  //カスタムフィールド my_title の値
  $cf_canonical_value = esc_html(get_post_meta($post->ID, 'my_canonical', true)); 
  ?>
<div id="canonical_info">
  <input type="text" name="my_canonical" value="<?php echo $cf_canonical_value; ?>">
</div>
<?php
}

//入力された情報の保存
function save_my_canonical_meta_box( $post_id ) {
  //HTML出力用関数で設定した nonce をそれぞれ取得
  $my_canonical_meta_box_nonce = isset( $_POST[ 'my_canonical_meta_box_nonce' ] ) ? $_POST[ 'my_canonical_meta_box_nonce' ] : null;
  //nonce を検証し値が正しくなければ return（何もしない）
  if ( !wp_verify_nonce( $my_canonical_meta_box_nonce, 'meta_box_canonical_action' ) ) {
    return;
  }
  //自動保存ルーチンかどうか。（記事の自動保存処理として呼び出された場合の対策）
  if ( defined( 'DOING_AUTOSAVE' ) && DOING_AUTOSAVE ) {
    return;
  }
  //ユーザーが編集権限を持っていない場合は何もしない
  if ( !current_user_can( 'edit_post', $post_id ) ) {
    return;
  }
  //add_meta_box の第4パラメータ（$screen）で指定した投稿タイプを確認
  if($_POST['post_type'] == 'post'){
    if( isset( $_POST['my_canonical'] ) ) {
      update_post_meta($post_id, 'my_canonical', $_POST['my_canonical']);
    }
  }
}
add_action( 'save_post', 'save_my_canonical_meta_box' );

//デフォルトの canonical を削除
remove_action('wp_head', 'rel_canonical');

function add_canonical_tags_with_cfv() {
  //個別ページの場合
  if ( is_singular() ) {
    //カスタムフィールドの my_canonical の値を取得
    $cf_canonical = trim( get_post_meta( get_the_ID(), 'my_canonical', true ) );
    //カスタムフィールドに my_canonical の値が設定されている場合のみ
    if ( $cf_canonical ) {
      echo '<link rel="canonical" href="' . $cf_canonical . '">' . "\n";
    }
  }
}
add_action( 'wp_head', 'add_canonical_tags_with_cfv', 1 );

function add_my_custom_meta_box() {
  add_meta_box('post_info','使い方','my_post_info','post','normal','high');
  
  ・・・その他の add_meta_box() を使ったメタボックスの作成（もしあれば）・・・
}
add_action('add_meta_boxes', 'add_my_custom_meta_box');

function my_post_info() {
  global $post;
  wp_nonce_field(wp_create_nonce(__FILE__), 'my_nonce');
?>
<div id="post_info">
  <h4>メタ情報入力欄</h4>
  <dl>
    <dt>ページのタイトル（title 属性）</dt>
    <dd>オプションです。指定しない場合は、記事のタイトルが設定されます。</dd>
  </dl>
  <dl>
    <dt>ページの説明（description 属性）</dt>
    <dd>検索結果などに表示されるページの説明文です。最大124文字程度（60～100文字前後）で・・・</dd>
  </dl>
  <dl>
    <dt>キーワード（keywords 属性）</dt>
    <dd>オプションです。このページに関するキーワードを・・・</dd>
  </dl>
</div>
<?php
}

$post_id = '';
//投稿ID を $_GET['post']  または $_POST['post_ID'] から取得
if( isset($_GET['post'] ) || isset( $_POST['post_ID'] ) ) {
  $post_id = $_GET['post'] ? $_GET['post'] : $_POST['post_ID'] ;
}

//メタボックスの作成
function add_my_fruit_meta_box() {
  add_meta_box(
    'fruit_info',  //編集画面の HTML 要素の id 属性
    'フルーツ入力欄',  //画面上に表示されるタイトル文字列
    'my_fruit_box_markup', //HTML を出力する表示用関数の名前
    'post',
    'normal',
    'default',
    array(
      'fruit_key' => 'my_fruit'  //カスタムフィールドのキー
    )
  );
}
add_action( 'add_meta_boxes', 'add_my_fruit_meta_box' );

//フルーツを選択するチェックボックスの HTML を出力する関数
function my_fruit_box_markup( $post, $box ) {
  //表示するフルーツの項目の連想配列
  $fruits = array(
    'apple' => 'りんご',
    'banana' => 'バナナ',
    'grape' => 'ぶどう',
    'melon' => 'メロン',
    'orange' => 'オレンジ',
    'strawberry' => 'いちご'
  );
  //CSRF 対策
  wp_nonce_field( 'event_meta_box_action', 'my_fruit_meta_box_nonce' );
  
  //カスタムフィールドのキー 'my_fruit'
  $cf_fruit_key = trim( $box[ 'args' ][ 'fruit_key' ] ); 
  //★★★ 取得する値は配列なのでエスケープ処理は出力時に実施
  $cf_fruit_value = get_post_meta( $post->ID, $cf_fruit_key, true ); 
  //cf_fruit_value の値（選択されている値の配列）がない場合は空の配列
  $cf_fruit_value_array = $cf_fruit_value ? $cf_fruit_value : array(); 
  ?>
<style> /* スタイルの指定 */
  #fruit_info label.check-box {
    margin-right: 2rem;
    line-height: 30px;
  }
</style>
<div id="fruit_info">
  <p>好きなフルーツにチェックを入れてください</p>
  <?php
  //4つ表示して改行するためのカウント
  $count = 0;
  //フルーツの連想配列 $fruits を使用 $fruits = array('apple' => 'りんご',...)
  foreach ( $fruits as $value ) {
    //in_array で $cf_fruit_value_array の値の中に $value と同じ値があれば checkd を付与
    $checked = '';
    if ( in_array( $value, $cf_fruit_value_array ) )$checked = ' checked';
    // name 属性は配列（fruit_key[]）を指定する必要があります
    echo '<label class="check-box"><input type="checkbox" name="' . $cf_fruit_key . '[]" value="' . esc_attr( $value ) . '"' . $checked . '>' . esc_html( $value ) . '</label>';
    $count++;
    if ( $count % 4 === 0 )echo '<br>'; //4つ表示して改行
  }
  ?>
</div>
<?php
}

//メタボックスに入力された情報の保存
function save_my_fruit_metabox( $post_id ) {
  //HTML出力用関数で設定した nonce を取得
  $my_fruit_meta_box_nonce = isset( $_POST[ 'my_fruit_meta_box_nonce' ] ) ? $_POST[ 'my_fruit_meta_box_nonce' ] : null;
  //nonce を検証し値が正しくなければ return（何もしない）
  if ( !wp_verify_nonce( $my_fruit_meta_box_nonce, 'event_meta_box_action' ) ) {
    return;
  }
  //自動保存ルーチンかどうか。（記事の自動保存処理として呼び出された場合の対策）
  if ( defined( 'DOING_AUTOSAVE' ) && DOING_AUTOSAVE ) {
    return;
  }
  //ユーザーが編集権限を持っていない場合は何もしない
  if ( !current_user_can( 'edit_post', $post_id ) ) {
    return;
  }
  //add_meta_box の第4パラメータ（$screen）で指定した投稿タイプを確認
  if ( $_POST[ 'post_type' ] == 'post' ) {
    //カスタムフィールドのキーが my_fruit に入力された情報を保存・更新
    if ( isset( $_POST[ 'my_fruit' ] ) && $_POST[ 'my_fruit' ] ) {
      update_post_meta( $post_id, 'my_fruit', $_POST[ 'my_fruit' ] );
    } else {
      delete_post_meta( $post_id, 'my_fruit', get_post_meta( $post_id, 'my_fruit', true ) );
    }
  }
}
add_action( 'save_post', 'save_my_fruit_metabox' );