便利なアプリの紹介など幅広く雑多に記録するブログ。9分58秒clrmemoryWordPressのブログを見ていると、よく「この記事は〇〇分で読むことができます」のような、読了時間を表示している人がいると思います。Timeというプラグインを使うことで、簡単に読了時間を導入できるので紹介します。まとめはじめに今回紹介する方法は「WordPress」で作成されたサイトで、使用テーマは「Simplicity」です。テーマによって、読了時間を設置する位置が変わってくるため、注意してください。今回の方法ではテーマを編集するため、あらかじめサイトのバックアップを取った上で、全て自己責任でお願いします。WordPressの読了時間ですが、私の場合以下のように設定しました。このように、記事のコンテンツ量に対して、どのくらいの時間で読むことができるかをだいたいで表示できます。Time」をインストールしていきましょう。新規追加」を選択してください。Time」と入力して、以下のプラグインを探してください。このプラグインをインストールして有効化しましょう。Timeが追加されたかと思います。Timeを選択すると、以下のようなページが表示されるかと思います。この中の「フォーマット」を書き換えることで、表示される読了時間を自分の好きなテキストに変更できます。私の場合、以下のようにカスタマイズしました。blue">%min%分%sec%秒</span>で読むことができます。%sec%というように設定でき、<span>で囲むとテキストの色や太さなどの装飾を変更することもできます。これらを組み合わせて自分なりのテキストに編集してみてください。Timeでは、テキスト以外にもいくつか設定項目があります。以下の画像を元にそれぞれ見ていきましょう。先ほどテキストをカスタマイズしましたが、その上に1分間あたりの文字数という項目があるかと思います。読了時間は、記事の文字数を元におおよその時間を設定します。人間は、1分間に400文字読むと言われているらしく、このプラグインも400文字であれば1分、800文字なら2分といった具合で表示されます。これを元に、読了時間の目安を設定してください。Timeの読了時間は、記事の文字数を元に設定されています。記事の文字数が存在しないトップページなどでは読了時間を表示しないようにできます。同様に、フロントページや固定ページで表示するかの設定を行いましょう。画像では「投稿に表示しない」にチェックが入っていますが、これはphpから好きな位置に配置したためです。投稿に読了時間を表示した場合、以下の画像のように「記事の冒頭」部分に自動で挿入されます。私の場合は、タイトルの上に表示したかったため、phpを編集して挿入する位置をカスタマイズしました。phpを使った方法は後述します。Timeの管理画面に「ショートコード」や「PHP」の書き方が表示されていると思います。?>このようなコードを任意の位置に設置することで、読了時間が表示される場所を自由にカスタマイズできました。実際にショートコードやphpを使って読了時間を表示しましょう。ショートコードで表示ショートコードで表示する場合、ウィジェットなどを使って読了時間の位置を設定することもできます。ウィジェットを開きましょう。ウィジェットでショートコードを使う場合、テキストウィジェットから先ほどのショートコードを入力します。以下の画像を参考にして、任意の位置に読了時間を設置しましょう。このように設置して保存すると、サイドバーの一番上に読了時間を表示できました。私はSimplicityテーマを使っています。Simplicityでphpを編集して読了時間を表示する場合とテーマが変わる場合で、編集する位置も変わるため注意してください。実際にphpを使って表示しましょう。今回の場合、タイトルとシェアボタンの間に表示してみました。このように、テーマが編集できるのであれば、読了時間を好きな位置に設定することができます。このような編集の場合、Simplicityでは「entry-body.php」を編集しました。//投稿本文上ウイジェットこのようなコードを探して、先ほどのphpコードを差し込むことで実装できますが、Simplicityで親テーマを編集した場合、テーマのアップデート時に元に戻ってしまうので注意してください。Timeを使うことで、WordPressの記事内に読了時間を設置することができます。ショートコードやphpを活用すれば、任意の位置に表示できるのでレイアウトに合わせて設定してみてください。Control2017.2.12WordPressでブログのカスタマイズをしていると、ページ上部に表示されるツールバーが邪魔な時がありますよね。そのような時に、このツールバーを非表示にできたらカスタマイズの確認がしやすいです。そこで今回は、WordPressツールバーの表示・非表示を切り替えられるChrome拡張機能「Wor...読了時間を表示することで、記事ボリュームの目安を表示できるのでぜひ参考にしてみてください。【Mac】デュアルディスプレイのメインモニターを切り替える方法!【Swift】MapKitでマップのあるアプリを作る記事を探すプロフィールクリアメモリクリアメモリは、プログラミングに関する記事やガジェットのレビュー、便利なアプリケーションの紹介など、幅広く雑多に記録するブログです。Wizardがすごい!クリアメモリ。