記事内にYouTubeを埋め込みたい - 横浜・大阪のHP制作 アートフレア(株)

関東営業所

045-308-7792

関西営業所

06-6243-0330

平日10時~18時半 定休日:土日祝

記事内にYouTubeを埋め込みたい

「記事内にYouTubeを埋め込みたい」

 WordPress(ブロックエディタ)にて「記事内にYouTubeを埋め込む方法」を説明します。

 

<手順>

・WordPress管理画面に、ログインする

・管理画面左のメニューより「投稿」→「投稿一覧」をクリック

 YouTubeを埋め込みたい記事の編集画面に入ります

・YouTubeを埋め込みたい場所に「YouTube埋め込みのブロック」を作る

・ブロックに「YouTubeのURL」を入力し、埋め込みを完了させる

・埋め込みが出来たら「公開」のボタンを押し、記事を確認する

 

<解説> 

・WordPress管理画面にログインする。

ホームページ設定通知書にございます管理画面のURLから

「ユーザー名」と「パスワード」を入力しをWordPressの管理画面に入ってください

 

Wp_manual_newpic_02.png

 

管理画面左のメニューより「投稿」→「投稿一覧」をクリック

 YouTubeを埋め込みたい記事の編集画面に入ります

 今回は「投稿」の中の「サンプル投稿1」のページにYouTube動画を埋め込みます

 

 wp_youtube_19.png

 

・YouTubeを埋め込みたい場所に「YouTube埋め込みのブロック」を作る

(1) 編集画面よりYouTubeを埋め込みたい場所にカーソルを合わせます

 

wp_youtube_04.png

 

(2)カーソルを合わせ、マウスポインターをカーソル付近に置くと「+」ボタンが出てきます

 「+」ボタンをクリックし「ブロックの検索」と表示された検索バー内に「YouTube」と入力し検索します

 

wp_youtube_13.png

 

 

「YouTube」と表示されたブロックがありますので選択し、クリックして埋め込み用のブロックを作ります。

 

wp_youtube_05.png

・ブロックに「YouTubeのURL」を入力し、埋め込みを完了させる

以下の手順で貼り付けたいYouTubeのページからURLを取得します。

 

(1)埋め込みたい「YouTube」の動画のページへ移動し、共有のボタンをクリックします。

 

 wp_youtube_25.jpg

 

(2) 以下の画面が出るので「コピー」を押し、URLをコピーします

 

 

wp_youtube_07.png

 

 

(3)取得ができましたらブロックの該当箇所に貼り付けてください

 

 wp_youtube_08.png

(4)貼り付けると以下のように埋め込みたい動画が表示されます。

 

 

 wp_youtube_24.jpg

 

・埋め込みが出来たら「公開」のボタンを押し、記事を確認する

「公開」のボタンを押してください。

 

 

 wp_youtube_23.png

 

 

記事を確認し動画が埋め込まれていることを確認して下さい。

 

wp_youtube_20.png

 

以上が「記事内にYouTubeを埋め込む」の方法になります。

 

 

 

参照数: 379

 

カスタマーサポート窓口(ご契約のお客様専用)

050-5809-5111

スカイプID artflair_customer
営業時間 10:00~17:00(休業 土・日・祝日)

 

 

imgpsh fullsize anim 2020 10 28