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番目に簡単なブログのアイキャッチ…
  2. 「特訓Photoshopプロのテクニック教えます!」という本のWEB版を『無料』…
  3. フリーランスや起業家になる前にこれだけは理解しておきたい5つのマトリックス&チャ…
  4. 「ブロガーがこんなの読んだら反則レベルでしょっ、、」と思うくらい文章力が上がりそ…
  5. 必読!安易に起業ブームに乗っかる前に…絶対に読んでおきたい【おすすめのビジネス書…

関連記事

  1. ブログ

    WordPressで複数の画像を横並びにしたいならWPCanvasプラグインが便利すぎた!

    Wordpressでブログ記事を書いていると、複数の画像を横並びにして…

  2. 【PR】

    「就職先が見つからない・・」はもう古い、自己プロモーションで仕事を勝ち取ろう!

    当時、東京の不動産会社を退職した私は、意気揚々と群馬にあるデザイン会社…

  3. ワードプレス

    「放置しちゃダメっ!」WordPressの不要なテーマを削除する方法

    Wordpressブログで新しいテーマをインストールすると、新しい部屋…

  4. 3分の話

    カーソル・マウスポインターの周りに丸い色を付ける方法

    モニター画面を用いてプレゼンをする際や動画チュートリアルを作る際、参加…

  5. SEO

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

    ブログツールの中でも圧倒的なシェアを誇るWordpressは、日本でも…

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

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

最近の記事

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

思考系のおもろい記事

ブログラ
  1. キュレーション

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

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

    「ブロガーがこんなの読んだら反則レベルでしょっ、、」と思うくらい文章力が上がりそ…
  4. webデザイン

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

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