いくつかの人気サイトが記事を読んでいるプログレスバーをどのように表示するかに気付いたことがありますか？ この小さなバーは、記事の最後に到達するまでの残りの長さをユーザーに伝えます。
このチュートリアルでは、読書プログレス バーをページに追加する方法を紹介します。 WordPressのブログ.
再生プログレスバーを使用する場合には
ユーザーは、ウェブページで数秒しかかからずに退出するかどうかを決定します。 特に長いアイテムがある場合、ユーザーの関心を維持するのは難しくなります。すべてのアイテムが下にスクロールされるためです。
サイト所有者の中には同様の記事を追加する人もいれば、 動画 またはユーザーを維持するための画像ギャラリー。
進行状況バーを読むと、ユーザーが下にスクロールするように促すUI拡張機能が少し追加されます。 また、ユーザーが読んでいる記事を完成させるように動機付けます。
「 デイリービースト 読書の進捗状況インジケーターを使用して、読者を引き付けます。 ただし、読み取りの進行状況インジケーターが微妙であり、サイトのユーザーエクスペリエンスを損なわないようにする必要もあります。
それは我々が簡単にWordPressの項目の再生進行状況インジケータを追加する方法を見ていきます、と述べました。
ワードプレスのプログレスバーを追加する方法
最初に行う必要があるのは、プラグインをインストールしてアクティブにすることです 読む価値があります 」。 詳細については、 WordPressプラグインのインストール方法に関するステップバイステップガイドを確認してください.
アクティベーション後、「 設定>読む価値がある プラグインを構成します。
まず、オプション「」をチェックして、再生プログレスバーをアクティブにする必要があります。 活性化します （有効） その後、進行状況バーを表示する場所を選択する必要があります。
デフォルトのオプションは上のバーを表示します、それはいくつかのウェブサイトの選択です。 これを変更して、ページの右、左、または下に進行状況バーを表示できます。
プラグインを使用すると、進行状況バーの前景色と背景色を選択して、 ワードプレスのテーマ. 背景色は空の進行状況バーを塗りつぶすために使用され、前景色はユーザーがページをスクロールして行っている進行状況を示すために使用されます。
オプション「」をチェックして、進行状況バーの全長に関するコメントを含めることもできます。 コメントを含めます 」。 コメントを含める場合、コメント進行領域に別の背景色を選択することもできます。
ページの最後のオプションでは、進行状況バーに透明な背景を使用できます。 このオプションをオンにすると、ユーザーがページをスクロールしたときに背景色が上書きされ、前景色のみが表示されます。 設定が完了したら、忘れずに設定を保存してください。
このチュートリアルは以上です。 進行状況バーを追加できることを願っています WordPressのブログ.
このプラグインは記事でのみ機能します。 この機能は、カスタムページまたは公開形式では使用できません。
ご不明な点がございましたら、お気軽にお問い合わせください。
