モーダルの中身を、クリック元の要素によって変えるサンプル

「もっと詳しく」ボタンを押すとモーダルが開きます。
コンテンツはScript内に配列で管理されていて、クリック元によって内容を切り替えています。
デベロッパーツールで見てもらうと、モーダルのhtmlとしては次の要素しか入っておらず、開いた時に動的にコンテンツが更新されている事がわかるかと思います。

<div class="modal-container">
  <h2 class="modal-heading">テキスト</h2>
  <img class="modal-thumbnail" src="" alt="画像の説明" />
  <p class="modal-description">本文</p>
</div>
<div class="modal-background"></div>

1. WordPressについて

2. CSSについて

3. デスクトップ整頓のコツ

テキスト

画像の説明

本文

このパーツをつくる