攻めは飛車角銀桂守りは金銀三枚

人生、なすがママ、きゅうりがパパ

はてなブログで記事下の投稿からの経過日数を投稿日に変更する方法

はてなブログで記事下にある投稿からの経過日数を投稿日に変更する方法です。

規定値でははてなブログでは記事下に表示されるのは投稿してからの経過日数が表示されます。
【改造前】
はてなブログで記事下に投稿日時を表示する(デフォルト)
これを少し編集して投稿日に変えます。

【改造後】
はてなブログで記事下に投稿日時を表示する(変更後)

はてなブログで記事下の投稿からの経過日数を投稿日に変更する方法

はてなブログで記事下の投稿からの経過日数を投稿日に変更するには、以下のソースを「デザイン」→「カスタマイズ」→「記事下」に貼り付けます。

<script>
    $(document).ready(function(){
        $('.entry-footer-time time').text(($('.entry-footer-time time').text()).slice(0,10).replace(/-/g, '/'));
    });
</script>

※動作させるにはjQueryが必要です。
まだ導入されていない方は「設定」→「詳細設定」の「headに要素を追加」に

<script
  src="https://code.jquery.com/jquery-2.2.4.js"
  integrity="sha256-iT6Q9iMJYuQiMWNd9lDyBUStIq/8PuOW33aOqmvFpqI="
  crossorigin="anonymous"></script>

を貼り付けます。

これで
はてなブログで記事下に投稿日時を表示する(変更後)
って表示に代わってませんか。

ちなみに表示は「YYYY/MM/DD」に編集しています。
時間表示も必要であれば

$('.entry-footer-time time').text( ($('.entry-footer-time time').text()).replace(/-/g, '/'));

にすれば時間も表示できます。

表示形式が「YYYY-MM-DD HH:MM」(オリジナル)がよければ

$('.entry-footer-time time').text( $('.entry-footer-time time').text());

で表示可能です。

以上「はてなブログで記事下の投稿からの経過日数を投稿日に変更する方法」でした。