先週の土曜日に書いた記事が思い
のほか、ご好評でしたので調子に
のってWPテーマにしました。管理
画面でYoutubeのIDを指定すれば、
背景にしている動画を変更する事が
出来ます。勿論無料ですし、リンク
の表記も不要です。
もともと、使用しているjQueryのプラグインであるjquery-tubular自体、クロスブラウザに対応（IE6で動作せず、IE7でレイアウトにズレ）していませんのでこのテーマもそんな感じです。jquery-tubular自体のライセンスはMITになります。
WP-Tubular
昨日、たまたま時間が開いたので突貫工事的に作りました。使用しているjQueryは以前書いた記事をご参照ください。
動画の指定方法
肝心の動画の指定方法です。WP-Tubularを有効化すると、管理画面の外観の所に設定項目の「WP-Tubular Settings」が追加されます。
この項目でYoutubeの動画IDを指定すれば完了です。IDはhttp://www.youtube.com/watch?v=58CZcCvwND4&feature=grec_indexの動画なら「58CZcCvwND4」がIDなので、これを入力して保存すればOKです。
TOPページに限りますが、デモを確認出来ます。※いつまで残しておくか分かりません。
デモ※このブログを使ったデモなので色々崩れてます。
備考
- Youtubeのみの対応です。
- Youtubeに依存しますので、見栄えは動画次第です。色々テストしてみて下さい。
- IE6ではjquery-tubular自体が動作しません。
- IE7ではレイアウトが少し崩れますが、IE7はなんとかなるかも知れません。
- OperaとかSafariとかFirefoxは見てませんけど多分動くんじゃないかな
- 作りは結構適当ですので、いろいろカスタマイズしてみてください。
- 最低限の動作は確認しましたが、適当です。バグあったらごめんなさい。
- ライセンスはGPLですので改造して商用で使う、とか再配布もOKです。
- たまたま空いた数時間で作ったネタ的なものなのでアップデートは期待しないでください
- cssかなり適当です。最低限見られる程度なのでご自身で調整なさってください。
ダウンロード
ダウンロードして解凍後にアップロードし、管理画面で有効化したら動画を設定してください。デフォルトではjquery-tubularのデモで使用されている動画が指定されています。
何か問題とか疑問がありましたらコメント下さい。出来る範囲でお答えさせていただきます。