チュートリアル: 「先頭に戻る (Back to top)」ボタンの追加

開発者ポータル ・ユーザーがスクロールするのではなく、表示しているページの上部に戻るのに役立つナビゲーション機能拡張として、 「先頭に戻る」 ボタンを追加することもできます。

開始前に

このチュートリアルを完了するには、 開発者ポータル を有効にして、管理者権限を持っている必要があります。

このチュートリアルについて

このチュートリアルでは、 「先頭に戻る」 ボタンを 開発者ポータルに追加します。

Back to topモジュールを有効にする

開始する前に、 Back to top モジュールがインストールされ、有効になっていることを確認してください。

  1. 開発者ポータル に管理者としてログインします。
  2. 「拡張」をクリックします。
  3. Filterフィールドにback to topと入力する。
  4. User interfaceの下にあるBack To Topチェックボックスを選択し、Enableをクリックします。

    トップモジュールに戻るチェックボックス画面を選択

Back to top モジュールの構成

  1. 構成 > ユーザーインターフェース > このページのトップへに移動する。

    トップに戻るボタンのオプションを設定する

  2. 必要に応じて設定を変更するか、デフォルト値のままにしてください。
  3. 設定を保存をクリックして変更を保存します。

「先頭に戻る (Back To Top)」ボタンが表示されるようになりました。

トップに戻るボタンが表示された画面

このチュートリアルで実行したこと

ユーザーがスクロールする代わりに、表示しているページの先頭に戻るのに役立つナビゲーション機能拡張として、 「先頭に戻る」 ボタンを追加しました。