ガイド/コンテンツの作成/テキスト/詳細ブロック

詳細ブロック

詳細ブロックとは、コンテンツを含めて、テキストの要約を持つ親ブロックの下に隠すことができるブロックのことです。これはアコーディオンのように機能し、テキストの要約が展開されてネストされたコンテンツが表示されます。

詳細ブロックの例についてはこちらをクリックしてください。

こちらは非表示コンテンツです。

詳細ブロックを追加する

アコーディオンのような詳細ブロックは、ページ、投稿、テンプレート、またはテンプレートパーツに追加できます。ページまたは投稿に詳細ブロックを追加する手順は以下のとおりです。

  1. WordPress.com ダッシュボードにログインします。
  2. 「ページ」または「投稿」に移動し、コンテンツを追加するページまたは投稿をクリックします。
  3. 「+」ブロック挿入アイコンをクリックします。
  4. 詳細ブロック」を検索します (「切り替え」か「アコーディオン」と検索した場合も、検索結果に詳細ブロックが表示されます)。
  5. ブロックのアイコンをクリックしてブロックを投稿またはページに追加します。

💡

キーボードを使用して新しい行に「/details」と入力して Enter キーを押すことで、新しい詳細ブロックをすばやく追加することもできます。

詳細ブロックを追加する
詳細ブロックの追加

ブロックを追加する手順についてはこちらを参照してください。

ブロックにコンテンツを追加する

詳細ブロックを投稿やページに追加すると、最初は以下のようになります。

空白の詳細ブロック

まず、詳細ブロックに要約を追加します。これは、詳細ブロックを展開して非表示コンテンツを表示するために、訪問者がクリックするテキストです。要約を追加するには、「要約を書く」と表示されている詳細ブロックをクリックして入力を開始します。

詳細ブロックに要約を追加します。

次に、「「/」を入力して非表示ブロックを追加する」と表示されているブロックを追加して、非表示コンテンツを設定します。詳細ブロックでは、ヘッダー、リスト、画像を含むすべてのブロックタイプの非表示をサポートしています。

詳細ブロックに非表示ブロックを追加します。

このブロックの便利な使い方の1つは、ユーザーのよくある質問に答える FAQ セクションを設定することです。以下に例を示します。

画像を追加できますか ?

はい、追加できます !

リストを追加できますか ?
  • はい
  • もちろん
  • できます !
泳ぎ方を教えてくれませんか ?

申し訳ありません。詳細ブロックは泳ぎ方を教えることができません。

ブロックツールバー

ブロックをクリックすると、ブロックの上に次のオプションのツールバーが表示されます。

詳細ブロックのツールバー。
詳細ブロックのツールバー

詳細ブロックのツールバーには次のオプションがあります。

  • ブロックタイプを変更する。
  • ブロックをドラッグする。
  • ブロックを上下に移動する。
  • 幅広または全幅に配置する。
  • その他のオプション

ブロック設定

ブロックを選択すると、右のサイドバーに追加のブロック設定が表示されます。サイドバーが表示されない場合、右上の 「設定」アイコンをクリックして設定を表示させます。このアイコンは、幅の異なる2つの列から成る正方形のアイコンです。

下に「設定」というツールチップが表示されたエディターの設定アイコン。
「設定」アイコンをクリックするとブロック設定が開く

詳細ブロックがデフォルトで開くように設定する

ページに非表示コンテンツをデフォルトで表示するには、「デフォルトで開く」オプションを使用します。この機能を有効にするには、「デフォルトで開く」の横にあるトグルを「オン」に設定します。

ブロックの詳細設定に関する追加情報についてはこちらをご覧ください。

ブロックスタイル

歯車アイコンをクリックして詳細ブロックの追加設定にアクセスします。

Copied to clipboard!