先週の土曜日に書いた記事が思い
のほか、ご好評でしたので調子に
のって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ページに限りますが、デモを確認出来ます。※いつまで残しておくか分かりません。

デモ※このブログを使ったデモなので色々崩れてます。

備考

  1. Youtubeのみの対応です。
  2. Youtubeに依存しますので、見栄えは動画次第です。色々テストしてみて下さい。
  3. IE6ではjquery-tubular自体が動作しません。
  4. IE7ではレイアウトが少し崩れますが、IE7はなんとかなるかも知れません。
  5. OperaとかSafariとかFirefoxは見てませんけど多分動くんじゃないかな
  6. 作りは結構適当ですので、いろいろカスタマイズしてみてください。
  7. 最低限の動作は確認しましたが、適当です。バグあったらごめんなさい。
  8. ライセンスはGPLですので改造して商用で使う、とか再配布もOKです。
  9. たまたま空いた数時間で作ったネタ的なものなのでアップデートは期待しないでください
  10. cssかなり適当です。最低限見られる程度なのでご自身で調整なさってください。

ダウンロード


ダウンロードして解凍後にアップロードし、管理画面で有効化したら動画を設定してください。デフォルトではjquery-tubularのデモで使用されている動画が指定されています。

何か問題とか疑問がありましたらコメント下さい。出来る範囲でお答えさせていただきます。