このプラグインは、サイトに円形の「トップへ戻る」ボタンを追加するプラグインです。このボタンはトップに戻るだけでなく、スクロール位置に応じて外周に沿って進捗ゲージが表示される機能も備わっています。長いページでもユーザーがページの位置を直感的に把握できるため、ユーザーエクスペリエンスを大幅に向上させることができます。
1. このページからプラグインのzipファイルをダウンロードします。
2. WordPressの管理画面にログインし、「プラグイン」→「新規追加」をクリックします。
3. 画面上部の「プラグインのアップロード」をクリックします。
4. 「ファイルを選択」ボタンをクリックし、ダウンロードしたzipファイルを選択します。
5. 「今すぐインストール」ボタンをクリックします。
6. インストールが完了したら、「プラグインを有効化」ボタンをクリックします。
7. これでインストール完了です！最初はデフォルト設定で表示されます。
1. WordPress管理画面の「設定」メニューから「トップボタン」をクリックします。
2. 設定画面で以下のカスタマイズオプションを調整できます。
| ボタン位置 | ボタンを表示する位置を「左下」「中央下」「右下」から選択できます。サイトのデザインや他の要素との兼ね合いに合わせて最適な位置を選びましょう。 |
| ボタンの色 | 円形ボタンの背景色を自由に設定できます。サイトのカラースキームに合わせたデザインにカスタマイズしましょう。 |
| 矢印の色 | ボタン内の上向き矢印の色を設定できます。背景色とのコントラストを考慮して、視認性の高い色を選びましょう。 |
| 円周ゲージ表示 | スクロール進捗を示す円周ゲージの表示/非表示を切り替えられます。シンプルなデザインがお好みの場合は「無効」に設定できます。 |
| ゲージの色 | 円周ゲージの色をカスタマイズできます。ボタンの色と調和する色や、アクセントとなる色を選ぶとより魅力的なデザインになります。 |
「円形トップボタン (スクロール進捗付き)」は、WordPress 5.0以上のバージョンで動作します。また、主要なテーマやプラグインとの互換性も確認済みです。独自のクラス名とプリフィックスを使用しているため、既存のサイトに干渉する心配はありません。
以下のブラウザでテスト済みです
リリース
