TinyMCE Advanced(エディター)でリンクの編集でクラス名を選択できるようにする
完成イメージ
function.phpに記述
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 |
/*------------ TinyMCE Advanced(エディター)でリンクの編集でクラス名を選択できるようにする ------------*/ //TinyMCE追加用のスタイルを初期化 if ( !function_exists( 'initialize_tinymce_styles' ) ): function initialize_tinymce_styles($init_array) { //追加するスタイルの配列を作成 $link_class_list = array( array( 'title' => 'ボタン（下線タイプ）', 'value' => 'btn btn-01' ), array( 'title' => 'ボタン（リンクタイプ）', 'value' => 'btn btn-02' ), array( 'title' => 'ボタン（ポップアップタイプ）', 'value' => 'btn btn-03' ) ); //JSONに変換 $init_array['link_class_list'] = json_encode($link_class_list); return $init_array; } endif; add_filter('tiny_mce_before_init', 'initialize_tinymce_styles', 10000); |
プラグインの設定
以下の設定が前提となります
・代替リンクダイアログ
リンク設定のボタンでTinyMCE Advancedのリンク設定画面が開きます。ページ内リンクが設定できますので、目次の作成時に便利です。リンクを設定したあとならWordPressのリンク設定画面を開けます。
参考サイト：