今回も Dpub 8 用のカウントダウンプラグインを公開します。
プラグインなので設置は簡単です
Dpub 8 プラグインの Zip ファイルを使ってインストール、 ウィジェットを配置するだけです。プラグインは こちら に置いてあります。ここからダウンロードしてインストールしてください。
細かい手順が分からない時は Dpub 7 カウンタープラグイン のエントリ を参考にしてください。
免責事項
無保証の野良プラグインです。問題は起さないと思いますが、ご利用は自己責任でお願いします。また、ダウンロードしたプラグインのソースを適当に変えてくれても構いません。ライセンスは GPL v2 で公開しています。設置も改造も公開も自由にやってください
表示のカスタマイズも CSS で可能です
ウィジェットの中の表示部分は dpub_counter という id を付けているので、 CSS のセレクタで指定することで表示をカスタマイズすることができます。(Dpub 6 カウンタと同じ id です)。
子テーマの中などで以下のようにスタイルを設定することができます。
|
1 2 3 4 |
div#dpub_counter { font-size:90%; font-weight:bold; color:#FFA5 |
JavaScriptでも同じようなことができます
wordpress.com を使っていたり、他のブログシステムを使っている場合はプラグインを使えないと思いますが、以下のような 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, 5, 15, 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>' + 'Dpub8 開幕まで… <br />残り ' + cntdwn_day + '日 ' + cntdwn_hour + '時間' + cntdwn_min + '分 です' + '</span>'; } else { document.getElementById("dpub_counter").innerHTML = 'Dpub 7 is now!'; } setTimeout('count_down()', 60000); } count_down(); // --></script> |
Dpub 8 開催までの日々を心待ちにしましょう
最後まで読んでいただきありがとうございます。
左のアイコンをクリックして、このブログを Feedly に登録していただけると嬉しいですFacebook ページでも情報を発信していますのでよろしかったら「いいね！」をお願いします
RSSリーダへの登録は こちら からどうぞ。
No commented yet.