カウントダウンを設置! 残り○○日○○時間○○秒を表示させる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

関連記事

hanataba

Stinger Advent Calendar 2013のバナーを作成してみました!

始めようと思ったとき、全部自分で埋まってしまうかもしれなと思ったのが嘘のようです。登録頂いた方、興味

記事を読む

amekiiroisen1299

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

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

記事を読む

door

ふと思い出しては読み返す。そんなブログ記事を昨日また読み返していました。

何度も読み返してしまう。ふと思い出しては読み、あぁそうだな。。と思ってまたそっと閉じる。そしてまた。

記事を読む

Adventskalender

Stinger Advent Calendar 2013というテーマでAdvent Calendarを作成しました! #Stinger-WP

このブログはStinger3というテーマを使って書いています。 ”Stinger"で検索するとたく

記事を読む

text

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

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

記事を読む

コメントを残す

ADVERTISEMENT
nijisan

Written by niji_sansan

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

  • 2018年4月
    « 12月    
     1
    2345678
    9101112131415
    16171819202122
    23242526272829
    30  
電子書籍ストア BookLive!
PAGE TOP ↑