2019-12-02たまにメディアやブログで見かける「この記事は約〇分△秒で読めます」という記述。個人的にはあると親切だなと思ったので、当ブログでも導入してみることにしました。Time』を利用します。画面のようにプラグインが表示されたら、『今すぐインストール』⇒『有効化』まで済ませてください!この時点で個別の記事を見ると、「この記事を読むのに必要な時間は約〇分です。Time』と進みメニューを開きましょう。ここで時間表示に関する設定を変更することができます。一分間あたりの文字数:初期状態は400文字になっていますが、参考時間が長すぎても読まれなくなる可能性があるので、600文字まで引き上げました。フォーマット:HTML形式で文字を装飾することができます。:「〇分」のみの表示なのか、「〇分△秒」まで表示するのか設定できます。(後述しますが、秒表示をするには%sec%の入力が必須です)固定ページでは表示しない:固定ページに表示したくない場合はこちらにチェックを入れてください。その他の設定は特にいじる必要はありません。〇分△秒まで表示するには、『時間出力』を「分・秒」に変更したあと、『フォーマット』の欄に「%sec%秒」を追記する必要があります。例として、この記事を読むのに必要な時間は約%min%分%sec%秒です。「分」と「秒」は自動では表示されないので、必ず文字式の後に書いておきましょう。無事に「6分45秒」と表示されました。(文字数も600文字に変更しています)文字の装飾サンプルこのままだと、本文との区別がつかない場合もあるので、文字を少しだけ装飾していきます。下線を入れる『フォーマット』からHTML形式で文字を装飾することができます。underline;”></span>」で囲えばOKなので、今回は以下のようになりました。underline;">この記事を読むのに必要な時間は約%min%分%sec%秒です。</span></p>投稿を見てみると、しっかり下線が引いてあります。これで本文とも区別がつくようになりましたね!文章もご自身のサイトの雰囲気に合わせて変更しても良いでしょう!以下、HTMLのサンプルを表示しておきます。いずれもコピペOKです〇(サンプル)文字を太くするこの記事を読むのに必要な時間は〇分△秒です。class="estimated-reading-time"><b>この記事を読むのに必要な時間は約%min%分%sec%秒です。</b>(サンプル)文字の前に「〇」を付ける〇この記事を読むのに必要な時間は〇分△秒です。class="estimated-reading-time">〇この記事を読むのに必要な時間は約%min%分%sec%秒です。</p>(サンプル)下線を引いたまま「〇」を付ける〇この記事を読むのに必要な時間は〇分△秒です。underline;">この記事を読むのに必要な時間は約%min%分%sec%秒です。</span>(サンプル)文字を小さくし、文字の色も薄くするこの記事を読むのに必要な時間は〇分△秒です。13px;">この記事を読むのに必要な時間は約%min%分%sec%秒です。『設定』から各種設定を完了させるサイトに合わせて文字の装飾をする参考になりましたら嬉しいです(^^)。ME末次ゆう佐賀県出身の23歳。自転車で日本中を旅をしたり、ゲストハウスのヘルパーをしたり、山口県ですいか援農したり、大分県でドーナツ屋さんを開いてみたりとまったりな人生。一人の時間が大好きなのでブログを書いています。日本一周などの旅日記なら、WordPressで作りこむ必要はない。げんふう会社を辞めて旅に出た経緯と心境をつらつらと語ります。末次ゆう佐賀県出身の23歳。月に7万回以上読まれているブログ『厳風~Genfu~』を運営しています。2年間会社に勤めた後、自転車で旅をしたり、ゲストハウスのヘルパーをしたり、すいか援農したり、ドーナツ屋さんを開いてみたりとまったり行動中。フットワーク軽く「旅するように暮らす」のが人生目標です。