WordPress記事の書き方 PR

ブログ記事のYouTube・X・地図を『センター配置』させる方法

記事内に商品プロモーションを含む場合があります

 

今回は、ブログ記事内の

  • YouTube動画
  • X(旧Twitter)
  • 地図

をセンター配置させましょう。

 

ブログ記事を書く時は、
文章オンリーになるよりも
SNSの埋め込みや動画、地図を入れた方が
イメージを伝えやすくなります。

ユーザーへの価値提供を考えると
ブログ記事は文章オンリーになるより、
SNSの埋め込みや動画、地図等を入れて
イメージを伝えたほうが親切です。

 

ただ、そのまま埋め込むだけでは
オブジェクトの位置が左寄りとなります。

 

ブログ記事に貼った動画が左寄りに配置されている状態

 

ねこくん
ねこくん
ビジュアルモードのセンター配置ボタンを押してもなぜかうまく反映されないです…!

 

今回はそんな埋め込み動画等を
センターに配置させる方法について
ひとつひとつ解説していきましょう!

ぜひこの機会に

  • YouTube動画
  • X(旧Twitter)
  • 地図

の埋め込みをマスターしてくださいね。

 

YouTube動画・X・地図をセンター配置で埋め込む方法、マーチ

 

ブログ記事に『YouTube動画』を貼る方法

 

では早速、WordPress記事に
YouTube動画を貼る方法を見てみましょう。

 

 

 

今回は、上のYouTube動画を
記事内に貼るまで流れについて、
順を追って解説していきたいと思います。

 

 

①YouTube動画の『共有』をクリックします。

ユーチューブ動画の『共有』をクリック

 

矢印

 

②『埋め込む』をクリックします。

共有ウィンドウの『埋め込む』をクリック

 

矢印

 

③『コピー』をクリックします。

ユーチューブ動画の埋め込みコードをコピー

埋め込みコードがコピーできたら、
WordPressの記事作成画面へ戻りましょう。

 

矢印

 

④記事作成画面を『テキストモード』にします。

WordPress記事作成画面のテキストモード

 

矢印

 

⑤『centerタグ』を入力します。

<center> </center>

上記をコピペしましょう。

centerタグを入力

 

矢印

 

⑥タグの間に『動画のコードをコピペ』します。

centerタグを入力

 

矢印

 

このようになればOKです。

centerタグの間に埋め込みコードをコピペした画面

 

矢印

 

⑦右サイドバーの『公開』から『プレビュー』をクリックして確認してみましょう。

WordPress記事投稿のプレビューボタン

 

矢印

 

⑧動画が表示されていれば成功です!

ブログ記事にユーチューブ動画がセンター配置されている画像

 

ブログ記事に
センター配置でYouTube動画を
埋め込む解説は以上です!

 

 

 

ブログ記事に『X』を埋め込む方法

 

次は、WordPress記事に
Xのポストを埋め込む方法を見てみましょう。

 

今回は、上のポストを
記事内に貼るまで流れについて、
順を追って解説していきたいと思います。

 

 

①Xの『…』をクリックします。

Xの『…』をクリック

 

矢印

 

②『埋め込む』をクリックします。

ポストを埋め込むをクリック

 

矢印

 

埋め込みポスト(Embedded Post)をクリック。

Embedded Postをクリック

 

矢印

 

③『コピー』をクリックします。

コードをコピーするをクリック

 

矢印

 

コピーされたとのメッセージ

うまくコピーできました。

 

矢印

 

④記事作成画面を『テキストモード』にします。

WordPress記事作成画面のテキストモード

 

矢印

 

⑤『centerタグ』を入力します。

<center> </center>

上記をコピペしましょう。

centerタグを入力

 

矢印

 

⑥タグの間に『埋め込みコードをコピペ』します。

centerタグを入力

 

矢印

 

centerタグの間にXの埋め込みコードをコピペした画面

このようになればOKです。

 

矢印

 

⑦右サイドバーの『公開』から『プレビュー』をクリックして確認してみましょう。

WordPress記事投稿のプレビューボタン

 

矢印

 

⑧ポストが表示されていれば成功です!

ブログ記事にXのポストがセンター配置されている画像

 

ブログ記事に
センター配置でXのポストを
埋め込む解説は以上です!

 

 

 

ブログ記事に『地図』を埋め込む方法

 

次は、WordPress記事に
地図を埋め込む方法を見てみましょう。

 

 

 

今回は、グーグルマップ
関西国際空港の位置を示した地図を
記事内に貼るまで流れについて、
順を追って解説していきたいと思います。

 

 

①グーグルマップの『共有』をクリックします。

グーグルマップの『共有』をクリック

 

矢印

 

②『地図を埋め込む』をクリックします。

地図を埋め込むをクリック

 

矢印

 

③地図のサイズを決めましょう。

赤枠の部分をクリックします。

地図のサイズを決めるボタン

 

矢印

 

地図サイズの種類

 

矢印

 

④『HTMLをコピー』をクリックします。

地図のHTMLをコピーをクリック

 

矢印

 

⑤記事作成画面を『テキストモード』にします。

WordPress記事作成画面のテキストモード

 

矢印

 

⑥『centerタグ』を入力します。

<center> </center>

上記をコピペしましょう。

centerタグを入力

 

矢印

 

⑦タグの間に『動画のコードをコピペ』します。

centerタグの間のスペース

 

矢印

 

centerタグの間に地図の埋め込みコードをコピペした画面

このようになればOKです。

 

 

⑧右サイドバーの『公開』から『プレビュー』をクリックして確認してみましょう。

WordPress記事投稿のプレビューボタン

 

矢印

 

⑨地図が表示されていれば成功です!

ブログ記事にグーグルマップがセンター配置されている画像

 

ブログ記事に
センター配置でグーグルマップを
埋め込む解説は以上です!

 

 

まとめ

記事に埋め込まれたYouTube動画

 

今回はブログ記事に

  • X(旧Twitter)
  • YouTube
  • 地図

を埋め込む方法の解説をしました。

 

基本的な流れはいずれも同じ
というのが、
何となく掴めたのではないでしょうか?

 

このように
Xや動画、地図等を埋め込むことで
イメージが伝えやすくなり、
ユーザー滞在時間も上がるようになります。

 

ブログ記事の見た目も華やかになるので、
ぜひ色々な場面でご活用くださいね!

下の記事をチェックすると、
さらにイケてるブログっぽくなるので、
こちらもぜひ参考にしていただければと思います。

 

愛されブログ3つの法則
めっちゃ簡単!愛されブログ記事を書く3つの法則! 色んなブログを読んでいると 読みやすい記事 読みにくい記事 があることに気づきます。 読みやすいブログ記事は ...