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. フリーランスや起業家になる前にこれだけは理解しておきたい5つのマトリックス&チャ…
  2. 必読!安易に起業ブームに乗っかる前に…絶対に読んでおきたい【おすすめのビジネス書…
  3. 柔軟な思考を大切にしたいクリエイター必読の5冊。私の頭をグニャングニャンに柔らか…
  4. 見ているだけで「Photoshopの実践的な使い方が学べる」日本語解説付き動画の…
  5. WordPress日本語有料テーマの決定版っ!TCDシリーズのまとめ

関連記事

  1. キュレーション

    WordPress日本語テーマOpinion (tcd018)を使用した参考になるオーソリティな6サ…

    情報量の多いニュースサイトやポータルサイトなど汎用性が高くオーソリティ…

  2. キュレーション

    インスピレーションを掻き乱されるほどのPhotoshop超絶テクニック!Youtube動画12選。

    デザイナーやクリエイターなら誰しも、自分の想像を超えるような作品を生み…

  3. SEO

    これからのWEB集客のスタンダードになるインバウンドマーケティングが注目されている理由とオウンドメデ…

    自社ホームページを持っているにも関わらず、そのポテンシャルを十分に活か…

  4. マーケティング

    ワンランク上のBARやCAFEなどの飲食店集客におすすめなWordPressテーマ【Avalon】の…

    これまで飲食店の利益を確保するためには、ポータルサイトからの集客が重要…

  5. キュレーション

    WordPressのグリッドレイアウト、カード型のGrider (tcd015)を使用した10+1サ…

    ここではPCブラウザのサイズに沿って最適なレイアウトに変化させ、スクロ…

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

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

最近の記事

  1. 「特訓Photoshopプロのテクニック教えます!」という本…
  2. 「いつも締め切りに追われてしまう」そんな人がミッションを成し…
  3. Photoshop CCのメニュー文字やツールバーが異常に小…

思考系のおもろい記事

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

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

    WordPress日本語有料テーマの決定版っ!TCDシリーズのまとめ
  3. SNS

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

    photoshopで仕事をしたい人が身につけておきたい技術や使い方のまとめ。日本…
  5. SEO

    WordPressの使い方に迷ったらまずこの記事をチェック!すごく参考になる秀逸…
PAGE TOP