plugin

WordPressでページ先頭にスムーズに戻ってくれるボタン設置プラグイン『Smooth Page Scroll to Top』をインストール! ちょっとCSSいじってサイトイメージぴったりな感じにカスタマイズDone!

更新日:

スクリーンショット 2013 10 09 10 14 13

ずーっと下まで記事読んでいった後、上に一気に戻ってくれるボタンというのはブロガーさん達のサイトに例外なく設置されていますね。私の場合個別記事の下に「id」でアンカーをつくり、「#」でリンクさせる昔ながらのhtmlで記述した自作のMacbook Air画像入れているので、上記ボタンみたいなやつはいらないかってことで入れてませんでした。

スクリーンショット 2013 10 09 11 21 11

このhtmlタグの弱点は瞬間にタグで指定したトップ位置まで戻ってしまうこと。読んだ分量とか視認しながらトップに戻るのではなく、一瞬で戻っちゃうので遊びココロがありません。
なので私もブロガーさん達が設置しているあの上にヌルヌルっと戻っていく感じの『トップへ戻るボタン』を設置することに。
ググってすぐによさげなプラグインを発見。
⬇これ

スクリーンショット 2013 10 09 11 29 41

WordPressダッシュボード新規プラグインからダウンロードして有効化すればすぐにブログに反映されます。

上へ戻っていくヌルヌル感はもう望み通りのものだったのですが、アイコンのデザイン、カラー、位置、全部気に入らなかったのでさっそくCSS編集コーナーへ。

アイコンはこちらのサイトから調達。

アイコン検索窓に『blue arrow top』と入れて私のサイトデザインにあったものをGet。
後はボタン位置、サイズなどの数値をちょっといじって完成。

2013-10-09 16.42 のイメージ

⬇スマホからの見た目。

IMG 8053

ま当面はこれでいきましょう。


このエントリーをはてなブックマークに追加

Twitterボタン

follow us in feedly

関連記事はこちら

-plugin
-

Copyright© 英語×Mac≒時々Monetize , 2024 All Rights Reserved Powered by AFFINGER4.