[PHP]WordPressのビジュアルエディタのカスタマイズ[太字のstrongタグ]

Question

WordPressのビジュアルエディタの太字「Bボタン」を押したときに<strong>タグではなく
<span class="my_bold"></span>
で囲まれるようにしたいのですが、うまくいきません。

「Bボタン」の効果が<strong>タグのままです。

以下、functions.phpの最下部に足した部分です。

// bタグをfont-weightに置換
function my_modify_formats($settings){
  $formats = array(
    'bold' => array(
      'inline' => 'span',
      'classes' => 'my_bold'
    ),
  );
  
  $settings['formats'] = json_encode( $formats );
  return $settings;
}
add_filter('tiny_mce_before_init', 'my_modify_formats');

ブラウザのキャッシュを消したり再起動したりはしました。
CSSの方の.my_boldのスタイリングは適用されるので更新はされているはずです。
WordPressのバージョンは5.4です。

Answer 1

自己解決しました。現バージョンではビジュアルエディターを設定でクラシックにした場合のみ適用されるようです。本当は新しい方でも適用されるべきところですがとりあえずよしとします。

Answer 2

こちら、参考になりますか?
https://www.wpbeginner.com/wp-tutorials/how-to-add-custom-styles-to-wordpress-visual-editor/