[サイト作り] [WPプラグイン] Video Widget – サイドバーに動画を表示

YouTubeなどの動画や、サーバーにアップロードした動画をウィジェットでサイドバーなどに表示させるプラグイン
「Video Widget」

１、プラグインをアップロードして有効化

２、ウィジェットに追加

３、ウィジェットページで設定を行う。

“Title:”
ウィジェットのタイトル
例；　おすすめ動画

“Width (px):”
動画の横幅

“Height (px): ”
動画の縦幅

(Multiple videos)
ID list (for random display):
複数のビデオを登録してランダムに表示させる場合はここにビデオリストを入力

ビデオリストの作成は、次のようにおこなう。

基本

yourube:video-id;
youtube:video-id;
youtube:video-id;

video-idのとこに、YouTubeのビデオIDを入れる。

YouTubeでいうとこの

“iHhh8Gu7BL8″
これがビデオID

次に、動画の上下にテキストを入れる場合

youtube:video-ID:textfefore:textafter;

例；
youtube:lV0U-LRZLaU:
ここは動画の上に表示される:
ここは動画の下に表示される;

注意点は、

yourube:～;
youtube:～;

yourube:～;
youtube:～;

このように、スペースを空けると何も表示されない時があるのでスペースは空けない事

3つの動画のリストを作成すると、こうなる。
youtube:ビデオ1のID:
ビデオ1のタイトル:
ビデオ1の説明;
youtube:ビデオ2のID:
ビデオ2のタイトル:
ビデオ2の説明;
youtube:ビデオ3のID:
ビデオ3のタイトル:
ビデオ3の説明;

MySpaceなどのコードは作者サイトを参考に
「Video Widget サイト」

サーバーにアップした .wmv だと

windowsmedia:http://ドメイン/動画パス.wmv;

開始　”:”
終了　”;”

間違えないように

複数動画のランダム表示じゃなくて、ひとつだけ表示させたい場合は

(OR single video)
こちらから行う

“Source:”
表示させたいビデオが置いてある(YouTubeやMySpaceなど)、動画サイトを選択。

“ID”
そのビデオのIDを入力

“Text before video: ”
ビデオの前に表示させるテキスト

“Text after video: ”
ビデオの後に表示させるテキスト

あとは、ウィジェット設定の保存で終わり

サイトにアクセスして、htmlソースを開きプラグインが吐き出すhtmlタグをスタイルシートに追加して整えましょう。

Did you like this? Share it:

PR

『北海道☆自然素材の菓子工房ましゅれから無添加素材のチョコロールケーキ無添加素材・厳選素材...』を見る [楽天]http://a.r10.to/hC2Gjq <

関連してるかも

  • 2010年10月22日 -- [WPプラグイン] Widgets on Pages – ページ内にウィジェット領域を追加する。WordPress Plugin
    ページやポストにウィジェット領域を追加するプラグイン 「Widgets on Pages」 通常だと、ウィジェット領域を記述したページテンプレートをテーマフォルダに追加して、ウィジェット領域を持ったページを作りますが このプラグインを導入すれば、ページの新規作成時にショートコードを入れるだけで済むので便利です。 1、プラグインをアップロード & 有効化 2、管理メニュー ...
  • 2010年4月27日 -- [WPプラグイン] Color Widgets – カラーなウィジェット
    Color Widgets ウィジェットの"テキスト"みたいなウィジェットを追加するプラグイン 「Color Widgets」 カラースタイルはウィジェットオプションで出来るので、ウィジェット領域のレイアウトだけCSSで固めれば何かと便利かもです。 １、プラグインをアップロードして有効化 ２、管理メニュー「外観」、「ウィジェット」から"ColorWidgets"を追加 ３、ウィジェット...
  • 2011年5月28日 -- [WP プラグイン] Enhanced Text Widget – テキストウィジェット
    テキストウィジェットのプラグイン。 「Enhanced Text Widget」 有効になる Text, HTML, JavaScript, Flash and/or PHP 1、プラグインのアップロード and 有効化 2、外観≫ウィジェット≫Enhanced Textを追加 タイトル: タイトルを入力 URL: タイトルをリンクタグにするならここにリンク...
  • 2011年1月29日 -- [WP プラグイン] WP Page Widget – ウィジェットの中身をシングルページごとに変更
    ウィジェットの項目をシングルページごとにカスタムできるプラグイン。 「WP Page Widget」 ポストやページなどの作成/編集ページに外観のウィジェットの項目が追加され、記事ごとに表示させたい項目を指定できる便利なプラグインです。 ウィジェットのテキストにバナーコードを追加すれば、投稿に応じたバナーを表示させたり 1、プラグインをアップロード and 有効化 2、管...
  • 2010年11月12日 -- [WP プラグイン] Allow Shortcodes in Text Widgets – ウィジェットのテキストでショートコード
    ウィジェットの"テキスト"でショートコードを使えるようにするプラグイン「Allow Shortcodes in Text Widgets」 1、プラグインをアップロード & 有効化 2、管理メニュー - 設定 - Parse Shortcodes Optionsを開く Should shortcodes and smilies be parsed? ショートコードとsmili...
  • 2010年11月9日 -- [WP プラグイン] WP PHP widget – ウィジェットにPHPを実行できるスペース
    ウィジェットでPHPを使う時に便利なプラグイン 「WP PHP widget」 Text, HTML, Javascript, Flash and/or PHP 1、プラグインをアップロード & 有効化 2、管理メニュー - 外観 - ウィジェットを開き、PHP widgetを追加 ウィジェットオプション Title ウィジェットタイトル 未記入でも良い ...
  • 2010年9月28日 -- [WP プラグイン] Page in Widget – ウィジェットにページを表示
    ウィジェットにページを表示させるプラグイン。 「Page in Widget」 1、プラグインをアップロード & 有効化 2、管理メニュー - 外観 - ウィジェット - Page in Widgetを追加 ウィジェットオプション "タイトル" 表示させるタイトル セレクトボックスから表示させたいページを選択し、保存。 ...
  • 2010年9月20日 -- [WordPress] ウィジェット領域の備忘録
    ウィジェット領域の追加の備忘録 ウィジェット領域が"1""2"....と数字で設定されてるテーマだと ウィジェット領域が増えていくと、どこがどのウィジェットなのか分からなくなる事があります。 そこで、ウィジェット領域に直接、ウィジェットの場所などを指定しておけば、管理が楽です。 functions.php に、次のコードを追加。 これが、ひとつのウ...
  • 2010年9月10日 -- [WP プラグイン] WP Sidebar Essential – PHPコードとショートコードをウィジェットで使う
    ウィジェットでPHPコードとショートコードを利用できるようにする便利なプラグイン。 「WP Sidebar Essential」 1. Download 2, Unzip the *.zip file 3. Upload into your ‘wp-content/plugins’ folder 4, Activate "WordPress Sidebar Essenti...
  • 2010年8月26日 -- [WPプラグイン] Alkivia SidePosts – サイドバーにポストを表示。
    サイドバー(ウィジェット)に、指定したカテゴリーの投稿を表示するプラグイン 「Alkivia SidePosts」 ホームなどで、カテゴリーごとの新着ポストをカラム表示させたりとか、ルートコンテンツから除外してるカテゴリーをサイドバーに表示させたりとか 1、プラグインを有効化 2、外観 - ウィジェットから"SidePosts"を追加 3、ウィジェットオプション ...

Post in サイト作り //