0

ページトップに戻るためのプラグイン色々

page-top

WordPressには、様々な「Page Top」プラグインが存在しますが、
いくつかご紹介しながらまとめておこうと思います。

WP To Top(ver.0.1)

wp-to-top-img2

wp-to-top-img1

▼カスタマイズ

[Text to Show] 表示するテキストを入力
[Background color] 背景色
[Foreground color] 文字色
[Position] 表示する場所を選択(左下or右下)
[Show only in posts,not all pages] 投稿ページのみで表示したい場合はチェックを入れる

 

Go To Top(ver.0.0.8)

go-to-top-img2

go-to-top-img1

▼カスタマイズ

[Text to Show] 表示するテキストを入力
[Scroll speed] スクロールスピードを指定
[Start position] 表示されるタイミング
[Ease] 移動動作の動きを指定
[Button Type] テキスト表示から三角矢印に変更
[Show only in posts,not all pages] 投稿ページのみで表示したい場合はチェックを入れる

 

WP-Smooth-Scroll(ver.1.0)

wp-smooth-img2

wp-smooth-img1

▼カスタマイズ

[Select display position of the back to top button] 左下orセンター下or右下の位置指定のみ

 

JCWP Scroll To Top(ver.1.6)

jcwp-img2

▼カスタマイズ

[Enabled] 有効or無効
[Animation Duration] 表示する動きにかける時間
[Show when scroll at] ボタンを表示するタイミング(数値のみ)px
[Show Element ID] ID名を任意で指定
[Elemet Z-index] 要素のZ-indexを指定(デフォルトでは999999の絶対指定)
[Easing type] 移動動作の動きを指定
[position] 左下orセンター下or右下
[Text ti display] 表示するテキストを入力
[Background Color] 背景色
[Font color] 文字色
[Font size] 文字サイズ
[Font family] フォントファミリー
[Font weight] 通常or太文字
[Text Padding] パディング指定
[Container Width] ボタンサイズ
[Container Border Color] ボタン枠色
[Container Border Radius] ボタン枠(角丸指定)
以下省略…

 

Dynamic “To Top” Plugin(ver.3.4.2)

dynamic-to-topimg1

設定画面はありません。

 

Scroll Top and Bottom(ver.2.6)

top-and-bottomimg2

top-and-bottomimg1

▼カスタマイズ

[Choose Icon] オレンジ/グリーン/ブルーから選択
[Scroll Speed] スクロール速度
[jQuery Enable-Disable] 有効or無効

 

Ax ScrollTo Top

ax-img2

ax-img1

▼カスタマイズ

[Select an icon] ボタンアイコンを選択
※その他テキストリンクも設定可

以上になります。




コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

mororeco > WordPress > ページトップに戻るためのプラグイン色々