Lognote

ネット集客に強い整体院サイトを制作

page-top-button-link-change-thumbnail

STINGER7の「ページトップへ戻るボタン」が一番上まで戻らなくなったときの修正方法

公開日:2016-04-11
最終更新日:

ヘッダーの横幅をこちらのサイトを参考に画面いっぱいに広げるカスタマイズをしました。

グローバルメニューが広く使えるのでとても便利になったのですが、ラッパーがヘッダーの下に配置する方法のため「ページトップへ戻るボタン」を押したときの戻り位置がグローバルメニューの下で止まってしまうのです。

11122107

11122107-1

今回はそれを一番上まで戻るように修正する方法のご紹介です。

子テーマにfooter.phpをコピー

そのまま親テーマを編集しても全然構いません。私はテーマを編集するときは万が一に備えて全て子テーマにコピーしています。

footer.phpの修正

footer.phpの33行目に下記のような記述があります。

<!-- ページトップへ戻る -->
<div id="page-top"><a href="#wrapper" class="fa fa-angle-up"></a></div>

この部分のアンカーポイントを#wrapperからheaderに変更します。

<!-- ページトップへ戻る -->
<div id="page-top"><a href="header" class="fa fa-angle-up"></a></div>

これで一番上まで戻るようになります。

11122108

以上、「STINGER7の「ページトップへ戻るボタン」が一番上まで戻らなくなったときの修正方法」という記事をお届けしました。

-STINGER
-

この記事のタイトルとURLをコピーする
STINGER7の「ページトップへ戻るボタン」が一番上まで戻らなくなったときの修正方法
この記事はいかがでしたでしょうか。
是非Lognoteの最新ニュース情報を、
いいねしてチェックしてください!

関連記事

css3-mediaqueries-thumbnail

【AFFINGER4】css3-mediaqueries.jsのリンク切れの修正方法

AFFINGER4、STINGER8にてcss3-mediaqueries.jsの直リンク先が切れていることがわかりましたので、その修...

affinger4-breadcrumb-careless

【AFFINGER4】年月別アーカイブのパンくずリストリンクの修正方法

AFFINGER4の年月別アーカイブのパンくずリストで明らかにおかしい点を発見。 AFFINGER4だけでなく …

footer-3column-customize-thumbnail

ちょっと寂しいSTINGER7のフッターをカッコよくカスタマイズしてコンテンツを増やそう!

STINGER7のフッターをもう少し華やかにしたい!そう思ったことはないでしょうか?この記事では、フッタ...

stinger-pay-thumbnail

【悲報】WordPressブロガー人気テーマ「STINGER」シリーズが実質有料になる

先日、WordPressの人気テーマ「STINGER」シリーズが、STINGER8の公開とともにSTINGER …

sns-follow-button-thumbnail

STINGER8の記事下にサムネ付きでフォロー誘導ボックスを設置する方法

STINGER8の記事下にいいねボタンやフォロワー誘導ボックスをサムネ付きで設置する方法を紹介します。

コメントを入力

日本語が含まれない投稿は無視されます。(スパム対策)

トラックバックURL

管理人のヤマカワです
山形在住、整体院「癒眠」院長
3級ウェブデザイン技能士


Lognote
2017/9/12
ご報告いただきありがとうございます! それは知りませんでした! メーカーの違いとかもあるのでしょう...
通りすがり
2017/9/12
比較的新しいカメラではサムネイル見れないらしいですよ。 うちもコーデック入れましたが2016年発売カ...
Lognote
2017/9/05
>> 堀田様 お役に立てて何よりです! 他に良い予約プラグインが出てくれればいいんですけ...
堀田
2017/9/05
ありがとうございました。 PHPを7 にしたらエラー吐き出して、有料版は PHP7 対応なんで有料...
Lognote
2017/8/16
>> たろ様 子テーマのコピー方法を省略しておりました。 解説記事を書きましたので、よろ...
たろ
2017/7/31
子テーマにコピーするの所がわかりにくい