「今回も」と書いていますが、Dpub 9 は、いつ告知があるのでしょう？
今回もプラグイン形式です
いつものように WordPress のプラグイン形式でリリースさせていただきますので、 Zip ファイルをダウンロードして、プラグインをインストールしてお使いください。一応、テストはしていますが、万が一がないとも限りません。ご利用は自己責任でお願いいたします。
ダウンロードは こちら からどうぞ。
免責事項
無保証の野良プラグインです。問題は起さないと思いますが、ご利用は自己責任でお願いします。また、ダウンロードしたプラグインのソースを適当に変えてくれても構いません。ライセンスは GPL v2 で公開しています。設置も改造も公開も自由にやってください
特定の回に依存しない仕様にしました
今までは、それぞれの Dpub が開催される毎にプラグインを作成してリリースしていましたが、今回から特定の Dpub には依存しない形にさせてもらいました。そのため、ご利用の際は、皆さんに開催日を設定していただかなければなりません。そのかわり、今後は Dpub 毎にプラグインをインストールしなくても、設定だけ変更して配置すれば良くなります。
少し、お手間を掛けますが、ご了承ください。
プラグインをインストールして有効化すると以下のウィジェットが表示されますので、これをサイドバーなどに配置してオプションを設定してください。
最初はこのように何もない状態ですので
タイトルやメッセージなどを適当に入れてください。
これらを設定しないとデフォルトの文字列が使われます。日時を設定していない場合、日付未設定時のメッセージが表示されます。デフォルトでは Coming soon! と表示されます。
このアイデアはくらちゃん (@kuracyan) からいただきました。ありがとう、くらちゃん！
設定してもらうとサイドバーなどにこんなカウントダウンウィジェットが表示されると思います。(日時は適当です)
スタイルのカスタマイズはスタイルシートで
文字列などに HTML のタグは指定できません。スタイルの変更はスタイルシートを使って実施してください。従来と同じように dpub_counter という id を指定していますので、こちらを使ってカスタマイズしてください。|
1 2 3 4 5 |
div#dpub_counter { font-size:90%; font-weight:bold; color:#FFA5 } |
定番の JavaScript バージョン
WordPress では無いのでプラグインは使えない、という方は JavaScript バージョンを貼り付けるなどしてください。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 |
<div id="dpub_counter"></div> <script charset="utf-8" type="text/javascript"><!-- function count_down() { nowdaytime = new Date(); dpubdaytime = new Date("2013-01-01 13:00:00"); cntdwnMils = dpubdaytime.getTime() - nowdaytime.getTime(); cntdwn_day = Math.floor(cntdwnMils / (1000*60*60*24)); cntdwnTime = cntdwnMils - (cntdwn_day * (1000*60*60*24)); cntdwn_hour = Math.floor(cntdwnTime / (1000*60*60)); cntdwnTime = cntdwnTime - (cntdwn_hour * (1000*60*60)); cntdwn_min = Math.floor(cntdwnTime / (1000*60)); cmtdwnTime = cntdwnTime - (cntdwn_min * (1000*60)); if ( cntdwn_min < 10) { cntdwn_min = '0' + cntdwn_min; } if ((dpubdaytime - nowdaytime) > 0) { document.getElementById("dpub_counter").innerHTML = '<span>' + 'Dpub9 開幕まで… <br />残り ' + cntdwn_day + '日 ' + cntdwn_hour + '時間' + cntdwn_min + '分 です' + '</span>'; } else { document.getElementById("dpub_counter").innerHTML = 'Dpub 9 is now!'; } setTimeout('count_down()', 60000); } count_down(); // --></script> |
本プラグインについてのご要望などがありましたら、メール、Twitter、本ブログへのコメント、GitHub の Issue などでお願いします。GitHub での Pull Request も大歓迎です。
azur256/dpub-countdown on GitHub
最後まで読んでいただきありがとうございます。
左のアイコンをクリックして、このブログを Feedly に登録していただけると嬉しいですFacebook ページでも情報を発信していますのでよろしかったら「いいね！」をお願いします
RSSリーダへの登録は こちら からどうぞ。
No commented yet.