以前は結構流行っていた「この記事は何分で読めます。」という閲覧所要時間表示と言うものがあります。
ユーザビリティの為に概ねの記事の文字数で「何分何秒」と表示させていたアレです。
しかし、最近ではそのナリをひそめてしまっている気がします。
車メンテナンス・カスタマイズ・点検・修理、WordPressカスタマイズ、PC設定、車、時事ネタ、情勢、日々の出来事など津々浦々に綴っていきます。
2025年7月6日 (日曜日)本日の人気記事トップ10
所要時間目安: 約 2 分
今日は2025年7月6日です。
この記事は2017年1月15日のものです。現在は状況が異なる可能性がありますのでご注意ください。
2025年7月6日 (日曜日)↓における週間月間人気記事トップ3は?↓
エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 1PV
車の購入後、乗ろうが乗らまいが経年劣化というものは付きものなのですが、特にプラスチック部分や両面テープ部分などは経年劣化がどうしても起きてきてしまいます。 そんな車でも長めにお気に入りの愛車となれば長…
スロットルバルブクリーナーでスロットルバルブ洗浄と効果 1PV
人間も同じですが、いい状態で長く乗るには車もメンテナンスが重要です。 良くない状態というのは一番最悪なのがエンジンオイルを車検の時しか交換しないとか…。orz…。 オイル関係は人間で言う血液に相応する…
ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法 28PV
本日ではなく昨日になってしまいますが、それまでカーナビで地デジ対応のナビで突然エンジンをかけなおしたら・・・・・・。 「ICカードが正常に動作しませんでした。販売店にお問い合わせください。」 なんてい…
エクストレイルおすすめエンジンオイルにプロステージSの10W-40を試してみた 27PV
車にとってエンジンオイルは心臓部であるエンジンを保護するための重要な潤滑剤(潤滑油)です。他にもクーラント液やブレーキフルードなどのオイル関係はありますが、一番シビアな環境にあるエンジンを直接保護する…
ECUをリセットする方法。アイドリング不安定だったのでしょうがなく 24PV
過去の記事で、車も人間と同じようにメンテナンスは大事です。 と記載しました。 ですが、メンテナンスのし過ぎもいかがなものかという感じになりました。(メンテナンスしないのはもっと悪いですが…。) その記…
エクストレイルおすすめエンジンオイルにプロステージSの10W-40を試してみた 27PV
車にとってエンジンオイルは心臓部であるエンジンを保護するための重要な潤滑剤(潤滑油)です。他にもクーラント液やブレーキフルードなどのオイル関係はありますが、一番シビアな環境にあるエンジンを直接保護する…
ECUをリセットする方法。アイドリング不安定だったのでしょうがなく 22PV
過去の記事で、車も人間と同じようにメンテナンスは大事です。 と記載しました。 ですが、メンテナンスのし過ぎもいかがなものかという感じになりました。(メンテナンスしないのはもっと悪いですが…。) その記…
ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法 19PV
本日ではなく昨日になってしまいますが、それまでカーナビで地デジ対応のナビで突然エンジンをかけなおしたら・・・・・・。 「ICカードが正常に動作しませんでした。販売店にお問い合わせください。」 なんてい…
以前は結構流行っていた「この記事は何分で読めます。」という閲覧所要時間表示と言うものがあります。
ユーザビリティの為に概ねの記事の文字数で「何分何秒」と表示させていたアレです。
しかし、最近ではそのナリをひそめてしまっている気がします。
アドセンス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ですと無難な感じですが以下のようにも・・・・・・。
デザインはいろいろと試してみて自分で納得のいく感じのものに仕上げてみてください!!
人気の商品が日替わりで登場。毎日お得なタイムセール「Amazonタイムセール全体」
先日2016年6月9日に、市川海老蔵さんの妻小林麻央さんの病状についての記者会見が行われました。 これはもう周知の事実だと思います。そして、その際に病名までもしっかりと報告されていました。10年前くら...
広告と言えば、その企業や商品などのイメージにとても大事なものです。またサイトに表示される広告もサイトのイメージにある程度の影響があると言えます。 数年前にも、以下の記事を書きましたが、センシティブな広...
ものすごいショックっo(´^`)o ウー。 もうキーボード自体は、17年前(早いなぁ。)のDELLのデスクトップPC製品なのですが・・・・・・。去年キーボードカバーに穴が空いてしまっていたのでパソコン...
Amazonプライムを見てみる以前に「Amazon(アマゾン)で間違った商品の返品方法」というタイトルで記事にしたことがありますが、 今回はそのAmazon(アマゾン)のプライム会員になるメリットを1...
もう一昨年になりますね。2020年4月に1回目の緊急事態宣言が発出され、その前は医療現場でさえマスク不足になり街のコンビニや薬局、はたまたネットからもマスクがなくなり国がSHARP(シャープ)に国産の...
Multiplex 広告
あなたが訪問してから
⏰ 0 秒経過 🎉ホワイトデープレゼントは以下などの豊富なキャンペーン商品から選ぶと良いと思います。
今週の人気記事トップ10
アドセンス336pxPC閲覧記事下表示1つ目コード
よろしかったらシェアよろしくお願いします。
-WordPress, カスタマイズ, 伝えたいこと, 備忘録
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のプライバシーポリシーと利用規約が適用されます。
新着コメント