記事を読む時間表示方法!
ちょくちょくやっている、ブログの改造!
今回もやってみました。
コード
<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>
上記コードを
デザイン/カスタマイズ/記事/記事上
へ入力する。
*review方法:記事/記事ページをプレビューを押すと記事右上に表示される。*
また、緑マーカーした部分は任意で色を変更可能です。
色コードのサイトを参考にしてみて下さい!
参考サイト: