この記事を読むのにかかる時間を自動で表示するブログコード

2014年04月04日 18:23

  • LINEで送る
この記事を読むのにかかる時間を自動で表示するブログコード

会員登録などをするとき、親切なサイトだと、いまどの過程まで進んだかを表示してくれるやつがありますよね。
あれ、後どのくらい時間と手間がかかるのか把握できて、すごい便利。

同じことを、ブログでもできないかと思ったわけです。
で、開いたブログ記事を読むのに必要な時間を表示する、という機能を勝手に追加してみました!

このすぐ上の青い画像の上にある「この記事を読むのに必要な時間」という部分に表示されている時間が、それです。

これで時間が無い時にも記事を読むか読まないか判断できて便利ですね!
それにしても「後で読む」というクリップ機能があったらいいなぁ。


導入方法ですが、テンプレートの2か所に追加するだけです。

【PCの場合】
管理画面 > テンプレート > カスタマイズ

「個別記事」のフォーム内、表示したい部分に下記のコードを入れます。

<span class="readtime"></span>

同じフォーム内で、先頭の方に</head> という文字があるので、その直前に以下のコードを貼り付けます。

<script type="text/javascript" src="/img/yasukawa/readtime/readtime2.js"></script>

以上です。

これで、自動的にブログが解析されて、記事を読むのに必要な時間を算出、「readtime」のタグが書かれた位置に勝手に表示してくれます。





同じカテゴリー(制作物覚え書き)の記事
イベントロゴ
イベントロゴ(2019-01-29 19:19)

[logo]カタルシス
[logo]カタルシス(2018-05-07 11:53)

社員証デザイン
社員証デザイン(2018-01-15 18:29)


このブログの新着情報を配信中!

RSSリーダーに登録することで、新着情報だけを確認することができ便利です。
上のアイコンをクリックしてご登録ください。

見るだけでは飽き足らない、あなた。あなたも小言に参加してみませんか。コメントトラックバック、ご自由にどうぞ。


入力した内容は表示されます
上の画像に書かれている文字を入力して下さい
 
<ご注意>
書き込まれた内容は公開され、ブログの持ち主だけが削除できます。
過去記事
デザイン特集
グルメ特集
アクセスカウンタ
読者登録
メールアドレスを入力して登録する事で、このブログの新着エントリーをメールでお届けいたします。解除は→こちら
現在の読者数 32人
QRコード
QRCODE
プロフィール
yasukawa
yasukawa
浜松在住クリエイター&デザイナーが仕事のことについて頑張って書いてみる。
【認知心理学、コミュニケーションデザイン、情報デザイン、UI/UX、インフォメーションアーキテクト、サイネージ(Scala)、3Dモデリング、データベースアプリ構築(FlileMaker)、Flash Script 2.0&3.0、サーバ構築(Linux)、IoTセンサー&電子工作(Arduino)
文部科学省後援情報検定 情報デザイン試験合格
日本商工会議所販売士検定試験2級合格
日本英語検定協会実用英語検定試験3級合格
デザインカレッジ 外部講師(WEBマーケティング)
日本最大級レビューメディア「zigsow」2021年ベストレビュワー