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

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

ブログで長い記事を書いているとき、

黒服
黒服

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

と思ったことがあるはずです。

そこで今回は
「目次へ戻る」ボタンの設置方法について
解説していきます。

       

「目次へ戻る」ボタンの設置方法

「目次へ戻る」ボタンを設置する方法。
それは、

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

をHTMLにコピペするだけ。

  

ここで、

白服
白服

HTMLってなに?

という方もいると思うので、
「目次へ戻る」ボタンの設置方法を
画像付きで解説していきます。

         

「目次へ戻る」ボタンの設置ステップ

「目次へ戻る」ボタンの設置に必要なステップは3つ。

【STEP.❶】「ブロックを追加」をクリック
【STEP.❷】「カスタムHTMLブロック」をクリック
【STEP.❸】「▲<a href=”#toc”>目次へ戻る</a>」をコピーして貼り付ける

     

【STEP.❶】「ブロックを追加」をクリック

 

【STEP.❷】「カスタムHTMLブロック」をクリック

 

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

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

 

文字は編集可能

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

赤文字のところは自由に編集可能です。

    

【例】

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

上記の場合
このような表示になります▼

もくじにもどる

   

というわけで今回は、
無料テーマCocoonの「目次へ戻る」ボタンの
設置方法について解説しました。

「目次へ戻る」ボタンは、
記事が長くなればなるほど必要とされる機能です。

簡単に設置できるので、
ぜひ取り入れてみてください。