work.log

元エンジニアの備忘録的ブログ

WordPressのエディタに独自の機能ボタンを追加する

投稿:

WordPress の管理画面にある標準のエディタに独自の機能ボタンを追加するメモです。

多分、テキストエディタ専用だと思いますがこんな感じのボタンを追加して入力作業が捗るようにしてみます。

wordpress-funcbtn

実装は functions.php 内に下記のようなコードを追加するだけ。

ココでは <span class=’hoge’>?</span> みたいな HTML タグを簡単に入力できるようにしています。

if ( is_admin() ) {

	function add_myfunc_btn() {
		echo '<script type="text/javascript">';
		echo 'QTags.addButton("ed_fontsizes", "myfunc", "<span class=\'hoge\'>", "</span>");';
		echo '</script>';
	}
	add_action( 'admin_print_footer_scripts',  'add_myfunc_btn' );

}

追加後は管理画面内で有効になっていれば OK。

これが結構便利!なんですが、二個、三個とボタンを追加していくと上手く動かず。仕様をもっと調べないと。