Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPressの投稿に推定投稿時間を表示する方法

読者を引きつけ、コンテンツをスクロールしてもらうことが重要です。そのための良い方法のひとつが、WordPressブログの記事の推定読了時間を表示することです。

読者が記事の推定読書時間を確認すると、記事全体を読むことを約束する可能性が高くなります。これにより、ウェブサイトに長く滞在する可能性が高まり、ユーザー全体のエンゲージメントと満足度を高めることができます。

WPBeginnerでは、3000以上のブログ記事を書いてきました。私たちの経験では、読書時間やプログレスバーを表示するような戦略は、読者に記事を読み終える自信を与えます。

この記事では、WordPressの投稿の推定読書時間を簡単に表示する方法をご紹介します。

How to Display Estimated Post Reading Time in Your WordPress Posts

なぜWordPressの投稿に推定投稿時間を追加するのか?

ブログを新規に立ち上げる場合、サイトへの訪問者を増やすことに主眼が置かれます。しかし、ユーザー一人一人のサイト滞在時間を増やすことも必要です。

サイト訪問者が長く滞在することで、ブランドを覚えてくれたり、ニュースレターに登録してくれたり、購入してくれたり、将来また訪れてくれたりする可能性が高まります。また、SEO対策にもつながります。

ユーザーが投稿をスクロールすると、プログレスバーが表示されるのはこのためだ。

訪問者に投稿を読んでもらうもう一つの方法は、投稿にかかる時間を事前に伝えることです。投稿を読むのに数分しかかからないと伝えることで、読み始めてもらうことができる。

それでは、WordPressのブログ投稿で読書時間を簡単に表示する方法を見てみましょう。2つの方法を紹介するので、以下のクイックリンクから使いたい方にジャンプしてください:

方法1:コードスニペットでWordPress投稿に推定読書時間を表示する(推奨)

無料のコードスニペットプラグインであるWPCodeを使用すると、WordPress投稿に推定読書時間をすばやく表示することができます。

WPCodeを使用すると、テーマのfunctions.phpファイルに触れることなくWordPressにカスタムコードを追加する ことができます。

WPCode

読書時間の表示、最近の投稿に’new’バッジの追加、Gravatarアバターの無効化、プログレスバーの表示など、人気のある機能リクエストのための便利なコードスニペットのビルトインライブラリが付属しています。これにより、個別プラグインを多数インストールする必要がなくなります。

開始するには、WPCodeプラグインをインストールし、有効化する必要があります。ヘルプが必要な場合は、WordPressプラグインのインストール方法をご覧ください。

プラグインを有効化したら、WordPressダッシュボードからCode Snippets ” Libraryに移動します。

スニペット・ライブラリーのページから、「Display Reading Time」スニペットを探します。見つけたら、マウスオーバーして「Use snippet」ボタンをクリックします。

Find the 'Display Reading Time' snippet and click 'Use snippet' button

次のページでは、WPCodeが自動的にコードを追加していることがわかります。

また、適切なインサーター方式を設定し、コンテンツの前に推定読了時間を表示します。

WPCode automatically adds the code

あとは、スイッチを「非活性化」から「有効化」に切り替え、「更新」ボタンを押すだけだ。

Switch the toggle to 'Active' and click the 'Update' button

これだけです。WordPressサイトにアクセスし、投稿日に表示される推定読書時間を見ることができます。

Displaying estimated reading time on WordPress posts using WPCode demo

方法2:プラグインを使ってWordPress投稿に推定読書時間を表示する

コードスニペットプラグインでサイトに他のカスタマイザーを追加したくない場合は、Read Meterプラグインを使用することで、推定読書時間を表示することができます。

Read Meterは、サイトに読書時間とプログレスバーを表示するのに役立つ無料のWordPressプラグインです。また、コードに触れることなく読書時間通知の外観を編集できるビルトイン設定が付属しています。

まず、Read Meterプラグインをインストールして有効化する必要があります。詳しくは、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

有効化した後、WordPressダッシュボードからSettings ” Read Meterページにアクセスし、プラグイン設定を行う必要があります。

Read Meter general settings

一般設定」タブで、読書時間を表示する投稿タイプを選択できます。

例えば、このプラグインを使えば、ブログの投稿日やページに読書時間を表示することができます。オンラインストアをお持ちの場合は、商品ページにも設定できます。

