Elementorのアンカーリンク（折りたたみメニューやナビゲーションメニューなど）をクリックした後にディレクトリを閉じるように設定するには、いくつかのカスタムコードを使用します。以下はその手順です：

ステップ1：個別投稿テンプレートの編集

1. サインインWordPressダッシュボード.
2. Elementorに移動するテンプレート > 保存されたテンプレート.

3. 個々の投稿テンプレートを見つけて、"Elementorで編集する".

ステップ2：HTML要素の追加

1. テンプレート・エディターで、コードを追加する必要のあるセクション（通常はページの最後）を見つける。
2. HTML要素をテンプレートにドラッグ・アンド・ドロップする。

ステップ3：カスタムJavaScriptコードを貼り付ける

HTML要素に、以下のJavaScriptコードを貼り付ける：

<script
document.addEventListener('DOMContentLoaded', function() {)
    var menuItems = document.querySelectorAll('.elementor-table-of-contents a'); // .elementor-table-of-contentsをあなたのカタログクラスで置き換えてください。

    menuItems.forEach(function(menuItem) {)
        menuItem.addEventListener('click', function() {)
            var menuToggle = document.querySelector('.elementor-menu-toggle'); // .elementor-menu-toggleをメニューのトグルボタンクラスに置き換える。

            もし (menuToggle) {なら
                menuToggle.click(); // メニューを閉じるトリガーとなる
            }
        }).
    });
}).
</script

説明

1. クラス名一致::
   • .elementor-table-of-contents はディレクトリのクラス名なので、実際のディレクトリのクラス名に置き換える必要がある。
   • .elementor-menu-toggle はメニュー・トグル・ボタンのクラス名なので、実際のメニュー・トグル・ボタンのクラス名に置き換える必要がある。
   実際に使用されているクラス名は、ブラウザの開発者ツール（F12）で確認できます。
2. イベントリスナー::
   • document.addEventListener('DOMContentLoaded', function() { ... }); ページが完全にロードされた後にコードが実行されることを確認してください。
   • menuItem.addEventListener('click', function() { ... }); 各カタログ・リンクにクリック・イベント・リスナーを追加する。
3. トリガーメニュー オフ::
   • menuToggle.click()； メニューのトグルボタンをクリックしてメニューを閉じることをシミュレートする。

ステップ4：保存して公開する

1. カスタムコードに名前を付けます（例："Anchor Links Close Directory"）。
2. コードの範囲として「ウェブサイト全体」を選択します。
3. コードを保存して公開する。

概要

カスタムJavaScriptコードを単一の投稿テンプレートに追加することで、Elementorがアンカーリンクをクリックした後にディレクトリを自動的に閉じる機能を実装できます。主な手順はテンプレートの編集、HTML要素の追加、コードの貼り付けです。機能が正しく動作するように、クラス名を正しく一致させてください。この設定はナビゲーションメニューの使用を最適化するだけでなく、サイト全体のユーザーエクスペリエンスとインタラクティブ性を向上させます。この方法を選択することで、プロフェッショナルで機能的なサイトを維持することができます。