カウントダウンを設置! 残り○○日○○時間○○秒を表示させるjavaScript

カテゴリー:Think    |    タグ:

カウントダウンを設置! 残り○○日○○時間○○秒を表示させるjavaScript

先日作成したバナーの上にカウントダウンを設置してみました。

残り○○日○○時間○○秒を表示させるjavaScript

設置してみた図。

Cdown

カウントダウン設置方法

header.php内に以下を記述します。
<?php wp_head(); ?>の前ぐらい。


補足

黄色くハイライトされているところの文言はお好きなものへ変更してください。
改行したい場合は、

このようになります。

続いて、表示させたい場所に以下を記述します。


期限日設定の補足

13行目から16行目で日付を設定します。
わたしは、初日なので2013/12/1に向けてのカウントダウンで設定しました。

あとは、CSSでお好みでデザインをするだけです。
このブログでのCSSを参考までに書いておきます。

smart.cssの方にも記述してください。

これをテンプレートに直接設置しています。なにかあると大変なのでバックアップしてから試してみてください。

ボタン風にしてリンクさせてもいいかも!

ADVERTISEMENT

  • Pocket
  • このエントリーをはてなブックマークに追加

published:2013/11/04    Written by:
カテゴリー:Think,      タグ:

最後まで読んでくれた方へ。

閲覧頂きありがとうございました!
お気に召しましたら是非RSS登録やフォローをお願いします!

Twitter

関連記事

amekiiroisen1299

ブログをつくるときに気をつけたい「カテゴリー」や「タグ」について考えてみる

これずーーーっといろいろと考えているところであり、試行錯誤しているところでもあります。 「カテゴリ

記事を読む

text

テキスト関係で使えるプロパティ(改行表示方法など)【CSS】

表示結果をCodepenを使って見せています。HTML/CSSの文字をクリックするとそれぞれのコード

記事を読む

think

ブログを書き始める時に考えるあれこれ。ずっとブログを書いていくために

Ans. 「」 ブログはあなたのいろいろを入れておく器 スケールが大きくなってる感じですが、最近

記事を読む

girl

ブログをいくつか書いていると思うことってあるよね?みんなどうしてるのだろう

つい先日このような記事をみました。 ブログ2個運営で見えた失敗と注意点・そしてさらなる挑戦! |

記事を読む

PAK25_tokyobigsitero-tari

ブログを書き始めたばかりのわたしが思うどうでもいいこと

このブログもまだまだ始まったばかりですが、少し思ったことを。 ブログに思うこと いまやたくさんの

記事を読む

コメントを残す

ADVERTISEMENT
nijisan

Written by niji_sansan

生まれ落ちた地は神戸。
鉄成分入ってるものに興味あり!
キイロイトリが好き!
感動すると「ほぅ」と言いますw

  • 2017年5月
    « 12月    
    1234567
    891011121314
    15161718192021
    22232425262728
    293031  
電子書籍ストア BookLive!
PAGE TOP ↑