WordPressにBootstrapのモーダルを追加する方法

方法1: プラグインを使用する

WordPressの管理画面にログインし、「プラグイン」メニューに移動します。
「新規追加」をクリックし、「Bootstrap Modal」プラグインを検索します。
プラグインをインストールし、有効化します。
プラグインが有効化されると、モーダルを作成するためのショートコードが利用可能になります。例えば、[bootstrap_modal id="my-modal"]というショートコードを使用してモーダルを作成します。

方法2: コードをテーマファイルに追加する

WordPressのテーマフォルダにアクセスします。
テーマフォルダ内の「functions.php」ファイルを開きます。
ファイルの末尾に以下のコードを追加します。

function add_bootstrap_modal() {
    ?>
    <div class="modal fade" id="my-modal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Modal Title</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <p>Modal content goes here.</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                    <button type="button" class="btn btn-primary">Save changes</button>
                </div>
            </div>
        </div>
    </div>
    <?php
}
add_action('wp_footer', 'add_bootstrap_modal');

このコードは、フッターテンプレートにモーダルのHTMLを追加します。
モーダルを表示するには、必要な場所に以下のリンクを追加します。

<a href="#" data-toggle="modal" data-target="#my-modal">Open Modal</a>

方法3: カスタムフィールドを使用する

Advanced Custom Fields（ACF）プラグインをインストールし、有効化します。
ACFフィールドグループを作成し、フィールドタイプとして「モーダル」を選択します。
モーダルの設定項目（タイトル、本文、ボタンなど）を追加します。
テンプレートファイル内で、ACFの関数を使用してモーダルのデータを表示します。

これらの方法のいずれかを選択し、WordPressにBootstrapのモーダルを追加できます。