【WordPress】「トップへ戻るボタン」が２つ表示される

注意

この記事に書いた問題は、SANGO の v1.8.3（2019/7/1）で解消されました。以下は SANGO のホームページからの引用です。

フッターウィジェットに固定表示されていた「上矢印ボタン」を削除しました。調査の結果、ほとんど使われないことが分かったためです。

「トップへ戻るボタン」が２つ表示される

いつ頃からそうなっていたのか分からないが、私のブログに「トップへ戻るボタン」（「上に戻るボタン」とか「記事の最初（先頭）へ戻るボタン」のように呼ぶこともありますね）が２つ表示されているのに気付いた。

私の PC では下記のように表示されていた。

スマホではこう。

・・・２つも要らない・・・。

調べてみたら、青いほうのボタンは、当サイトで使用しているテーマ「SANGO」のものだと分かった。

オレンジ色のボタンは・・・なんだ？だれあんた？いつからうちのブログに住みついてるの？
（－－？）

「SANGO」が出しているボタンの消し方は分かる（［外観］＞［カスタマイズ］＞［SANGOオリジナル機能の管理］＞［トップへ戻るボタン］）が、ボタンの挙動は「SANGO」のほうが良い感じなので、オレンジ色のボタンのほうを消したい。

ボタンの挙動の違い

どちらのボタンも記事の最初のほうでは表示されていない。記事の途中に来ると SANGO の青いボタンが表示されるのに対して、オレンジのボタンはページの最後に来てから表示される。

ネットを検索しまくったり、WordPress の設定を隅々までチェックしたり、プラグインを片っ端から無効にしたり、カスタマイズした定義を調べなおしたり・・・だいぶ時間を使って調べて・・・疲れた・・・。
(*´Д｀)

でもその甲斐あってついに原因を突き止めました。

オレンジボタンが表示される原因は・・・オマエだ！フッターウィジェット！
(ﾟДﾟ)ｸﾜｯ

WordPress の［外観］＞［ウィジェット］にあるやつです。ここにウィジェットが何も設定されていなければオレンジボタンは出てこないのですが、「左」「中」「右」のうち１つにでもウィジェットが設置されると、あのオレンジ色のニクイやつが顔を出す、というわけです。

オレンジ色のニクイやつ

「オレンジ色のニクイやつ」というフレーズを知らないなら、あなたは私よりも若い人に違いありません。昔、テレビのＣＭで頻繁に流れていたフレーズです。

対処法１は、タイトルの通りですね。

オレンジボタンを非表示にする WordPress の設定は見つからなかったのですが、スタイルをいじって消すことはできます。

具体的には、下記のようなスタイル定義をどこかに設定すればＯＫです。

/* フッターウィジェットを使うときに出てくるオレンジの「トップへ戻るボタン」を消す */
#inner-footer .fab-btn.accent-bc {
    display:none;
}

子テーマに定義するか、または WordPress の［外観］＞［カスタマイズ］＞［追加 CSS］などに定義すると良いでしょう。

私の場合、子テーマに記述しても反映されなかったので、［追加 CSS］に記述しました（参考：【WordPress】子テーマに定義したスタイルがどうしても反映されない場合）。

（２０１９年７月２日追記）その後、いつのまにか子テーマの style.css の内容がきちんと反映されるようになってました。