以前は結構流行っていた「この記事は何分で読めます。」という閲覧所要時間表示と言うものがあります。
ユーザビリティの為に概ねの記事の文字数で「何分何秒」と表示させていたアレです。
しかし、最近ではそのナリをひそめてしまっている気がします。
車メンテナンス・カスタマイズ・点検・修理、WordPressカスタマイズ、PC設定、車、時事ネタ、情勢、日々の出来事など津々浦々に綴っていきます。
プロモーションを含みます
所要時間目安:約2分
今日は2025年5月12日です。
この記事は2017年1月15日のものです。現在は状況が異なる可能性がありますのでご注意ください。
2025年5月12日 (月曜日)本日の人気記事トップ10
2025年5月12日 (月曜日)↓における週間月間人気記事トップ3は?↓
意外と知られていないのが、キッチンシンクからいつもと違う臭いや異臭や下水臭い強烈な匂いが出てくることがあります。いくらシンク内をカビキラーやキッチンハイターなどの塩素系漂白剤などできれいにしても・・・…
エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 4PV
車の購入後、乗ろうが乗らまいが経年劣化というものは付きものなのですが、特にプラスチック部分や両面テープ部分などは経年劣化がどうしても起きてきてしまいます。 そんな車でも長めにお気に入りの愛車となれば長…
ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法 4PV
本日ではなく昨日になってしまいますが、それまでカーナビで地デジ対応のナビで突然エンジンをかけなおしたら・・・・・・。 「ICカードが正常に動作しませんでした。販売店にお問い合わせください。」 なんてい…
エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 32PV
車の購入後、乗ろうが乗らまいが経年劣化というものは付きものなのですが、特にプラスチック部分や両面テープ部分などは経年劣化がどうしても起きてきてしまいます。 そんな車でも長めにお気に入りの愛車となれば長…
初めての経験でした。(汗)…。 キーレスエントリー、キーレスリモコンがついた鍵がエンジンを回す時にボキッと折れてしまいました。(汗)…。 プラスチックの本体部分と鉄のキー部分が分裂してしまいました。 …
エクストレイルT32やエクストレイルT33などでは純正LEDヘッドライトが採用されているグレードや車種があります。メーカーオプションのLEDヘッドライトだと光軸調整が難しいと思われる方のいらっしゃるか…
エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 32PV
車の購入後、乗ろうが乗らまいが経年劣化というものは付きものなのですが、特にプラスチック部分や両面テープ部分などは経年劣化がどうしても起きてきてしまいます。 そんな車でも長めにお気に入りの愛車となれば長…
初めての経験でした。(汗)…。 キーレスエントリー、キーレスリモコンがついた鍵がエンジンを回す時にボキッと折れてしまいました。(汗)…。 プラスチックの本体部分と鉄のキー部分が分裂してしまいました。 …
エクストレイルT32やエクストレイルT33などでは純正LEDヘッドライトが採用されているグレードや車種があります。メーカーオプションのLEDヘッドライトだと光軸調整が難しいと思われる方のいらっしゃるか…
以前は結構流行っていた「この記事は何分で読めます。」という閲覧所要時間表示と言うものがあります。
ユーザビリティの為に概ねの記事の文字数で「何分何秒」と表示させていたアレです。
しかし、最近ではそのナリをひそめてしまっている気がします。
アドセンス336pxPC閲覧記事下表示1つ目コード
結構、簡単と言えば簡単なのですが…。
人によって読む速度が異なりますので、600文字を1分程度かかって読むという計算式にての閲覧所要時間表示方法になります。
ということは…。
閲覧所要時間を算出するコードについてのロジックは単純で、
記事の文字数と読む速度(文字/分)から算出しています。
読む速度は、ざっとこんなもんだろうということで、600(文字/分)としています。読む速度は個人差がありますし、読む速度に影響するパラメータは他にもあるのですが、あくまで概算値の提供が目的なので複雑なことはしていません。
<?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分」
と表示するコードです。
p.meta_read_time {
font-size: 12px;
}
.ft14px {
font-size: 14px;
font-weight: bold;
}
上記CSSはフォントサイズをboldによって強調していますが、
今現在では通常表示程度の少し小さめのフォントサイズとboldによる強調は必要ないかもしれませんね。
=通常の大きさのみで充分かもれませんね。
今はナリをひそめている所要時間表示(閲覧時間表示)ですが、
今後また流行る?かも?しれませんので備忘録として一応残しておきました。
また、
今でももしかしたら需要があるのかもしれないと思いつつ記事にさせて頂きました。
ちょっとだけブログなどのエッセンスにいかがでしょうか?
CSSでいろいろなデザインにすることは可能ですが、
上記のCSSですと無難な感じですが以下のようにも・・・・・・。
デザインはいろいろと試してみて自分で納得のいく感じのものに仕上げてみてください!!
Multiplex 広告
これまでは、 スマホにおいては契約時にパケット通信量を何ギガにするのかということで、 契約料金も変わっていました。 それはそれで、 なんとなくは分かるのですが、家庭での光通信(光…
インフィード広告アドセンス
AFFINGER4Pro SNS STINGER PLUS+ Stinger6 Stinger7 WordPress インターネット カスタマイズ 伝えたいこと 備忘録
今はインターネットにおいて欠かすことの出来ないツールとなっているSNSがあります。 そして、 そのSNSには拡散してもらう為のボタンがあります。 多くのブログやホームページなどのサイトでよく目にかけま…
インフィード広告アドセンス
もう12月になって数日過ぎてしまいました。12月と言ったらボーナス商戦でお店やデパートなど年末年始商戦やクリスマス商戦でセール品や特価品、 そして、お買い得商品などなどいろいろな手で売り上げアップを目…
インフィード広告アドセンス
池上彰さんと言えば、もう知らない人はいないと言っても過言ではないと思います。私がはじめて池上彰さんを知ったのは、NHKでの「こどもニュース」をされていらっしゃった時からです。その頃から大人にも分りやす…
インフィード広告アドセンス
今年2024年12月2日に新規の紙のこれまでの保険証の発行を停止するとのことです。マイナンバーカードに保険証を登録してマイナ保険証としての利用を促しています。ですが、以下の記事のようにマイナ保険証はト…
インフィード広告アドセンス
PC Windows10 カスタマイズ ツール ブラウザChrome 伝えたいこと 備忘録 設定
Webサイトやご自分で記述した文章などを音声にて読み上げて確認してみたい場合には、Windows標準で搭載されている拡大鏡というアプリを使用すると、メモ帳やテキストエディタやWordなどの文書作成ソフ…
人気の商品が日替わりで登場。毎日お得なタイムセール「Amazonタイムセール全体」
あなたが訪問してから
⏰ 0 秒経過 🎉ホワイトデープレゼントは以下などの豊富なキャンペーン商品から選ぶと良いと思います。
今週の人気記事トップ10
アドセンス336pxPC閲覧記事下表示1つ目コード
よろしかったらシェアよろしくお願いします。
-WordPress, カスタマイズ, 伝えたいこと, 備忘録
This site uses Akismet to reduce spam. Learn how your comment data is processed.
Opt-out complete; your visits to this website will not be recorded by the Web Analytics tool. Note that if you clear your cookies, delete the opt-out cookie, or if you change computers or Web browsers, you will need to perform the opt-out procedure again.
You may choose to prevent this website from aggregating and analyzing the actions you take here. Doing so will protect your privacy, but will also prevent the owner from learning from your actions and creating a better experience for you and other users.
The tracking opt-out feature requires cookies to be enabled.
This site is protected by reCAPTCHA and the GooglePrivacy PolicyandTerms of Serviceapply.
このサイトはreCAPTCHAによって保護されており、Googleのプライバシーポリシーと利用規約が適用されます。
comment