記事の一部を折りたたむ方法 WordＰress Cocoon

サイト作成ツール「WordPress」と無料テーマ「Cocoon」使っているサイト向けの記事になります。

テーマCocoonを使って簡単に記事を折りたたみ、さらに画像を拡大できる方法をご紹介します。
ネタバレになる内容やクイズの答えなど、情報の閲覧を読者に選んでもらいたい時に重宝します。

折り畳み（アコーディオントグル）とは

折りたたみ機能は、Cocoonでは「アコーディオントグル」と呼んでいます。

下記のバーをクリックしてください。隠れていた記事が読めるようになります。これがアコーディオントグルです。

アメノミハシラ　ネタバレ　（クリックで開く）

アメノミハシラのてっぺんは
すごい青空だった。
この景色が一番の報酬かも。

この後、天之小祠はしっかりと
交換したけども。

ワードプレスを立ち上げ、記事作成画面を開きます。

トグルを挿入したい行にカーソルを置き、左上の＋マークをクリックしてください。
ブロック挿入ツールウィンドゥが開きます。

ウィンドゥを下にスクロールすると「アコーディオン（トグル）」というアイコンがあるので、クリックしてください。

記事にトグルが設置出来ました。

題名・記事を記入してください。トグルの設置はこれで終了です。

記事を保存してからメディアライブラリを開き、トグル内に挿入した画像を探してクリックします。

画像が拡大されて画面右に「URLをクリップボードにコピー」ボタンが出るので押します。

記事作成画面に戻ります。

トグル内の画像をクリックしてから、画面上部の（ー）リンクマークをクリックしてください。
出てきたウィンドゥにコピーしたURLをペーストしてEnterキーを押します。

自分のサイトを立ち上げて画像をクリックしてみてください。拡大するようになっていると思います。