monkeywp.com

  • 初心者講座
  • はじめてのワードプレス
  • WordPress初心者講座
Menu
  • 基礎知識
    • WrodPress(ワードプレス)って何?WordPress(ワードプレス)とは? – WordPressが選ばれている3つの理由
    • WordPressでできることとできないことWordPressでできること – WPに失望しない3つの心得
    • WordPressを使う理由WordPressを使う理由 – ライバルを出し抜く4つの武器
    • WordPressの用途Woredpressの用途 – ワードプレスに向く3つのサイトタイプとは?
    • 2つのWordPressの違い2つのWordPress – ドットorgとドットcomの違い
    • WordPressの勘違いWordPressの勘違い – WordPressがやってくれないこと
    • Close
  • 準備
    • はじめてでもできる!WordPress集客マシンをゼロから作り上げる方法
    • はじめてのWordPressのインストール – 現在最も手軽な方法
    • WordPressの初期設定!必要最小限だけで最速セットアップのポイントは?
    • 集客WordPressの方程式は? – ヒント:逆らえない脳の仕組み
    • 世界一売れているWordPressテーマとおすすめ有料/無料テーマまとめ
    • googleに愛されるサイトになる方法 – ヒント:98%以上が間違い
    • コンテンツの作り方 – 凡人が成功する隠された秘密
    • Close
  • 使い方
      • WordPressのインストール
        • WordPress用のデータベース作成方法
        • WordPressファイルのアップロード
        • WordPressインストール/config.phpの設定
        • Close
      • 管理画面と初期設定
        • WordPressの初期設定
        • WordPressのパーマリンク – SEOに最適な設定とは?
        • コンテンツマーケティングに最適なワードプレスのテーマ
        • コンテンツマーケティングのスタートアップに入れておくべき7つのプラグイン達
        • WordPressのウィジェットってなに? – 設定方法と表示のカスタマイズ
        • Close
      • 記事(コンテンツ)を投稿する
        • WordPressの投稿と固定ページの違いと使い分け方
        • WordPressに記事を投稿する方法
        • WordPressに投稿した記事を編集する方法
        • WordPressに投稿した記事を削除する方法
        • Close
      • エディタの使い方
        • WordPressのエディタの概要と使い方
        • ビジュアルエディタとテキストエディタの違い
        • WordPressエディタの改行方法 – 2種類の改行の使い分け
        • リンクを設定する方法
        • エディタで文字を装飾する方法
        • 投稿に画像を挿入する方法
        • WordPressの投稿に動画を埋め込む方法
        • WordPressの投稿に音声を埋め込む方法
        • Close
      • カテゴリーとタグの設定
        • WordPressのカテゴリーとタグの違いは何?どう使い分けるの?
        • 失敗しないWordPressカテゴリーの作成方法
        • WordPress記事にタグを設定する方法
        • Close
      • バックアップとメンテナンス
        • WordPressのバックアップの必要性
        • バックアッププラグイン(backWPup)の導入方法
        • WordPressのバージョンアップ(更新)方法
        • WordPressプラグインのバージョンアップ(更新)方法
        • WordPressテーマのバージョンアップ(更新)方法
        • Close
    • Close
  • カスタマイズ
    • ハッキングを防ぐ!セキュリティープラグイン
    • スパムを防ぐ!コメントスパム対策プラグイン
    • SNSを使ってアクセス倍増!ソーシャルプラグイン
    • リンク切れプラグインで検索順位を守る!
    • Close
  • テーマ
    • 見た目で差を付ける!イケてるWordPress テーマ
    • Close
  • トラブルとセキュリティ
      • ワードプレスのトラブル
        • WordPressにログインできない時の解決法とログインURLWordPressにログインできない時の解決法とログインURL
        • Close
    • Close
  • 初心者講座
  • 集客コンテンツ講座
      • コンテンツライティング
        • 結果を生み出すコンテンツライティング術
        • 稼げる人と稼げない人の決定的な違い – 現実フュージョン
        • 右肩上がりの集客サイトと閑古鳥サイトを分ける「1文字」の秘密とは?
        • 読まずにはいられない文章構成を作る4つの法則
        • デザイン屋さんが知らないデザインとレイアウトに隠された集客の秘密
        • コンテンツページで使う3つの画像タイプと使い分け術
        • 感情や想いを文字に乗せる方法 – マーケティング型の文字装飾とは?
        • Close
      • コンテンツフレームワーク
        • コンテンツマーケティングを成功させる、98:2の法則
        • コンテンツ価値を上げるPASONAの法則
        • ページの即閉じを防ぐPREPの法則
        • 本能で買ってしまうAIDAの法則
        • Close
      • コンバージョンフレームワーク
        • アクセスをお金に変えるレシピ「コンバージョンフレームワーク」とは?
        • お客さんを行動に導く「魔法の杖の法則」
        • 欲しくないと思っていても買ってしまう「大物ヤクザの法則」
        • Close
    • Close

WordPressの投稿に動画を埋め込む方法

WordPressで動画を挿入する方法はとてもカンタン。

コンテンツに動画を入れる方法はいくつもあるのですが、中でも分かりやすく一番簡単な方法はyoutubeの動画を使う方法です。

動画はコンテンツの理解度を格段に高める事ができる要素。

文章だけのコンテンツに比べて動画コンテンツはお客さんの滞在率が伸びる傾向があります。

お客さんの滞在率が延びれば延びるほどコンテンツの信頼度は上がります。

お客さんの興味を惹くだけで無く、

  • コンテンツをビジュアルで理解できる
  • コンテンツを補足できる

