本記事は、SWELLを使っていて、画面右下に出てくるボタン(目次やトップへ戻るボタン)を消す方法について解説します。
![目次ボタンとトップページボタン](https://ym-life.com/wp-content/uploads/2023/06/3c39a00c21c9543117578842e7510173.jpg)
![スマホビュー](https://ym-life.com/wp-content/uploads/2023/06/b9ffdc67911147ffd63274fa361ff204.jpg)
![](https://ym-life.com/wp-content/uploads/2021/02/*バストアップ3(丸)-150x150.png)
デフォルトでは、トップページボタンのみが有効になっているはずです。
画面右下のトップや目次に戻るボタンの意義
これらのボタンを設置しておくことで、ユーザビリティ(読者の利便性)が向上させることができます。
途中まで記事を読んだユーザーが、
この記事の一番上に戻りたいな
目次をもう一度確認したい
そんな風に思った場合、ボタン一つで戻ることが可能なのです。
そのため、特にこだわりがない場合は、このまま置いておいても問題ないでしょう。
これらのボタンを消した方がいいケース
![画面右下のトップや目次に戻るボタンの意義](https://ym-life.com/wp-content/uploads/2023/06/a0c23ad0e65512fab47a52d8d25b120d.jpg)
![画面右下のトップや目次に戻るボタンの意義](https://ym-life.com/wp-content/uploads/2023/06/a0c23ad0e65512fab47a52d8d25b120d.jpg)
非常に便利なボタンですが、これらのボタンを消した方がいい場合もあります。
それは、フッターメニューを設置したり、画面下に表示する広告(例:オーバーレイ広告)を設置したりするケースです。
特に広告を設定する場合、これらのボタンと広告が被ってしまうと、誤クリックが発生する要因になってしまいます。
広告会社が推奨しない配置になりますので、その場合はボタンメニューを削除するようにしておきましょう。
非表示にする方法は、以下で解説いたします。
トップや目次に戻るボタンを非表示にする方法【SWELL】
目次ボタンとトップページボタンの設定箇所は同じです。
「外観」→「カスタマイズ」をクリックします。
![外観→カスタマイズ](https://ym-life.com/wp-content/uploads/2023/06/e581d9891dab5815d95b3753027df2c9.jpg)
![外観→カスタマイズ](https://ym-life.com/wp-content/uploads/2023/06/e581d9891dab5815d95b3753027df2c9.jpg)
「サイト全体設定」をクリック。
![サイト全体設定](https://ym-life.com/wp-content/uploads/2023/06/8762522e0dd0e78b70e2c22b766453dc.jpg)
![サイト全体設定](https://ym-life.com/wp-content/uploads/2023/06/8762522e0dd0e78b70e2c22b766453dc.jpg)
「下部固定ボタン・メニュー」へ。
![下部固定ボタン](https://ym-life.com/wp-content/uploads/2023/06/614edcb54aa2e30ac233db32edf8db9c.jpg)
![下部固定ボタン](https://ym-life.com/wp-content/uploads/2023/06/614edcb54aa2e30ac233db32edf8db9c.jpg)
「目次ボタンの表示設定」「ページトップボタンの表示設定」を、それぞれ「非表示」にし「公開」。
![ボタンの設定](https://ym-life.com/wp-content/uploads/2023/06/830c251e2c0066a4e0f993d5c8519d34.jpg)
![ボタンの設定](https://ym-life.com/wp-content/uploads/2023/06/830c251e2c0066a4e0f993d5c8519d34.jpg)
![](https://ym-life.com/wp-content/uploads/2021/04/バストアップ8(丸)-150x150.png)
![](https://ym-life.com/wp-content/uploads/2021/04/バストアップ8(丸)-150x150.png)
![](https://ym-life.com/wp-content/uploads/2021/04/バストアップ8(丸)-150x150.png)
これで、それぞれのボタンを消すことができました!
コメント