日付を自動更新で表示させる！ 簡単コピペ！！
先週『日付を毎月変えるの邪魔くさいし、サイトに書いてる日付とってくれへんやろか？』という依頼がありました。
とってもよかったのですが、やっぱり月に一回更新作業はしといた方がSEO的にもよいでしょうし、とるのはオススメはしませんでした。でもやっぱり依頼にはお応えしたい。。
ということで、とりあえず日付を自動で更新できたら、ちょっとは問題解決につながるかな？と思い、日付を自動更新させることにしました。
その記述、簡単だったので書いておきます。
記述方法
至って簡単です。
このように記載したい場合は
body内の表示したい場所に
<script language="JavaScript">
<!--
mydate=new Date();
Ye=mydate.getFullYear()+"年";
Mo=mydate.getMonth()+1+"月";
Da=mydate.getDate()+"日";
Day=mydate.getDay();
Day2=new Array(7);
Day2[0]="日";Day2[1]="月";Day2[2]="火";
Day2[3]="水";Day2[4]="木";Day2[5]="金";
Day2[6]="土";
document.write("<span style='color:#ff0000;'>");
document.write("今日は"+Ye+Mo+Da+"（"+Day2[Day]+"）");
document.write("です</span>");
//-->
</script>
と記述します。
※ 12行目はわかりやすいように直接styleを書いてますが、実際はオリジナルのクラスをつけて、text-align:center;等も足してます。
応用編
『今日は』とか『です』とか、クラスの設定（上の場合は、colorを赤になるクラス）
が必要ない場合はもっと簡単です。
<script language="JavaScript"> <!-- mydate=new Date(); Ye=mydate.getFullYear()+"年"; Mo=mydate.getMonth()+1+"月"; Da=mydate.getDate()+"日"; Day=mydate.getDay(); Day2=new Array(7); Day2[0]="日";Day2[1]="月";Day2[2]="火"; Day2[3]="水";Day2[4]="木";Day2[5]="金"; Day2[6]="土"; document.write(Ye+Mo+Da+"（"+Day2[Day]+"）"); //--> </script>
これでOK!!
『曜日』とか『日付』とかがいらない場合はさらに簡単です。
<script language="JavaScript"> <!-- mydate=new Date(); Ye=mydate.getFullYear()+"年"; Mo=mydate.getMonth()+1+"月"; document.write(Ye+Mo); //--> </script>
ついでにもうひとつ。
『年』とか『月』がいらない場合は、
<script language="JavaScript"> <!-- mydate=new Date(); Ye=mydate.getFullYear()+"/"; Mo=mydate.getMonth()+1; document.write(Ye+Mo); //--> </script>
これでOK!!!
コピペするなり、応用して色んな表示にして使ってくださいね！
- ◀PREV
前の記事
- サーバー移転の手順 その3：移転後のトラブル
- NEXT▶
次の記事
- WordPressでGIFアニメが動かない時の対処法
関連記事
-
-
WordPressのプラグインなしで、Jetpackと共存してFacebookやTwitter CardのOGPの設定をする！
先日、ようやく気になっていたOGPの設定を、WP-OGPのプラグインを変更して使えるようにしたのですが（詳細は こちら …
-
-
共通パーツ（header,footer等）をjQueryで読み込んで編集を楽にする方法 ＆ 文字化け対策
WordPress等のCMSではなく、htmlで構築され、headerやfooter等、同じパーツを使っているサイトを編…
-
-
WP-OGPの設定方法：WPの投稿記事のサムネイルをFBできちんと表示させる
この記事は前回からの続きなのですが、、、実は1年経ってます。。下書きを途中まで書いてたのですが、あまりにも大変で途中で終…
-
-
WordPressのメニューを、footer等用に作成して追加する方法
WorPressのデフォルトでは、gnavi（グローバルナビ）にメニューを追加し、表示させることはできますが、foote…
-
-
お名前.comで “Whois情報公開代行” の設定にチェックを入れ忘れて登録した時の対処方法
先日、こちら で少し書いたのですが、お名前.comでドメインを取った時に、 "Whois情報公開代行" の設定にチェック…
-
-
はてなブックマーク（はてぶ）でブックマークしたURLを、まとめて変更する方法！
ドメインの変更をすると、301リダイレクトで対策をしたとしても（詳細はこちら）やはり今まで稼いできた被リンクも一緒に変更…
-
-
お名前.com から脱出する！：ドメインの移管方法
『お名前.com』でドメイン取得してからは、『Whois情報公開代行』の件（詳細はこちら）で大変な思いをしたのですが、そ…
-
-
2017最新版：SNS等の公式ロゴ（アイコン）素材のまとめ（Facebook, Instagram, Youtube, Twitter, Line etc.）
一度サイトを作ってしまうとなかなか更新せず使い回してしまうのが、この『SNSのロゴ（アイコン）』だと思うのですが、サイト…
-
-
OGPをWP-OGPのプラグインを改変して設定する！！2015年のOGP最新設定
今度こそ。。。OGPの設定で何時間、というより何日？何ヶ月？かかってるんや。。。という感じなのですが、もう最初の投稿から…
-
-
WordPress：プラグイン”RSSImport”を使って気になるサイト等の最新情報を表示させる方法
前回はRSSのボタンを自分のサイトに表示させる方法を書いたのですが、今回は自分のサイト以外（勿論自分のものもOK!）の気…
