デジタルで
未来を
つかむ大学

block editor で折りたたみ

もし最新のWordPress(ブロックエディター)をお使いなら、標準の「詳細(Details)」ブロックで折りたたみが可能です。編集画面で「/details」と入力するか、ブロック追加ボタンから「詳細」を選択。「概要を入力…」にタイトル(クリックする部分)を書く。その下の空欄に隠したい内容を書く。これだけで、プラグインなしでも折りたたみが作れます。

ブロックエディターの折りたたみ機能

そのすぐ下にある「空のブロックをクリックして入力…」「+」という薄い文字の部分をクリックします。
その「ちいさなプラスマーク」が、折りたたみの中に隠されるコンテンツの入り口です!

以下の手順で進めてください:

  1. そのプラスマークをクリックします。
  2. 「段落」や「画像」など、入れたいブロックを選びます(文章なら「段落」でOKです)。
  3. そこに長い文章を貼り付けます。

これで、「要約」部分をクリックしたときだけ、そのプラスマークから追加した内容が表示されるようになります。

ああああ要約をここに書く

ああああ

関連リンク