【初心者ブログカスタマイズ】~この記事は何分で読めます~
どうも。こんにちは。アラサー投資家K2です。 初心者で試行錯誤しながらブログのカスタマイズをしていますが、備忘も含めて手順を超簡単に残していこうと思います。
今日は「この記事は何分で読めます」と表示するやり方です。
以下の写真のようなイメージで表示が可能です。
手順はとっても簡単です。
手順①以下をコピーする
<script type="text/javascript">
addEventListener('DOMContentLoaded', function() {
var wpm = 500;
var length = $('.entry-content').text().trim().replace(/[\n\r]/g,'').length;
var message = '<p style="font-size: 80%; color: #999999; text-align: right;">この記事は約'+ Math.ceil(length/wpm) +'分で読めます。</p>';
$('.entry-content').prepend(message);
}, false);
</script>
コードは1分間に読める文字数を500文字に変換しています。
手順②
設定画面左上メニュー→デザイン→スパナマークのカスタマイズ→記事→記事上の記入領域に手順①でコピーしたものを貼り付けます。
以上です!
これでイメージ図のような表記になります。意外と簡単です。
少しずつカスタマイズできれば良いなと思っています。
よろしければこちらのカスタマイズもどうぞ
リンク