[その他機能]この記事は約6分で読めます。WordPressの記事タイトル下辺りに、よく「この記事は○分で読めます」と表示されているのを見かけると思います。これは、文字数から自動で計算し表示させることができます。この表示によって、記事の精読率が上がるという意見や、記事ヘッダー部に情報が増えるので表示する意味がないなど見解は人・ブログによってわかれると思いますが、ヘッダ部で邪魔にならなければ表示して良いでしょう。これによりユーザーも、どのぐらいのボリュームなのかをある程度把握することができます。○分を取得する関数まずは、○分を取得する関数を追加します。テーマ編集」から「functions.php」の1番下に追加します。'この記事は約'.$count."分で読めます。";}8行で実現できてしまう簡単なphpソースです。500);この行で「○分」を取得しています。「$content」には、記事部が含まれているので(HTMLも含め)、これを「strip_tags」により、「HTML」や「PHP」部分を取り除いています。残った文章部分を500で割って数値の丸め処理をします(小数点第1位の四捨五入)。これにより、500文字を1分と判断して、記事を読み終える時間を算出します。500文字で1分というのは、日本語を基準とした標準的な数値なのでブログの内容や文章構成によって、数値を大小に変化させても良いと思います。強制的に「1分」と置き換える処理をしています(短くても0分は変ですので)。「functions.php」への追加が完了したら、以下のphpコードを記事などに挿入します。テーマ編集」から「single.php」に追加することで記事のみに表示できます。?>:上記の部分を「post-meta」等で探し、4行目のように追加してください。記事ヘッダー部をすっきりさせるとさらに見やすくなります。賢威のPC表示とレスポンシブデザインのCSS調整を説明します。当ブログでは、画像のように投稿日と横並びの右寄せで表示しています。関数とスタイルを少し調整するだけで可能なので、方法を説明します。b">約'.$count."分</span>で読めます。</p>";}「functions.php」に追加したソースの7行目にタグを追加しています。?>「single.php」に追加したソースの3行目と6行目にdivタグを追加しています。テーマ編集」から「design.css」の1番下に上記スタイルを追加しました。これで、投稿日・カテゴリと横並び右寄せになり記事ヘッダー部がすっきりします。レスポンシブデザイン対応レスポンシブデザインを有効にしている場合は、横並びを解除します。文字が重ならないようにするためです。テーマ編集」から「mobile.css」の1番下に上記スタイルを追加しました。1件のフィードバック「この記事は○分で読めます。事を参考にさせていただいています。[...]返信コメントを残す返信をキャンセルする。Reserved.このページの先頭へ。