Weeblyアプリを活用したアイスホッケーチームのWebサイト作成
Home
Roster
Social Media
Instagram
Twitter & Facebook
Others
Image
Line
Scroll
Show / Hide
Table
スクロール / ページの先頭に戻る
画面を下にスクロールしていってから一番上に戻りたいときに使う、いわゆる「ページの先頭に戻る」ボタンです。画面の左下や右下に浮動表示させることが多いです。
Scroll Back To Top
ボタン
の色や配置場所などを指定するだけの非常にシンプルなアプリです。この Webページで使用していますが、ページ上のどこにドラック&ドロップしても大丈夫なようです。
ただし、「ページの先頭に戻る」
ボタン
を使いたい全てのページで、1つ1つ個別に配置する必要があります。一度サイト全体に設置した後、
ボタン
の色や配置場所を変更したい場合には、1ページずつ確実に変更していかないと、サイト全体で統一を取れなくなることに注意が必要です。
Scroll Back To Top -
Weebly アプリセンター
Scroll to Top
使い方が他のアプリと異なります。Weebly アプリセンターから追加すると、設定用 Webページへ誘導されてそこで設定を行ないます。つまり、Weebly の開発画面で作成中のページにドラッグ&ドロップして配置する、という作業は行ないません。
一度追加した後に設定を変更するには、開発画面左側の「インストール済みのアプリ」「管理」リンクで開いたページで「管理」ボタンをクリックします。すると設定用 Webページに誘導されます。
設定用 Webページでは、
ボタン
のスタイルをまず設定します。
この「Scroll to Top」アプリでは、「ページの先頭に戻る」
ボタン
に加えて、ブラウザの Back ボタンと Home ボタンに相当する
ボタン
、メールアドレスの
ボタン
も表示できます。
設定が済んだら画面上部のスライダースイッチを「ON」にすれば、サイト内の全ての Webページに
ボタン
が表示されるようになります。
「Scroll to Top」を追加すると、無料プランのままでソーシャルボタンも表示できるようになります。
表示させたいソーシャルボタンと表示位置を設定して、同様にアクティブにするとサイト内の全てのページに表示されて大変便利です。
この「Scroll to Top」アプリと付随するソーシャルボタンを、同じく Weebly で制作した IceHockeyStream.net サブサイト「
スマイルジャパン - アイスホッケー女子日本代表
」で利用しています。
Scroll to Top -
Weebly アプリセンター
Home
Roster
Social Media
Instagram
Twitter & Facebook
Others
Image
Line
Scroll
Show / Hide
Table