といった動画を挿入することで、コンテンツの価値は高まります。

動画は必ずしも自分で作る必要はありません。

youtubeなどからコンテンツを補強できる動画を探し、組み込むだけでも十分な効果があるので、積極的に動画を埋め込むようにすると良いと思います。

  • 動画を埋め込む2つの方法
  • 動画をカンタンに埋め込めるサイト一覧

動画を埋め込む2つの方法

画像を埋め込むには2つの方法があります。

  • コピペで埋め込めるカンタンな方法
  • 画像サイズを指定したい場合に使う方法

どちらもWordPressならではの機能で、動画の埋め込みをカンタンに行えます。

コピペで埋め込めるカンタンな方法

WordPressはURLをコピペするだけでビデオを埋め込めるという特殊な機能が備わっています。

どれだけカンタンかというと、投稿画面のエディタに、

投稿画面のエディタ

YoutubeのビデオのURLをコピーして、

YoutubeビデオURL

貼り付けるだけ。

すると、一瞬でビデオが埋め込まれます。

youtubeのURL

画像サイズを指定したい場合に使う方法

とても便利で簡単な動画埋め込み機能なのですが、一つだけ欠点があります。

それは、細かい設定ができないということです。

例えば「動画サイズ」。

普通に使うのであればほとんど問題はありませんが、特殊な事情やレイアウトが崩れてしまう関係で動画サイズを調整したいと思うことが出てくる事もあります。

そんなときには上のコピペ動画埋め込みを使う事ができません。

そのような場合には、「ショートコード」を使います。

ショートコードの細かい説明は後からしていきますが、簡単に言えば、 [](括弧)で囲むことで様々機能を実行できるWordPressの機能という感じです。

動画の場合は、

のように、

  1. カッコとカッコの間にyoutube動画をコピペして
  2. 横幅の数値(width)と縦幅の数値(height)を設定

することで埋め込み動画のサイズを変更することができます。

  • 横幅だけ指定(width=”200″)
  • 縦幅だけ指定(height=”100″)

でも設定が可能です。

動画をカンタンに埋め込めるサイト一覧

WordPressに動画をカンタンに埋め込めるサイトで日本に馴染みがあるのは

  • Youtube
  • Vimeo

の2つです。

ですので、特殊な事情がない限りはビデオはYoutubeを使うのがカンタンです。

WordPressがURLだけで動画を埋め込める理由

少しだけ技術的な話をすると、WordPressではメディアの埋め込みに「oEmbed」という仕組みを使う事ができるので、URLだけでメディアをカンタンに埋め込む事ができるのです。→ oEmbed(WordPress公式)

eEmbedとは複雑な埋め込みコードであるHTMLを、メディアサイトから自動的に取得できるプロトコル。

カンタンにいえば、URLをコピペするとあなたのサイトがYoutubeに埋め込みコードを問い合わせて勝手にHTMLを埋め込んでくれるというわけです。

かなり便利です。

とはいえ、どんなサイトからでもあなたのサイトにHTMLコードを埋め込めてしまっては困るので、WordPressでは信頼できるサイトをホワイトリスト(安全なサイト)として、限定的にこの機能を提供しているという仕組みです。

日本で馴染みあるサービスでは、Youtubeの他にもFlickr、Instagram、Twitterなどがホワイトリストに入っているのでこの機能を使うことができます。 → 埋め込み機能が使えるホワイトサイトリスト

埋め込み可能なメディアサイト一覧

oEmbed(URLで埋め込み)が可能なホワイトリストサイト一覧はこちらです。

サービス 埋め込みの種類 WPバージョン
Animoto 動画 WordPress 4.0
Blip 動画 WordPress 2.9
CollegeHumor 動画 WordPress 4.0
DailyMotion 動画 WordPress 2.9
Flickr 動画 & 画像 WordPress 2.9
FunnyOrDie.com 動画 WordPress 3.0
Hulu 動画 WordPress 2.9
Imgur 画像 WordPress 3.9
Instagram 画像 WordPress 3.5
iSnare 記事 WordPress 2.9
Issuu ドキュメント WordPress 4.0
Meetup.com 各種コンテンツ WordPress 3.9
EmbedArticles 各種コンテンツ WordPress 3.9
Mixcloud 音楽 WordPress 4.0
Photobucket 画像 WordPress 2.9
PollDaddy 投票・アンケート WordPress 3.0
Rdio 音楽 WordPress 3.6
Revision3 TV shows WordPress 2.9
Scribd ドキュメント WordPress 2.9
SlideShare プレゼンスライド WordPress 3.5
SmugMug 写真 WordPress 3.0
SoundCloud 音楽 WordPress 3.5
Spotify 音楽 WordPress 3.6
TED 動画 WordPress 4.0
Twitter ソーシャルメディア WordPress 3.4
Viddler 動画 (4.0 で非推奨)
Vimeo 動画 WordPress 2.9
Vine 動画 WordPress 4.1
WordPress.tv 動画 WordPress 2.9
YouTube 動画 WordPress 2.9

(→ 公式WP Codex)

はじめてのワードプレス。レンタルサーバどこがいいですか?

ってよく聞かれるんですが、ココをオススメしてます。

レンタルサーバとは長い付き合いになります。サイトの引越は知識も技術も必要なのでタイヘン。
なので、できる限り長く使えて安心で、安く使えるレンタルサーバを選ぶコトをオススメします!

→ はじめてのレンタルサーバならココ!

一番困っている事は何ですか? コメントをキャンセル

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

© Copyright 2009- 2021 モンキーWordPress