ワードプレス、テキストエディタにタグ挿入クイックタグボタンを追加

タイトルの通りテキストエディタにクイックタグを追加して吹き出しを簡単にしてみました。
吹き出しはプラグインの「Speech bubble」を利用しています。

if (!function_exists('custom_add_orignal_quicktags')) {
  function custom_add_orignal_quicktags() {
    if (wp_script_is('quicktags')) {
?>
<script type="text/javascript">
  QTags.addButton('orBtn01', 'extCSS', '', '', '', '外部リンク');
  QTags.addButton('orBtn02', 'Clear Float', '<br style="clear: both;" />', '', '', '回り込み解除');
</script>
<?php
    }
  }
}
add_action('admin_print_footer_scripts', 'custom_add_orignal_quicktags');

※上記は実際に使っているものとは違います。

吹き出しもLINE風ならSimplicityにもともとあるのを使わせてもらうとプラグインを使わなくても良いみたいです。使うとしたら、

function custom_quicktags() {
  if (wp_script_is('quicktags')){?>
    <script>
      QTags.addButton('splleft', '左吹き出し', '<p class="left_balloon">', '</p>');
      QTags.addButton('splright', '右吹き出し', '<p class="right_balloon">', '</p>');
      QTags.addButton('splclear', '回り込み解除', '<div class="clear_balloon"></div>', '');
    </script>
  <?php
  }
}
endif;
add_action( 'admin_print_footer_scripts', 'custom_quicktags' );

画像を付けるとしたらCSSを変更しないといけないので今回は「Speech bubble」プラグインを利用することにしました。「Speech bubble」プラグインは画像の変更も可能。
スタイルもたくさんあって使いこなせないです。

私は今のところテキストエディタじゃないと上手く使えません。
これはビジュアルエディタでも使えるようにしたいと思うんですが、「多分ああしたらこうなるはず！」と思い描くだけでまだ出来ていません。

プラグインの AddQuicktag を使うと簡単なんでしょうけどね・・。