Lightningで「上に戻る」ボタンを表示する

Lightningのカスタマイズ

文字数の多いページに限りませんが、下までスクロールしたページで上に戻るためのボタンは必須かもしれません。Lightningでも「上に戻る」ボタンはありますが、初期設定では表示されません。

「上に戻る」ボタンが表示されない
「上に戻る」ボタンが表示されない

VK All in One Expansion Unitプラグインがインストール済みなら、「ExUnit」メニューの「ページトップへ戻るボタン」をチェックして「変更を保存」ボタンをクリックします。

「ページトップへ戻るボタン」を有効に
「ページトップへ戻るボタン」を有効に

これで「ページトップへ戻るボタン」が表示されるようになります。

「上に戻る」ボタンが表示される
「上に戻る」ボタンが表示される

他のデザイン(画像)にしたい場合は、WPFront Scroll Topなどのプラグインをインストールしてみましょう。

WPFront Scroll Topプラグインのインストール
WPFront Scroll Topプラグインのインストール

「設定」‐「Scroll Top」メニューで画像を選択できます。任意の画像を使うこともできます。

「上に戻る」ボタン画像の選択
「上に戻る」ボタン画像の選択

画面最上部の「Enabled」をチェックして「変更を保存」ボタンをクリックすると設定完了です。

「上に戻る」ボタンを有効に
「上に戻る」ボタンを有効に

「上に戻る」ボタンが表示されます。

「上に戻る」ボタンが表示される
「上に戻る」ボタンが表示される