ブログに今日の日付を自動で表示する方法

WordPress

備忘録としてメモ。

ブログとかWEBサイトに今日の日付を「◯年◯月◯日」と表示する方法。

アップロードした更新日のことではなく、訪問者がアクセスした日のこと。

1.head部分にscriptを挿入

WEBサイトのソースの<head></head>の間にscriptを挿入。

WordPressだったら、「外観＞テーマファイルエディター」で、headerファイルにタグを挿入。

<head></head>の間に以下のコードを挿入。

<script>
function displayDate() {
  const today = new Date();
  const year = today.getFullYear();
  const month = today.getMonth() + 1;
  const day = today.getDate();
  document.getElementById("date").innerText = `${year}年${month}月${day}日`;
}

window.onload = displayDate;
</script>

これで、id=”date”に日付が挿入される準備が整いました。

2．<span>タグでdateを呼び出す

html（Wordpressだったら記事）に以下のコードを埋め込みます。

<span id="date"></span>

これで、その部分に今日の「年月日」が表示されます。

コメント