wordpress上のスタイルというツールに
独自のスタイルを付与したいと考えています。
上記URLを参考に
php
1function wpdocs_theme_add_editor_styles() 2{ 3 add_editor_style('custom-editor-style.css'); 4} 5add_action('admin_init', 'wpdocs_theme_add_editor_styles');
上記のようなソースをfunctions.phpに追加して、
実際に追加したいスタイルを
php
1if (!function_exists('initialize_tinymce_styles')): 2 function initialize_tinymce_styles($init_array) 3{ 4 //追加するスタイルの配列を作成 5 $style_formats = array( 6 array( 7 'title' => '○本文', 8 'block' => 'p', 9 'classes' => 'main-contents', 10 "wrapper" => false, 11 ), 12 array( 13 'title' => '○見出し1', 14 'block' => 'h2', 15 'classes' => 'original-header-1', 16 "wrapper" => false, 17 ), 18 array( 19 'title' => '○見出し2', 20 'block' => 'h3', 21 'classes' => 'original-header-2', 22 "wrapper" => false, 23 ), 24 array( 25 'title' => '○見出し3', 26 'block' => 'h4', 27 'classes' => 'original-header-3', 28 "wrapper" => false, 29 ), 30 array( 31 'title' => '○枠1', 32 'block' => 'div', 33 'classes' => 'original-outline-1', 34 "wrapper" => true, 35 ), 36 array( 37 'title' => '○枠2', 38 'block' => 'div', 39 'classes' => 'original-outline-2', 40 "wrapper" => true, 41 ), 42 array( 43 'title' => '○枠3', 44 'block' => 'div', 45 'classes' => 'original-outline-3', 46 "wrapper" => true, 47 ), 48 array( 49 'title' => '○画像枠1', 50 'block' => 'div', 51 'classes' => 'original-outline-4', 52 "wrapper" => true, 53 ), 54 array( 55 'title' => '○吹き出し人名左', 56 'block' => 'div', 57 'classes' => 'voice-left', 58 "wrapper" => true, 59 ), 60 array( 61 'title' => '○吹き出し内容左', 62 'block' => 'div', 63 'classes' => 'voice-box-left', 64 "wrapper" => true, 65 ), 66 array( 67 'title' => '○吹き出し人名右', 68 'block' => 'div', 69 'classes' => 'voice-right', 70 "wrapper" => true, 71 ), 72 array( 73 'title' => '○吹き出し内容右', 74 'block' => 'div', 75 'classes' => 'voice-box-right', 76 "wrapper" => true, 77 ), 78 array( 79 'title' => '○店舗情報枠', 80 'block' => 'div', 81 'classes' => 'shop-info', 82 "wrapper" => true, 83 ), 84 array( 85 'title' => '○店舗リンク', 86 'inline' => 'a', 87 'classes' => 'shop-link', 88 "wrapper" => false, 89 ), 90 array( 91 'title' => '○店舗リンクボタン', 92 'inline' => 'a', 93 'classes' => 'original-button-1', 94 "attributes" => [ 95 "href" => "https://shop.com" 96 ], 97 "wrapper" => false, 98 ), 99 ); 100 //JSONに変換 101 $init_array['style_formats'] = json_encode($style_formats); 102 return $init_array; 103 } 104endif; 105add_filter('tiny_mce_before_init', 'initialize_tinymce_styles', 10000);
上記のようなソースを追記しています。
しかし、実際の記事編集画面では
スタイルのプルダウンメニューに上記ソースのtitleキーの日本語を表示させないのですが、
どうも、classesキーのclass属性が反映されてしまうようなのです。
これを正しく任意で指定したtitleキーの日本語で表示させるにはどのようにしたらよいでしょうか?
あなたの回答
tips
プレビュー