平均読書速度を調整することもできます。初期設定では、プラグインは1分間に275ワードの読書速度を推定して読書時間を計算します。

また、ブログ投稿を読むのにかかる時間を見積もる際に、コメントや画像を含める設定もある。

次に、「Read Time」タブで、表示されるテキストを正確にカスタマイズすることができる。

プラグインの上部には、ブログ投稿日、ホームページ、アーカイブページに既読時間を表示するかどうかを選択することができます。

Edit read time settings

そのほか、読書時間通知の外観を変更することもできます。

フォント・サイズ、読み取り時間の位置、背景色、文字色、その他多くの設定がある。

Customize your read time text

変更が完了したら、忘れずに「保存」ボタンをクリックしてください。

その後、「プログレス・バー」タブに行き、設定を編集することができる。バーの位置(ページの上部または下部)を選択するか、WordPressサイトから完全に無効化するオプションが表示されます。

スタイル、背景色、原色、バーの太さも変更できる。

Customize your read time text

プログレスバーの設定を編集したら、「保存」ボタンをクリックしてください。これで、読者には各投稿日の推定読書時間が表示されます。

WordPressのサイトにアクセスすると、読書時間とプログレスバーが表示されます。

Read Time Preview

WordPressの読書体験を向上させるエキスパートガイド

この記事で、WordPressの投稿に記事の推定閲覧時間を表示する方法をご理解いただけたでしょうか。WordPressの読書体験を向上させるための他のガイドもご覧ください:

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

アバター

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

20件のコメント返信を残す

  1. Jiří Vaněk

    This is an interesting idea, keeping readers on the website by showing them that the text doesn’t have to be as time-consuming as it might seem. Great! I’m also toying with the idea of text-to-speech, adding a playback feature to the website. Users wouldn’t have to read the article themselves but could listen to it. This way, they wouldn’t leave the website, potentially reducing the bounce rate. I just need to find out if there’s already a solution available for free within a word limit.

  2. Ralph

    I think post reading time + reading progress bar are really good things from the visitor perspective. One is great initial info and the other one shows your current progress. Good to know you can modify estimated words per minute.

  3. Curtis Townsend

    Do you know if this solution has the ability to also post the reading time next to the number of comments in the blog list. Want it to look similar to WSJ posts.

    • WPBeginner Support

      You would need to edit your theme’s template but the plugin does offer a shortcode that you could include to place the reading time where you like.

      管理者

  4. Tom Lemanski

    Thanks for the recommendation. I was using another read time plugin with no formatting settings so the read time was crowded into the post content. The issue was resolved immediately upon installation.

    • WPBeginner Support

      Glad to hear our recommendation could help!

      管理者

  5. Leinad Harpep

    Thanks for this great piece of information. Really helped me.

    • WPBeginner Support

      Glad it was helpful :)

      管理者

  6. jeje

    is there a way to show also the reading time when shared on facebook

    • WPBeginner Support

      We do not have a recommended method to guarantee that is included at the moment.

      管理者

  7. Leonardo Martins

    Is there any way to avoid showing reading time in homepage? I want to show it just when i click on each post

    • WPBeginner Support

      You would want to reach out to the plugin’s support for customizing the display like that

      管理者

  8. suvita

    can we add estimate reading time without plugin?

    • WPBeginner Support

      You would still need to have something to give an estimation of the reading time which would be done by either a plugin built into the theme or similar.

      管理者

  9. Vlad

    Can some pages be ignored?

    Thanks!

  10. Wagoner

    It would be great if you could update this and with a similar plugin that works without the content editor, say for CPT custom fields, using ACF or Toolset.

    Thanks!

  11. Nis

    Does this plugin supports Visual Composer. The problem I am having at the moment is it doesnt show up in widget.

  12. Sander Feinberg

    I like your blog and frequently find useful tips. However I am surprised you would republish a post with links to two plugins which have not been updated in 2 or 3 years. Since you likely have readers who are beginners, they might not even notice that.

    • WPBeginner Support

      Hi Sander,

      We apologize for inconvenience. It seems like when you arrived at this URL, you were served a cached version of the article which was quite old as you mentioned. Hopefully, if you revisit now, then you’ll be able to see the new version.

      管理者

      • Sander Feinberg

        Thanks for the update!

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。