埋め込みの極意

ブロックエディタを使うと・・・

いろんなところに

いろいろ埋め込めるよ!

  • 記事内
  • サイドバー
  • モバイルメニュー
  • フッターウィジェットエリア
  • 記事上
  • 記事下共通

などなど

SNS埋め込み

インスタ埋め込み~HTMLブロックを使う方法~

そのまま貼ると左寄り・・・
それにちょっと幅が広すぎるかな・・・

中央に寄せるにはCSSが必要

<style type="text/css">
.instagram-center {
    margin:0 auto;
    max-width: 350px;
}
</style>
<div class="instagram-center">(ここにHTMLタグを入れる)</div>

インスタ埋め込みはプラグインを使うといいですよ

※ただしプラグインのお話はまた別の機会に・・・

ご紹介だけ。
はにーも使っているプラグインはこちらです。

Smash Balloon Social Photo Feed
https://ja.wordpress.org/plugins/instagram-feed/

Facebook 埋め込み

Twitter 埋め込み

YouTubeブロック

Vimeoブロック

HTMLブロック

Canva

■ 編集用URL

■ 埋め込まれた Canva (プレゼンテーション)

Honey createさんによる230516__埋め込み

■ 埋め込みタグ取得の手順

■ キャプションを削除したもの

以下を削除しています
Honey createさんによる<a href="https:&#x2F;&#x2F;www.canva.com&#x2F;design&#x2F;DAFgr8VaMOQ&#x2F;view?utm_content=DAFgr8VaMOQ&amp;utm_campaign=designshare&amp;utm_medium=embeds&amp;utm_source=link" target="_blank" rel="noopener">230516__埋め込み</a>

■ 埋め込まれた Canva (画像)

■ 埋め込まれた Canva (動画)

StandFM

Googleマップ

Googleフォーム

■ 編集用URL

■ 共有用URL

中央寄せのタグを追加しています
<div style="text-align:center;">(ここにHTMLタグを入れる)</div>

Googleカレンダー

中央寄せのタグを追加しています
<div style="text-align:center;">(ここにHTMLタグを入れる)</div>

■ 埋め込みタグ取得の手順

アップロードしたメディア

アップロードした動画

アップロードした音声