2017/12/18WordPressで愛用しているテーマ「STINGER5」のページトップへ戻るボタンがちょっと小さいので、カスタマイズすることにしました。画面の下までスクロールすると表示されるちょっと特殊なボタンなので、カスタマイズが難しいんじゃないかなと思っていたのですが、さすがSTINGER5。コードを少しいじるだけで簡単に変更は出来ましたので、カスタマイズの方法を備忘録として記します。変更してみてBefore(変更前)パソコンマウス操作で難なく押せますが、ボタンの大きさがちょっと小さく、色もグレーで目立ちません。スマホ(iPhone6)ボタン自体が非常に小さいので、タップするのが若干難しく感じます。After(変更後)パソコン色を付けたので、目立つようになりました。TOP」など文言に迷いましたが、一番シンプルで分かりやすい日本語の「1番上へ」にしました。スマホ(iPhone6)ボタンが大きくなり、非常に押しやすくなりました。透過させてあるので、記事を読む時に邪魔になることもありません。いざ、カスタマイズ!編集するファイル「トップページへ戻る」ボタンのカスタマイズには子テーマ内の以下の2つのファイルを編集します。・footer.php・style.css子テーマについては、以下を参照してください。過去記事:STINGER5テーマのカスタマイズ準備として子テーマを作るfooter.phpの編集方法STINGER5のテーマフォルダ「stinger5ver20150505」内からそのままfooter.phpをコピーして子テーマに入れているのであれば、以下のような記述になっているはずです。?></body></html>この中で注目すべき部分はココ。-->これを以下のように変更しました。-->style.phpの編集方法こちらもSTINGER5のオリジナルテーマフォルダからstyle.phpをコピーしてきているのであれば、下の方にこんな記述の箇所があるはずです。#fff;}これを以下のように変更しました。#fff;}変更してみて「ページトップへ戻る」のボタンは文章の長い記事には、絶対必要ですね。iPhoneだとブラウザの一番上の部分をタップすれば戻れますがパソコンから見に来ていただいている方もいます。僕も他の人のブログを見る時に「トップページへ戻る」ボタンが見やすいブログは自然と好感を持ちます。読んで頂く方に対して、地味ではありますが、このように細かい配慮をすることは大切ですね。ブログを始めるなら断然!エックスサーバー!!※今ならドメインが1個永久無料で貰えます当ブログ『くねおの電脳リサーチ』もエックスサーバーで運営しています。手順書スポンサーリンクTweet関連記事2017年04月のアクセス数報告(パワーブログ運営1年と10ヶ月目)さあ、今月もやってまいりました月初のアクセス数報告。2016年06月のアクセス数報告(パワーブログ運営12ヶ月目)昨年6月25日にブログを始めて1年が経過しました。...2016年04月のアクセス数報告(パワーブログ運営10ヶ月目)早いものでこのブログを始めて10ヵ月経ちました。...2016年02月のアクセス数報告(パワーブログ運営8ヶ月目)はい、本日は3月1日。毎月1日恒例、先月1ヶ月のアクセス数報告でございます。ことようやくこのブログも2015年6月25日に運営を始めてから半年が経ちました。...Amazonアソシエイトの申し込み手順と支払い設定(審査有り)Amazonアソシエイトの申し込みを行ったので、備忘録として記します。Reserved.↑1番上へ。