制作の現場から  
  ワードプレスのエディタにクイックタグを追加する
2018
19
Mar

ワードプレスのエディタにクイックタグを追加する

投稿画面のボタン(クイックタグ)の使い方は一回聞いたところでなかなか覚えられません。
慣れていない人でも、分かり易く使いやすくするためにオリジナルのクイックタグがあれば便利です。

ワードプレスのビジュアルエディタにクイックタグを追加する

 

使い方

QTags.addButton( id, display, arg1, arg2, access_key, title, priority, instance );

id : ボタンのID
display : ボタンに表示される文字
arg1 : 開始タグ
arg2 : 閉じタグ(これ以降はオプション)
access_key : ボタンのショートカットアクセスキー
title : HTMLタグ内に記述されるタイトル
priority : ツールバーのボタンの優先順位
instance : ?指定すると Quicktags の特定のインスタンスだけにボタンを追加する。省略するとすべてのインスタンスに追加する。

使用例
//独自のクイックタグを追加する(WordPress Codex 日本語版より)
<?php function add_my_quicktags() {
   if ( wp_script_is( 'quicktags') ) {
?>
   <script>
        QTags.addButton( 'origin_paragraph', 'p', '<p>', '</p>', 'p', 'Paragraph tag', 1 );
        QTags.addButton( 'origin_hr', 'hr', '<hr />', '', 'h', 'Horizontal rule line', 201 );
        QTags.addButton( 'origin_pre', 'pre', '<pre lang="php">', '</pre>', 'q', 'Preformatted text tag', 111 );
   </script>
<?php
   }
}
add_action( 'admin_print_footer_scripts', 'add_my_quicktags' );

クイックタグAPI

 

top