<details>タグと<summary>タグで「続きを読むボタン」を設置する。

日記

2022-04-18 16:05:00

例えばこんな風になります。

続きを読むにはこのテキストをクリックしてください

このように、中に記事を隠すことが出来ます。
＜details＞から＜/details＞の間であれば、どんなに長く書いてもそのテキストは隠れます。

＜summary＞～＜/summary＞の間には
「続きを読む」とか「続きはこちらから」とか
「こちらをクリック」みたいな文言を入れる場所となります。

具体的にはこのような感じで、HTMLを入力します。

-----▼ここから▼-----

<details>
  <summary>続きを読むにはこちらをクリック</summary>
  本文や詳細をここに記載。
</details>

-----▲ここまで▲-----

このような形です。