WordPress投稿ページにボタンを追加して任意の処理を実行させる

広告WordPress・PHP を学べる本

Amazonのアソシエイトとして、WordPress functions.phpは適格販売により収入を得ています。

概要説明

投稿ページでボタン実行時に特定の処理を実行したりで利用できるボタンを追加するカスタマイズ。読み込み時ではなくボタン実行時に処理を実行させたいという場合に使っています。

検証用、データのチェック、可能など使い方は自由

functions.php
/*----------------------------------------------------
 投稿ページにボタンを追加して任意の処理を実行させる
----------------------------------------------------*/
if ( !function_exists( 'add_btn_meta_box' ) ){
    function add_btn_meta_box(){
        // 中身を出す関数は無名関数にして、ほかの関数の名前とぶつからないようにする
        add_meta_box( 'post_btn', 'オリジナル機能', function( $post ){
            ?>
            <button type="button" id="post-btn-run" class="button">任意のボタン</button>
            <script>
                (function($) {
                    $('#post-btn-run').on('click', function() {
                        // ここに jQuery の処理を追加できます
                        console.log('click');
                    });
                })(jQuery);
            </script>
            <?php
        }, 'post', 'side' );
    }
    add_action( 'add_meta_boxes', 'add_btn_meta_box' );
}

中身を出す関数を別の名前で決めると、ほかのプラグインに同じ名前の関数があったときに Cannot redeclare の Fatal error になります。無名関数にしておくと、名前がぶつかりません。

WordPress投稿ページにボタンを追加して任意の処理を実行させる

WordPress Developer Resources

関連機能

  1. WordPress 記事タイトルが空の場合にアラートを表示させて保存処理を止める

  2. 管理画面ヘッダーにログアウトを追加

  3. WordPress 記事編集画面の本文のテキストエリアの高さを変更する

サイドバー

よく使うカスタマイズ

最近の記事

Profile

PAGE TOP