• かちびと.net

    Youtube動画を背景に設定可能なWordPressテーマ・「WP-Tubular」を作ったので無料配布しますします。先日ご紹介した、Youtube動画を背景に出来るjQueryを使ったWPテーマを作成しましたので無料配布します。

    Kudos for

    WordPress jQuery
  • About This

    Web制作に役立つTips、チュートリアル、、マーケティングに役立つ情報などのリソースをほぼ毎日配信しています。宜しければメモ代わりにご利用下さい。詳しい情報はAbout me またはhumans.txtをご覧下さい。

    Kachibito.net is a community-based website for web designers and developers. The site includes a popular weblog, a design gallery, a open source software, design tips, and the various web-news.

  • Links

Youtube動画を背景に設定可能なWordPressテーマ・「WP-Tubular」を作ったので無料配布します

スポンサーリンク

先週の土曜日に書いた記事が思い
のほか、ご好評でしたので調子に
のって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のデモで使用されている動画が指定されています。

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

URL :
TRB :

Comments & Trackbacks (10)

  1. 勝山浩二

    いつもありがとうございます。
    http://www.monodachi.com/blog/
    本テーマをすごく重宝させていただいております。
    個人的なポートフォリオサイトとして使わしていただいております。

    早速ですが、
    私、素人なりにがんばって手を加えてみたのですが、、、
    どうにも壁にブチアタリました。ひとつ質問させてください。

    固定ページで、ページ毎に背景のYoutubeを変更することは可能なのでしょうか??
    現状は、右側メニューから、リンクさせているところは
    別のhtmlファイルを作っているので、あまりスマートではないなと悩んでおります。
    何か良い解決方法ありませんでしょうか。

    何卒、よろしくお願いいたします。

    • シロ

      こんにちは。コメント及びテーマのご利用有難う御座いますー!

      このテーマは1年以上前に練習で作ったものでして・・あまり汎用的では無いですねw

      作るとしたらカスタムフィールド等を使ったほうがスマートですね・・・

      素人さん・・と仰いますが、これだけカスタム出来るならある程度制作可能な方とお見受けして、一応下記に思いつく方法を書いておきます!

      1.カスタムフィールドにYoutubeのIDを入れて記事、固定ページ単位に指定可能にし、条件分岐を利用してデフォルト設定もしておく。

      2.ページテンプレート機能を利用して固定ページを振り分け、IDをベタ書きする

      2よりは1の方がスマートですが、使用する動画が少ないようでしたら2で十分かなと思います。

      こんな感じで如何でしょうか?:D

Twitter

Web制作に役立つそうなリソースを独断と好みで配信しています。

かちびと.netにリンクの無いトラックバックはお受けいていません。
コメントされる前にガイドラインをご覧下さい。

twitter facebook rss contact

Ads

Posts

Contact

Services