WordPressのテキストエディタにボタン（クイックタグ）を追加する。

WordPressのテキストエディタにボタン（クイックタグ）を追加するのはとても簡単！
functions.phpを少しイジるだけです。

functions.phpにボタンを挿入するコードを入力する。

デフォルトでテキストエディタには写真のようにボタンが並んでおります。

ここに、functions.phpに下記コードを挿入します。今回は「pタグ」を挿入してみます。
ポイントは「QTags.addButton(‘ID’, ‘ボタンに表示する名称’, ‘開始タグ’, ‘終了タグ’);」。それぞれ任意の文字列を入力します。

function addQuicktag() {
?>
<script type="text/javascript">
QTags.addButton('p', 'p', '<p>', '</p>');
</script>
<?php
}
add_action('admin_print_footer_scripts', 'addQuicktag');

管理画面を確認しましょう！

FTPにfunctions.phpをアップして、管理画面の投稿ページを更新して確認しましょう。
いかがでしょうか、写真のようにボタンが追加されました！

一応テストします。通常と同じように文字列を選択後、作ったボタン「p」をクリックします。
問題なく「pタグ」が追加されました！よく使うソース等を登録しておけば、ブログ記事を作る上での時間短縮になりますね！

「鍵カッコ」なんかも必要であれば作っても便利かもしれませんw

<script type="text/javascript">
QTags.addButton('鍵カッコ', '鍵カッコ', '「', '」');
</script>

コメント

プロフィール

bbpはWEBデザインと輸出入の仕事をしてます。趣味程度のブログです。キュレーションへの投稿、ページのいいねとシェアに喜びます。