現在の接続環境は
です

記事内にプロモーションが含まれています。

プロモーションを含みます

記事の閲覧時間や所要時間の目安を表示する方法(今は需要ないかも…。)

WordPress カスタマイズ 伝えたいこと 備忘録

所要時間目安:2

This session is using  IPv4  is established in

今日は2025年5月12日です。

この記事は2017年1月15日のものです。現在は状況が異なる可能性がありますのでご注意ください。

目次に行く・戻る

2025年5月12日 (月曜日)↓における週間月間人気記事トップ3は?↓

  • 本日
  • 週間
  • 月間
  1. キッチンシンクからドブ臭い異臭原因解決方法

    キッチンシンク下がドブ臭い下水臭い原因と解決方法 7PV

    意外と知られていないのが、キッチンシンクからいつもと違う臭いや異臭や下水臭い強烈な匂いが出てくることがあります。いくらシンク内をカビキラーやキッチンハイターなどの塩素系漂白剤などできれいにしても・・・…

    もっと読む

  2. エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 4PV

    車の購入後、乗ろうが乗らまいが経年劣化というものは付きものなのですが、特にプラスチック部分や両面テープ部分などは経年劣化がどうしても起きてきてしまいます。 そんな車でも長めにお気に入りの愛車となれば長…

    もっと読む

  3. カーナビテレビが見れなくなったICカードが正常に動作しませんでした

    ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法 4PV

    本日ではなく昨日になってしまいますが、それまでカーナビで地デジ対応のナビで突然エンジンをかけなおしたら・・・・・・。 「ICカードが正常に動作しませんでした。販売店にお問い合わせください。」 なんてい…

    もっと読む

  1. エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 32PV

    車の購入後、乗ろうが乗らまいが経年劣化というものは付きものなのですが、特にプラスチック部分や両面テープ部分などは経年劣化がどうしても起きてきてしまいます。 そんな車でも長めにお気に入りの愛車となれば長…

    もっと読む

  2. キーレスリモコン破損

    車のキーナンバー確認方法。キーレス紛失や壊れた時 25PV

    初めての経験でした。(汗)…。 キーレスエントリー、キーレスリモコンがついた鍵がエンジンを回す時にボキッと折れてしまいました。(汗)…。 プラスチックの本体部分と鉄のキー部分が分裂してしまいました。 …

    もっと読む

  3. エクストレイルT32ヘッドライト光軸調整方法 17PV

    エクストレイルT32やエクストレイルT33などでは純正LEDヘッドライトが採用されているグレードや車種があります。メーカーオプションのLEDヘッドライトだと光軸調整が難しいと思われる方のいらっしゃるか…

    もっと読む

  1. エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 32PV

    車の購入後、乗ろうが乗らまいが経年劣化というものは付きものなのですが、特にプラスチック部分や両面テープ部分などは経年劣化がどうしても起きてきてしまいます。 そんな車でも長めにお気に入りの愛車となれば長…

    もっと読む

  2. キーレスリモコン破損

    車のキーナンバー確認方法。キーレス紛失や壊れた時 25PV

    初めての経験でした。(汗)…。 キーレスエントリー、キーレスリモコンがついた鍵がエンジンを回す時にボキッと折れてしまいました。(汗)…。 プラスチックの本体部分と鉄のキー部分が分裂してしまいました。 …

    もっと読む

  3. エクストレイルT32ヘッドライト光軸調整方法 17PV

    エクストレイルT32やエクストレイルT33などでは純正LEDヘッドライトが採用されているグレードや車種があります。メーカーオプションのLEDヘッドライトだと光軸調整が難しいと思われる方のいらっしゃるか…

    もっと読む

以前は結構流行っていた「この記事は何分で読めます。」という閲覧所要時間表示と言うものがあります。

ユーザビリティの為に概ねの記事の文字数で「何分何秒」と表示させていたアレです。

しかし、最近ではそのナリをひそめてしまっている気がします。

アドセンス336pxPC閲覧記事下表示1つ目コード

この記事を読む方へのオススメ

メルカリ招待コード:

