【Cocoon】「目次へ戻る」ボタンの設置方法!

記事内に商品プロモーションを含む場合があります

ども。
ブログ歴1年目のてちです。

 

長い記事を書いているとき

てち
てち

目次を見返したいけど、
上までスクロールするのがめんどくさい

と思ったことはありませんか?

 

この記事では簡単に「目次へ戻る」ボタンを設置する方法を紹介します!

簡単に設置できる

「目次へ戻る」ボタンを設置するには

▲<a href=”#toc”>目次へ戻る</a>

↑これをHTMLにコピペするだけです。

 

てち
てち

めっちゃ簡単だね。

ぬこ
ぬこ

もっと丁寧に教えてくれ。

画像付きで分かりやすく解説

【step.1】ブロックを追加をタップ。

 

【step.2】カスタムHTMLブロックをタップ。

 

【step.3】▲<a href=”#toc”>目次へ戻る</a>をコピーして貼り付ける。

これで「目次へ戻る」ボタンを設置することが出来ます。

 

文字は編集可能

<a href=”#toc”>目次へ戻る</a>

赤文字のところは自由に編集可能で、好きなように変えることが出来ます。

 

例)

<a href=”#toc”>もくじにもどる</a> 

にした場合

↓このような表示になる。

もくじにもどる

 

まとめ

無料テーマ Cocoonの「目次へ戻る」ボタンの設置方法について紹介しました。

「目次へ戻る」ボタンは、記事が長くなればなるほど必要とされる機能です。
簡単に設置可能なので、ぜひ取り入れてみてください。

 

おわり。