ブログの画面右下にあるpage-topでうまく戻れない時の対処法。
ページトップへ戻る、が動作しない・中途半端な位置
Stinger5では起こらなかったのですが、
Stinger7で起こりました。
理由はよく分かりません。
おそらく、ヘッダーのカスタマイズをする事で、
想定されていたページトップ位置がずれるのでしょう。
Stingerではページ全体を示す#wrapperという
idがあります。
この#wrapperを使って、ページトップに戻るようにしています。
つまり、#wrapper位置が、
サイトカスタマイズを重ねる事によりやや下にズレた、
という事だと想像してます。
page-topでページ一番上に戻れるよう修正する
footer.php→
以下のコードを探します。
<!-- ページトップへ戻る -->
<div id="page-top"><a href="#wrapper" class="fa fa-angle-up"></a></div>
<!-- ページトップへ戻る 終わり -->
以下に変更します。
というか、「 wrapper 」を削除。
こうなります。
<!-- ページトップへ戻る -->
<div id="page-top"><a href="#" class="fa fa-angle-up"></a></div>
<!-- ページトップへ戻る 終わり -->
#だけになりました。
これはページ一番上を意味するので、
ページトップへ戻るボタンをクリックすれば一番上に戻れます。
試しにクリックしてみましょう。
ちなみにBloggerでも、
同様のカスタマイズがされてあります。
好きな位置にしたい場合は、アンカーリンクを設置しておき、
そのアンカーIDを
a href=""
に記入します。
違うページであれば絶対パスで記入。
こちらのブログはBloggerです。
WordPressの実際の表示を確認したい方は
ラビットしま子の「人生美容パラダイス」をご覧下さい。
当ブログの情報は全ての方に応用できるとは限りません。
ご利用は自己責任です。当ブログ側はいかなる責任も負いません。
必ずデータは最新のバックアップを取っておいて下さい。
WordPressを利用される場合はUTF-8Nの文字コードに必ず変換して下さい。
当ブログのコードをコピーしてphpファイル等に直で貼付けすると
ファイルやデータが破損します。
パソコンのメモ帳は不可です。
詳細はWordPressヘルプを参照下さい。
ラビットしま子はサイト制作のプロではありません。
個別のカスタマイズについての相談は乗ってあげたいけど、乗れません。
（わからんから）
スポンサードリンク