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

ブログに関する記事 ブログ運営

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

規定値でははてなブログでは記事下に表示されるのは投稿してからの経過日数が表示されます。
これを少し編集して投稿日に変えます。

スポンサーリンク

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

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

<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());

で表示可能です。

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

タイトルとURLをコピーしました