ショートコードを作成する

WordPress

2020-02-06

ショートコードで挿入できるメモ欄を４色作成する。

サンプル

memo

pinkのメモ欄を表示

memo

greenのメモ欄を表示

memo

グレーのメモ欄を表示

memo

blueのメモ欄を表示

add_shortcodeを利用する

function.phpを編集



// memo用のショートコードを作成
add_shortcode('my_memo', function($atts, $content = null) {
  $atts = shortcode_atts(array(
      'class' => 'normal',    // classの初期値
      'title' => 'タイトル',    // titleの初期値
    ), 
    $atts,
    'my_memo'//ショートコード名 省略可能
  );
  extract($atts);    // extract(配列) 連想配列の各キーと同名の変数を作成して値を代入する 
  $memo = '<div class="shortcode_memo ' . $class . '"><p class="memo_title">' . $title . '</p><div class="memo_box">' . $content . '</div></div>';
  return $memo;
});