2016年5月4日

ページトップに戻る、をクリックしてもうまく一番上に戻れない時。

スポンサードリンク

 WordPressのStinger5、またはStinger7について。
ブログの画面右下にある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ヘルプを参照下さい。


 ラビットしま子はサイト制作のプロではありません。
個別のカスタマイズについての相談は乗ってあげたいけど、乗れません。
(わからんから)


スポンサードリンク