以前は結構流行っていた「この記事は何分で読めます。」という閲覧所要時間表示と言うものがあります。
ユーザビリティの為に概ねの記事の文字数で「何分何秒」と表示させていたアレです。
しかし、最近ではそのナリをひそめてしまっている気がします。
メルカリ招待コード：
プロモーションを含みます
記事の閲覧時間や所要時間の目安を表示する方法（今は需要ないかも…。）
WordPress カスタマイズ 伝えたいこと 備忘録This session is using IPv4 is established in
今日は2025年6月1日です。
この記事は2017年1月15日のものです。現在は状況が異なる可能性がありますのでご注意ください。
2025年6月1日 (日曜日)本日の人気記事トップ１０
2025年6月1日 (日曜日)↓における週間月間人気記事トップ３は？↓
- 本日
- 週間
- 月間
-
初めての経験でした。（汗）…。 キーレスエントリー、キーレスリモコンがついた鍵がエンジンを回す時にボキッと折れてしまいました。（汗）…。 プラスチックの本体部分と鉄のキー部分が分裂してしまいました。 …
-
エクストレイルT32やエクストレイルT33などでは純正LEDヘッドライトが採用されているグレードや車種があります。メーカーオプションのLEDヘッドライトだと光軸調整が難しいと思われる方のいらっしゃるか…
-
TOYOTAキーレスリモコンの設定方法とキーナンバー（キー番号） 2PV
この度は（今回は？）、プラスチックの経年劣化により車のキーレスリモコンキーの送信機側（トランスミッター）のみをなくしてしまった場合です。（まだスマートキーやインテリジェンスキーと言われる前のキーレスリ…
-
初めての経験でした。（汗）…。 キーレスエントリー、キーレスリモコンがついた鍵がエンジンを回す時にボキッと折れてしまいました。（汗）…。 プラスチックの本体部分と鉄のキー部分が分裂してしまいました。 …
-
エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 24PV
車の購入後、乗ろうが乗らまいが経年劣化というものは付きものなのですが、特にプラスチック部分や両面テープ部分などは経年劣化がどうしても起きてきてしまいます。 そんな車でも長めにお気に入りの愛車となれば長…
-
アイドリングストップシステム異常警告灯表示対処方法 21PV
2010年前後以降の車に搭載されていることの多いアイドリングストップシステム。各自動車メーカーによって呼び名は異なりますが、機能としては信号待ちが長い時や停止時間が長い時などに勝手に（自動的に）アイド…
-
初めての経験でした。（汗）…。 キーレスエントリー、キーレスリモコンがついた鍵がエンジンを回す時にボキッと折れてしまいました。（汗）…。 プラスチックの本体部分と鉄のキー部分が分裂してしまいました。 …
-
エクストレイルT32やエクストレイルT33などでは純正LEDヘッドライトが採用されているグレードや車種があります。メーカーオプションのLEDヘッドライトだと光軸調整が難しいと思われる方のいらっしゃるか…
-
TOYOTAキーレスリモコンの設定方法とキーナンバー（キー番号） 2PV
この度は（今回は？）、プラスチックの経年劣化により車のキーレスリモコンキーの送信機側（トランスミッター）のみをなくしてしまった場合です。（まだスマートキーやインテリジェンスキーと言われる前のキーレスリ…
忘れない内に記事の閲覧所要時間（所要時間）を表示させる方法を残しておきたいと思います。
結構、簡単と言えば簡単なのですが…。
前提条件として、
人によって読む速度が異なりますので、600文字を1分程度かかって読むという計算式にての閲覧所要時間表示方法になります。
ということは…。
閲覧所要時間を算出するコードについてのロジックは単純で、
記事の文字数と読む速度（文字/分）から算出しています。
読む速度は、ざっとこんなもんだろうということで、600（文字/分）としています。読む速度は個人差がありますし、読む速度に影響するパラメータは他にもあるのですが、あくまで概算値の提供が目的なので複雑なことはしていません。
具体的にな方法です。
以下のコードをテンプレート.php内に追記します。
<?php
$numchar = mb_strlen( strip_tags($post-> post_content), "UTF-8");
$readtime = ceil($numchar/600);
echo $readtime;
?>
この上記内にある600という数値を任意に変えることで、
上記の計算式は変更可能なので500にしたのであれば1分間に500文字の読むスピードにての閲覧時間表示（閲覧所要時間表示）になります。
※あまりにも長い閲覧所要時間が表示されると、(￣◇￣;)エッそんなにかかっっちゃうの？とも思われ兼ねないので数値は適当に設定してみるのも良いかもしれませんね。
閲覧時間表示（閲覧所要時間表示）させたい任意部分（位置）に以下のコードを記載（追記）します。
<p class="meta_read_time">
閲覧所要時間： 約
<span class="ft14px">
<?php
$numchar = mb_strlen( strip_tags($post-> post_content), "UTF-8");
$readtime = ceil($numchar/600);
echo $readtime;
?>
</span>
分
</p>
これで以下のような感じで表示されるようになります。
「閲覧所要時間： 約XX分」
と表示するコードです。
最後にCSSにて整形します。
p.meta_read_time {
font-size: 12px;
}
.ft14px {
font-size: 14px;
font-weight: bold;
}
上記CSSはフォントサイズをboldによって強調していますが、
今現在では通常表示程度の少し小さめのフォントサイズとboldによる強調は必要ないかもしれませんね。
＝通常の大きさのみで充分かもれませんね。
まとめ
今はナリをひそめている所要時間表示（閲覧時間表示）ですが、
今後また流行る？かも？しれませんので備忘録として一応残しておきました。
また、
今でももしかしたら需要があるのかもしれないと思いつつ記事にさせて頂きました。
ちょっとだけブログなどのエッセンスにいかがでしょうか？
表示例）
CSSでいろいろなデザインにすることは可能ですが、
上記のCSSですと無難な感じですが以下のようにも・・・・・・。
デザインはいろいろと試してみて自分で納得のいく感じのものに仕上げてみてください！！
あなたにおすすめ
¥2,463 （2025/05/22 19:48時点 | Amazon調べ）
ポチップ
あなたが訪問してから
⏰ 0 秒経過 🎉
入学入社まであと…入学入社祝いはどんなPresent（プレゼント）でどのように過ごされますか？
ホワイトデープレゼントは以下などの豊富なキャンペーン商品から選ぶと良いと思います。
今週の人気記事トップ１０
車のキーナンバー確認方法。キーレス紛失や壊れた時 
カーメイトのエンジンスターターでエラー15表示と対処方法 
アイドリングストップシステム異常警告灯表示対処方法 
エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 
ECUをリセットする方法。アイドリング不安定だったのでしょうがなく 
エクストレイルに後付けクルーズコントロール取り付けプロパイロットもどき 
ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法 
エクストレイルT32で電動レカロをバッ直でなく車に取り付ける方法 
TOYOTAキーレスリモコンの設定方法とキーナンバー（キー番号） 
シガーライターがない車にシガーライターソケットの付け方と増設方法
ブログサービスが始まってから:
おすすめの記事一部広告
- キッチンシンク下がドブ臭い下水臭い原因と解決方法203
- エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ91
- 車のキーナンバー確認方法。キーレス紛失や壊れた時73
- カーメイトのエンジンスターターでエラー15表示と対処方法54
- アイドリングストップシステム異常警告灯表示対処方法53
- ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法48
- ECUをリセットする方法。アイドリング不安定だったのでしょうがなく40
- ステアリング交換とステアリングスイッチの増設と外し方後期型仕様に38
- 多要素認証を楽天証券、SBI証券、松井証券などのネット系証券会社やSMBC日興証券など34
- エクストレイルT32で電動レカロをバッ直でなく車に取り付ける方法33
Total559
よろしかったらシェアよろしくお願いします。
コメントを閉じる
This site uses Akismet to reduce spam. Learn how your comment data is processed.
comment