「Blogger」フッターの著作権（西暦）をJavaScriptで自動更新したい【T】
 |
著作権の西暦を自動化して管理の手間を減らすメリット
フッターの西暦表示をシステムに任せることは、ブログの鮮度を保つだけでなく、運営者の管理コストを削減するために非常に有効です。
自動更新を導入すれば、毎年1月1日に「コードを修正しなきゃ」と思い出す必要がなくなり、常にプロフェッショナルな状態を維持できるようになります。
具体的には以下の点に注目して導入を検討してください。
修正忘れによる「古いサイト」という印象を完全に排除し、ブログの信頼性を守る。
複数のブログを運営している場合でも、すべてのサイトの年号が一斉に更新される。
テンプレートの深い階層にあるHTMLを何度も触るリスクを減らし、ミスを防ぐ。
アドバイスとして、自動化することで空いた時間を、新しい記事の執筆やコンテンツの改善といった、より生産的な作業に充てることが可能になります。
JavaScriptで現在の年を動的に表示させたい
「Blogger」の「レイアウト」や「テーマ」から、現在の西暦を取得して表示させるための基本的な解決策を確認していきます。
作業をスムーズに進めるため、以下の手順で設定を行ってください。
「Blogger」管理画面の「レイアウト」から、フッターエリアの「ガジェットを追加」を選択し、「HTML/JavaScript」を選ぶ。
コンテンツ欄に以下のサンプルコードを貼り付ける。
<script type="text/javascript"> document.write(new Date().getFullYear()); </script>著作権記号の「©」やサイト名と組み合わせて、表示されるテキストを整える。
保存後、実際のブログ画面で「2026」などの数字が正しく出力されているかを確認する。
注意点として、コピーライトの表記ルールに従い、「© 2024-2026 サイト名」のように開始年を併記したい場合は、開始年だけを固定の文字として入力しておく必要があります。
テーマのHTMLに直接コードを埋め込んで安定させたい
ウィジェットを使わず、テンプレートのソースコードを直接編集して、表示のズレを防ぎながら実装する高度な手法を試してみましょう。
作品の表現を広げるため、以下の手順でソースコードを調整してください。
「テーマ」メニューから「HTMLを編集」を開き、フッター付近の既存の年号を探す。
西暦を表示したい箇所に、以下のコードを正確に挿入する。
Copyright © 2024 - <script type='text/javascript'>document.write(new Date().getFullYear());</script> サイト名CSSを使用して、自動で書き出される年号のフォントサイズや色を周囲の文字と統一する。
テンプレートを保存し、モバイル表示時や異なるブラウザでも数字が消えずに表示されているか最終確認する。
アドバイスとして、HTMLを直接編集する前には、必ずテーマのバックアップを取得し、不測の事態ですぐに元の状態へ戻せるように準備しておくことが大切です。
コピーライトの自動更新を最適化した際の効果
フッターの西暦が自動で切り替わる仕組みを整えることで、ブログ運営の細部に対するストレスが解消されます。
具体的には以下の結果が得られます。
年越しの瞬間に作業を気にすることなく、常に最新の状態で読者を迎えられるようになる。
細かな部分まで手入れが行き届いたブログとして、訪問者や提携先からの評価が高まる。
スクリプトを活用したカスタマイズを体験することで、Bloggerの機能をより深く制御できる自信がつく。
注意点として、ごく稀にJavaScriptの読み込みに失敗すると数字が表示されないことがありますが、標準的なコードであれば現在のほとんどの閲覧環境で安定して動作します。