忘れない内に記事の閲覧所要時間(所要時間)を表示させる方法を残しておきたいと思います。

結構、簡単と言えば簡単なのですが…。

前提条件として、

人によって読む速度が異なりますので、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ですと無難な感じですが以下のようにも・・・・・・。

閲覧所要時間表示例

 

デザインはいろいろと試してみて自分で納得のいく感じのものに仕上げてみてください!!

Windows10サポート終了まで

Multiplex 広告

あなたにおすすめな関連記事

OCNトップページ

伝えたいこと 時事ネタ

OCNが光回線でも速度制限実施!!スマホで速度制限のみならず

 これまでは、 スマホにおいては契約時にパケット通信量を何ギガにするのかということで、 契約料金も変わっていました。 それはそれで、 なんとなくは分かるのですが、家庭での光通信(光…

もっと読む

インフィード広告アドセンス

SNSボタンカスタマイズ

AFFINGER4Pro SNS STINGER PLUS+ Stinger6 Stinger7 WordPress インターネット カスタマイズ 伝えたいこと 備忘録

SNSボタンCSSカスタマイズでクリック率上げて拡散してもらう方法

今はインターネットにおいて欠かすことの出来ないツールとなっているSNSがあります。 そして、 そのSNSには拡散してもらう為のボタンがあります。 多くのブログやホームページなどのサイトでよく目にかけま…

もっと読む

インフィード広告アドセンス

年末年始商戦クリスマス商戦

伝えたいこと 備忘録 時事ネタ

年末年始ボーナス商戦ダイヤモンド特集一覧ちょっと贅沢に艶やかに!!

もう12月になって数日過ぎてしまいました。12月と言ったらボーナス商戦でお店やデパートなど年末年始商戦やクリスマス商戦でセール品や特価品、 そして、お買い得商品などなどいろいろな手で売り上げアップを目…

もっと読む

インフィード広告アドセンス

参院選池上彰と今井絵理子対談池上無双

伝えたいこと 備忘録 時事ネタ

池上彰氏参院選に続いて都知事選で池上無双炸裂か!!

池上彰さんと言えば、もう知らない人はいないと言っても過言ではないと思います。私がはじめて池上彰さんを知ったのは、NHKでの「こどもニュース」をされていらっしゃった時からです。その頃から大人にも分りやす…

もっと読む

インフィード広告アドセンス

セキュリティ 伝えたいこと 備忘録 時事ネタ

マイナ保険証なくても資格確認書で受診可能保険証は最長1年有効

今年2024年12月2日に新規の紙のこれまでの保険証の発行を停止するとのことです。マイナンバーカードに保険証を登録してマイナ保険証としての利用を促しています。ですが、以下の記事のようにマイナ保険証はト…

もっと読む

インフィード広告アドセンス

PC Windows10 カスタマイズ ツール ブラウザChrome 伝えたいこと 備忘録 設定

スクリーンリーダー不要でブラウザ以外も音声再生なWindows標準拡大鏡

Webサイトやご自分で記述した文章などを音声にて読み上げて確認してみたい場合には、Windows標準で搭載されている拡大鏡というアプリを使用すると、メモ帳やテキストエディタやWordなどの文書作成ソフ…

もっと読む

【AmazonタイムセールSALE車&バイク】!


人気の商品が日替わりで登場。毎日お得なタイムセール「Amazonタイムセール全体」

出展:Amazonタイムセール

人気の商品が日替わりで登場。毎日お得なタイムセール

あなたが訪問してから

0 秒経過 🎉

入学入社まであと…入学入社祝いはどんなPresent(プレゼント)でどのように過ごされますか?

ホワイトデープレゼントは以下などの豊富なキャンペーン商品から選ぶと良いと思います。

ブログサービスが始まってから:


カウントダウンタイマー

おすすめの記事一部広告

Total540


アドセンス336pxPC閲覧記事下表示1つ目コード

目次に戻る

よろしかったらシェアよろしくお願いします。

-WordPress, カスタマイズ, 伝えたいこと, 備忘録

目次に戻る

目次に戻る


コメントを閉じる

comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です


This site uses Akismet to reduce spam. Learn how your comment data is processed.