Elementorアコーディオンをデフォルトで閉じる方法

2024-02-09 01:02 Elementor アコーディオン コーディング

  1. Elementorのアコーディオンウィジェットに「Additional Options（追加オプション）」というセクションがあります。このセクションには「Active Items（アクティブなアイテム）」というオプションがあります。

  2. アクティブなアイテムオプションは、デフォルトでは0に設定されています。これは、最初のアコーディオンパネルを開いた状態にするための設定です。開きたいパネルの番号に対応する値を設定することで、特定のアコーディオンパネルをデフォルトで開いた状態にすることができます。

例えば、最初のアコーディオンパネルを開きたい場合は、アクティブなアイテムオプションに0を設定します。2番目のパネルを開きたい場合は、1を設定します。番号は0から始まることに注意してください。

以下は、Elementorのアコーディオンウィジェットのコード例です。

[elementor-accordion]
[elementor-accordion-item title="パネル1のタイトル"]パネル1のコンテンツ[/elementor-accordion-item]
[elementor-accordion-item title="パネル2のタイトル"]パネル2のコンテンツ[/elementor-accordion-item]
[/elementor-accordion]

アクティブなアイテムオプションを使用して、デフォルトで開いているアコーディオンパネルを指定します。

[elementor-accordion active_item="0"]
[elementor-accordion-item title="パネル1のタイトル"]パネル1のコンテンツ[/elementor-accordion-item]
[elementor-accordion-item title="パネル2のタイトル"]パネル2のコンテンツ[/elementor-accordion-item]
[/elementor-accordion]

このコードでは、最初のアコーディオンパネルがデフォルトで開かれます。別のアコーディオンパネルをデフォルトで開く場合は、active_itemの値を変更してください。

以上が、Elementorのアコーディオンウィジェットをデフォルトで閉じた状態にする方法と、特定のパネルを開いた状態にする方法です。これにより、ウェブサイトのユーザビリティを向上させることができます。