WordPressで超簡単に動画を埋め込む(設置・アップロードする)方法(affingerでもOK)

うつむく少女

ハッピーハロウィン♪

トリックオアトリート~!

Trick or Treat?とは「悪戯されたいのか?それともおもてなしするのか?という意味だそうです。

僕は絶対に悪戯されたくないので(笑) 本日もできる限りのおもてなしをさせて頂きたいと存じます♪

さて、今回はブログの記事へ超簡単に動画を埋め込む方法をご紹介します。

実は先日、このブログに動画を埋め込もうとして、その方法について色々と調べてはみたのですが、どうも解説と話が合わない状態でして・・・どうにもこうにもならず四苦八苦しておりました・・・。

現在のWordPressのバージョンでは簡単に動画を埋め込むことができるということですが、先達の方々がご説明頂いているようなメニューが出てこないため、思う様に作業ができない状況でした。

このサイトは無料テーマのAffingerを利用しておりますが、Affinger自体がある程度カスタマイズされているので、動画埋め込みの設定部分も変更されてしまっていることが原因なのかも知れません。

先達の皆さんの説明では、記事中に「メディアを追加」→「メディアを挿入」→「ファイル指定」→「添付ファイルの表示設定」で「メディアプレイヤーを埋め込む」とすれば記事中に動画が埋め込まれるということですが、下の図の通り、このサイトでは最後の「メディアプレイヤーを埋め込む」の項目が出てきませんでした・・・。このテストサイトはテーマとして「Stinger」を利用していますが、このサイトのテーマ「Affinger」でも同様の事象が起きています。

動画埋め込み1上の通り「メディアファイル」と「添付ファイルのページ」しか出てきません。
何れにしても、試行錯誤をしてみた結果、非常に簡単な作業で画像を埋め込める方法を見つけましたので、その方法をご説明したいと思います。

先ずは、編集エディタの設定ができるプラグイン「WP Edit」をインストールして有効化します。この方法については以前の記事にて図を交えて分かり易くご説明しているので下記をご覧下さい。

⇒WordPressで記事のフォントサイズを変えられるプラグイン「WP Edit」インストールと有効化の方法(超簡単)


先ずは「WP Edit」を使い、編集エディタに「動画を挿入/編集」のツールアイコンを追加します。

動画埋め込み2「ダッシュボード」→「WP Edit」で「WP Edit Settings」画面に進み、下段の「Button Container」内にある「動画を挿入/編集」のアイコンを上段の「Button Rows」へ矢印のようにドラッグして移動します。

 

動画埋め込み3

「動画を挿入/編集」のアイコンを上段の「Button Rows」に移動させた後、下の「Save Button(青)」をクリックして設定を確定します。

 

動画埋め込み4

先に「メディア」→「ライブラリ」で記事に挿入したい動画をクリックして「添付ファイルの詳細」画面から、URLを右クリックでコピーします。

 

動画埋め込み5動画を埋め込みたい記事の「投稿の編集」画面を開き、「動画を挿入/編集」アイコンをクリックします。

 

動画埋め込み6

すると上のような窓が表示されるため、「ソース」のテキスト欄に先程コピーした動画のURLを貼り付け、「OK」で確定します。

 

動画埋め込み7画面が記事に戻り、上のように動画を埋め込んだ部分がグレーで表示されます。この状態で右上の「変更をプレビュー」で確認してみます。

 

動画埋め込み8このように記事中に動画が埋め込まれ、再生が可能になります。


デモです。下は大通公園の噴水の映像です。

youtobeにアップした動画を記事に埋め込んで利用する方が多いようですが、そこまでしなくてもいいという方はこの方法をご利用下さい。

但し、当然のことながら動画の分、レンタルサーバーの容量を使うことになるのでご注意下さい。

にほんブログ村 アフィリエイト
人気ブログランキングへ
FC2 Blog Ranking

コメント

タイトルとURLをコピーしました