YOUTUBE

サイズが合わないっ!? YouTube動画をWordPressブログに1分でジャストサイズに貼る方法。

WordPressのブログ記事にYouTube動画を貼りたいけどやり方が分からない、貼りつけることはできたけどサイズが大きくてページから飛び出してしまったり、逆に妙に小さく収まっている、なんてことがよくあるようです。

せっかくブログ記事を書こうと思ったのにやり方が分からないという理由だけで諦めてしまわないように、ここではWordPressにYouTube動画をジャストサイズに貼りつける方法を3分程度の動画で解説しています。

動画の前半はよくやってしまいがちな間違ったやり方なので、すぐにマスターしたい場合には2:00あたりから再生するか、その下の記事を参照すれば1分で貼りつけ完了できます

YouTube動画をWordPressブログに貼る方法

YouTube動画を1分でジャストサイズに貼る方法。

ブログに貼りつけしたいYouTube動画ページを開き 共有 》埋め込みコード 》もっと見る の順にクリック。

wordpress-youtube001

カスタムサイズを選択。

wordpress-youtube02

自身のブログ記事ページの横幅(ワイド)を入力し(ここでは私が使用しているBlogPressというテーマで解説しているのでワイドを570にするとジャストに収まります)、生成されたiframeコードをコピー。

wordpress-youtube03

WordPressの投稿画面を開き※【ビジュアル】ではなく【テキスト】入力画面にてペーストし、公開ボタンをクリック!

wordpress-youtube04

これでYouTube動画をWordPressブログに1分でジャストサイズに貼ることができました。

wordpress-youtube05

記事ページの横幅(ワイド)はCSSなどで確認できますが、詳しくない方は何度かプレビューしながらサイズを調整し、ジャストサイズが把握できたらメモしておきましょう。次回からの作業が断然楽になりますよ。

スリームデザインの無料メールマガジン

ピックアップ記事

  1. 必読!安易に起業ブームに乗っかる前に…絶対に読んでおきたい【おすすめのビジネス書…
  2. WordPress日本語有料テーマの決定版っ!TCDシリーズのまとめ
  3. 見ているだけで「Photoshopの実践的な使い方が学べる」日本語解説付き動画の…
  4. 「ブロガーがこんなの読んだら反則レベルでしょっ、、」と思うくらい文章力が上がりそ…
  5. フリーランスや起業家になる前にこれだけは理解しておきたい5つのマトリックス&チャ…

関連記事

  1. キュレーション

    WordPress日本語テーマのGorgeous (tcd013)を活用した高級感の漂う9サイトを厳…

    ここでは高級感が漂い、ユーザーの直感に訴えるスライダーとスタイリッシュ…

  2. キュレーション

    えっ、まさかの結末?!予想外の展開で爽快な気分にさせてくれるCMのまとめ

    2015/8/26に公開された、宮崎県小林市のPRムービーがまさかの結…

  3. セルフブランディング

    オウンドメディアを構築する際に最低限知っておくべき3つの概念。

    インバウンドマーケティングを実践していくためにオウンドメディアを構築す…

  4. アフィリエイト

    ブログのアクセス月間10万PVを確実に達成させるために実践した10の重要事項+α

    ある一定以上の継続的なアクセス(以後PVと表記)を集めるブログメディア…

  5. 【PR】

    こんなWordPressテーマなんて初心者には絶対に使って欲しくないっ!TCDテーマ「VIEW」に一…

    投稿記事のアイキャッチ画像まで、スライドショーで読者をもてなすTCDテ…

  6. 3分の話

    「ブログが続かないのはどーして・・?」挫折しない具体的なコツと目的、そして○○な都市伝説について

    ブログを続けてるけどぶっちゃけしんどい、これから始めようと思っているけ…

Wordpress日本語テーマのまとめ
photoshop日本語チュートリアル

よく読まれている人気の記事

最近の記事

  1. Photoshop CCのメニュー文字やツールバーが異常に小…
  2. 思わずクリックしてしまう画像でアクセスアップ!2番目に簡単な…
  3. 「コレがやりたかった!」GIFアニメ(動く画像)のPCモック…

思考系のおもろい記事

ブログラ
  1. コピーライティング

    「ブロガーがこんなの読んだら反則レベルでしょっ、、」と思うくらい文章力が上がりそ…
  2. 3分の話

    柔軟な思考を大切にしたいクリエイター必読の5冊。私の頭をグニャングニャンに柔らか…
  3. webデザイン

    photoshopで仕事をしたい人が身につけておきたい技術や使い方のまとめ。日本…
  4. キュレーション

    必読!安易に起業ブームに乗っかる前に…絶対に読んでおきたい【おすすめのビジネス書…
  5. SNS

    思わずクリックしてしまう画像でアクセスアップ!2番目に簡単なブログのアイキャッチ…
PAGE TOP