日付を自動更新で表示させる! 簡単コピペ!!

LINEで送る
Pocket

先週『日付を毎月変えるの邪魔くさいし、サイトに書いてる日付とってくれへんやろか?』という依頼がありました。

とってもよかったのですが、やっぱり月に一回更新作業はしといた方が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!!!

コピペするなり、応用して色んな表示にして使ってくださいね!



関連記事

URLwwwありなし

URLの正規化:wwwあり、なしのドメインを統一する記述方法(エックスサーバー(XSERVER) にて)


前回のブログ で.htaccessに301リダイレクトをするための記述方法について書きましたが、ついでにwwwあり、なし…

記事を読む▷


OGPをWP-OGPのプラグインを改変して設定する!!2015年のOGP最新設定


今度こそ。。。OGPの設定で何時間、というより何日?何ヶ月?かかってるんや。。。という感じなのですが、もう最初の投稿から…

記事を読む▷


WordPressのメニューを、footer等用に作成して追加する方法


WorPressのデフォルトでは、gnavi(グローバルナビ)にメニューを追加し、表示させることはできますが、foote…

記事を読む▷


OPG設定_3

WordPressのプラグインなしで、Jetpackと共存してFacebookやTwitter CardのOGPの設定をする!


先日、ようやく気になっていたOGPの設定を、WP-OGPのプラグインを変更して使えるようにしたのですが(詳細は こちら …

記事を読む▷


WordPressでGIFアニメが動かない時の対処法


今回アイキャッチ画像にGIFアニメを登録したのですが、登録時、また、メディアライブラリ内ではしっかりGIFアニメとして動…

記事を読む▷


WP-OGPの設定方法:WPの投稿記事のサムネイルをFBできちんと表示させる


この記事は前回からの続きなのですが、、、実は1年経ってます。。下書きを途中まで書いてたのですが、あまりにも大変で途中で終…

記事を読む▷


スマホ、携帯からタップ(クリック)で電話を発信する、htmlの記述方法 コピペでOK!!


スマホ等のタブレット、また携帯で、電話番号をタップ(クリック)して直接かけるhtmlの記述方法です。 …

記事を読む▷


no image

テキスト、画像を選択できなくする方法


facebookで『続きを読みたかったらいいねを教えてね!』みたいな記事がよくありますが、必ずそういう記事に限ってコピペ…

記事を読む▷


WP Social Bookmarking Lightを好きな場所に設置、移動する方法


WP Social Bookmarking Lightを好きな場所に設置、移動する方法です。 以前、自分で管理している…

記事を読む▷


お名前.comで “Whois情報公開代行” の設定にチェックを入れ忘れて登録した時の対処方法


先日、こちら で少し書いたのですが、お名前.comでドメインを取った時に、 "Whois情報公開代行" の設定にチェック…

記事を読む▷


Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

参考にさせていただいてるサイト

Error: Feed has an error or is not valid

PAGE TOP