クイックタグ を Classic Editor で 追加する方法

クイックタグ

諸事情(直近の案件は、4.9.9で頑張っていましたが、5系でないとサポートされていないテーマを使う案件があったため)により、やっと WordPress 5系 を使ってみました。

コードで投稿する分にはそこまで変わらないだろうと思っていましたが、[ AddQuicktag ]が使えずちょっと不便…。

[ Classic Editor ] で [ AddQuicktag ] が使えないため、functions.php に記述して クイックタグ を利用する方法を整理しました。

/*-------------------------------------------*/
/*  使わないクイックタグの削除
/*-------------------------------------------*/
function default_qtag($qtID) {
    $qtID['buttons'] = 'link,block,img,more,close'; //表示するボタンのIDを羅列
    return $qtID;
}
add_filter('quicktags_settings', 'default_qtag', 10, 1);

/*-------------------------------------------*/
/*  クイックタグの追加
/*-------------------------------------------*/
function add_qtag() {
    if (wp_script_is('quicktags')){
?>
        <script type="text/javascript">
        /** 書式 : QTags.addButton('ID', 'ボタンのラベル', '開始タグ', '終了タグ', 'アクセスキー', 'タイトル', プライオリティ); **/
        /** 例 **/
        QTags.addButton('ptag','p','<p>','</p>','','p',1001);
        QTags.addButton('htag2','h2','<h2>','</h2>','','h2',1002);
        QTags.addButton('htag3','h3','<h3>','</h3>','','h3',1003);
        QTags.addButton('htag4','h4','<h4>','</h4>','','h4',1004);
        QTags.addButton('ultag','ul>','<ul>','</ul>','','ul>',1005);
        QTags.addButton('oltag','ol>','<ol>','</ol>','','ol>',1006);
        QTags.addButton('litag','li>','<li>','</li>','','li>',1007);
        </script>
<?php
    }
}
add_action('admin_print_footer_scripts','add_qtag');

今のところ、[ Classic Editor ] のサポートは2021年末までのよう。思ったより短いですが、完全に打ち切るわけではなく、2021年にもう一度サポートを継続すべきか再検討するようです。

応援よろしくお願いします。
いいね ! してもらえると嬉しいです。

Twitter で

自己紹介

松田 大 と申しますm(_ _)m
インディーズでミュージシャンをやっていたのですがいつのまにか...

とある企業でショップのアルバイトスタッフから正社員、支店長を経てシステム部門に異動するという、開発担当としては変わった経緯を持っている方だと思います。

「Excel VBA」からスタートして、Yamaha RTX シリーズで VPN環境構築、Hyper-V環境構築、Windowsアプリ開発などを経験した後、「 WordPress 」に出会い、どっぷりハマっています(^_^)。

現在勤めているJTクラウドシステムでは、「 WordPress 」を活用したWEBサイト、業務用WEBアプリケーション開発を中心に、記事の執筆代行や掲載に必要な情報のリサーチ、映像のテロップ入れや切りはりなどの簡単な動画編集なども、まとめて行なっています。

現在、代表取締役兼二児のパパ。社畜ながらイクメン目指して、公私ともに慌ただしくしています(笑)

お問い合わせはJTクラウドシステムホームページからお願いします。