1536768473 はてなダイアリからはてなブログへ移行している最中です。はてなダイアリーで出来ていたように、記事を最初に投稿した日時を「何時何分」まで表示させたいのですが、はてなブログで同様にする設定を教えて頂けますか?(使い始めたデフォルトでは何月何日までしか表示されず、とても寂しいのです)

画像のダイアリ記事(PCでhttp://d.hatena.ne.jp/Kityo/20180911/1536703384を表示)のように表示させたいのですが、ブログのほうhttp://kityo.hatenablog.com/entry/20180912/1536678000に「何時何分」まで表示させる設定が見つからないのです。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2018/09/13 01:07:52
  • 終了:2018/09/14 07:03:09

ベストアンサー

id:a-kuma3 No.1

a-kuma3回答回数4752ベストアンサー獲得回数20392018/09/13 09:49:40

ポイント100pt

該当する設定はないのですが、はてなブログは javascript が使えます。

ダッシュボードの左にあるメニューから、「デザイン」→「カスタマイズ」(スパナのマーク)→「ヘッダ」の順にクリック。
「タイトル下」のエリアをクリック。
エリアが広がるので、以下の内容をコピーして貼り付けます。

<script>
(function() {
    function d2(i) {
        return ("0" + i).slice(-2);
    }
    function ce(s, p, c) {
        const e = document.createElement("span");
        e.innerHTML = s;
        e.className = c;
        p.appendChild(e);
        return e;
    }
    window.addEventListener("DOMContentLoaded", function(ev) {
        document.querySelectorAll("header.entry-header, div.archive-entry-header").forEach(h => {
            const e = h.querySelector("time");
            const p = h.querySelector(".entry-title");
            const t = new Date(e.dateTime);
            console.log(e.dateTime);
            ce(d2(t.getHours()) + ":" + d2(t.getMinutes()), p, "timestamp");
        });
    });
})();
</script>

<style>
.timestamp {
    font-size: 70%;
    font-weight: normal;
    margin-left: 1ex;
}
</style>

右側に見えているプレビューの適当なところをクリックすると、入力エリアが閉じて右側に入力した内容が反映されます。
時刻が表示されていたら、左上の「変更を保存する」をクリック。

はてなダイアリに合わせて、タイトルのお尻に入れるようにしています。
試しに、ぼくのブログにも仕込んでみました。
http://a-kuma3.hatenablog.com/

id:Kityo

ありがとうございます!

2018/09/14 07:02:54

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません