記事にツイートやInstagram、YouTube動画を埋め込む2019年7月26日WordPressでは、YouTube動画やツイートを簡単に埋め込むことができます。これはSANGOの機能ではなく、WordPressの標準機能です(どのテーマであっても共通して使用することができます)。地図を埋め込むツイートを埋め込むツイートを埋め込みたいときは、そのツイートのURLをエディタに貼り付けるだけでOKです。何かのタグで囲う必要はありません。これで下のようにツイートが埋め込まれます。「力尽きたときでも作れるレシピ」をひたすら追加していく新ページを開設しました。残りのHPを選択してレシピを探すことができます。2017注意ただし、URLが貼られる行の前後には改行をはさむようにしてください。WordPressの仕様上、URLと同じ行に文字などが含まれているとURLがそのまま表示されてしまうようです。Instagramを埋め込むInstagramの写真を埋め込みたいときも、その写真のURLをエディタに貼り付けるだけでOKです。PDTInstagramのレイアウト崩れについて2018年2月追記:Instagramを1記事に複数箇所に貼り付けるとレイアウトが崩れることがあるようです(重なって表示されてしまう)。こちらはテーマのバグではなく、WordPressの新バージョンのバグだと思われます(他のテーマでも同様の現象がおこっているようです:参照)。以下のCSSをstyle.cssに追記すれば修正されるかと思います。static!important;}YouTube動画を埋め込むYouTube動画についても、URLをエディタ上にペーストするだけで埋め込むことができます。クラシックエディター(WordPressの旧エディター)の場合、このままだとスマホで見たときに左右が切り取られてしまいます。動画の縦横比をレスポンシブに固定する方法SANGOでYouTubeのレスポンシブ対応用のショートコードを用意しておきました。動画のURLを[youtube]〜[/youtube]ではさむだけです。使い方例[youtube]https://動画のURL[/youtube]これでスマホ表示でも動画の縦横比が保たれるようになります。Gutenbergエディターを使っている場合には、自動でサイズ調整されるため、このショートコードは不要です。MEMOショートコードの中に入れるのはiframeタグ(YouTubeで埋め込み共有を選んだときに表示されるコード)でもOKです。地図を埋め込む以下のように地図を埋め込むこともできます。Mapのメニューの「地図を共有または埋め込む」⇒「地図を埋め込む」からコードを取得できます。これを「テキスト」エディタの方へとコピペすればOKです。2019/07/26youtubeのショートコードがGutenbergのバグ連絡です。youtubeのショートコードが機能していません。2019/06/06※解決しました※Youtube埋め込みショートコードを使用すると冗談に大きな余白ができるサルワカさん、お世話になっております。[youtube]〜[/youtube]を使ってYoutube動画を埋め込んでいたのですが、直近動画の上に大きな余白が出るようになりました。先ほど質問した件ですが、解決しましたので回答不要です。2019/01/27Instagramの埋め込みができないInstagramの埋め込みがうまくいきません。エディタにはGutenbergを使用していて、エディタ画面では綺麗に表示されていますが、本番ページでは文字列になってしまいます。解決策など教えて頂きたいです。2019/01/15質問させてさせて下さい。サイドバーへ動画ウイジェットを使ってYouTubeの埋め込みを行いました。この場合、動画アイコン、タイトルのリンクが無効なのは仕様でしょうか?可能であればクリックでYouTubeへ遷移させたいのですが。サイト上での再生は問題ないです。2018/10/11Twitterの埋め込みが一部の端末でうまく動かないsango愛用しております。ツイートの埋込みについて質問です。ツイートを埋め込むとPCではtwitterカードの形で正常に表示されるのですが、スマホでは引用文で文章のみ表示されます。前後に改行は入れています。スマホでもiPhoneでは正常に表示されています。確認できているのはAndroidで引用文になることです。スマホ自体の問題かもしれませんが、解決方法があれば助かります。・1回目の読み込み時、インスタグラムのレイアウトが崩れる。・パソコン閲覧時はOK。2018/08/14初めまして。素晴らしいテーマをありがとうございます。インスタグラムの埋め込みについてですが、埋め込みコードを書き換えてサイズ変更したら、写真部分が表示されません。ご返信いただけると幸いです。2018/08/01はじめまして。数日前までは、インスタの埋め込みがうまく表示されていましたが、表示されなくなってしまいました。上記のURLのようになっています。ご返信いただけると幸いです。2018/07/17インスタグラムの写真を横並び2列とかにしたいのですが、もともとショートコードにあった横並び2列ではうまくできませんでした。2018/06/25初めまして。SANGOを使っております。「ピンタレスト」の画像を埋め込もうとすると表示されません。同じ方法でほかのテーマのブログで埋め込むと問題なく表示されます。SANGO独自の埋め込み方法となるのでしょうか。ピンタレストの埋め込みツールはこちらです。2018/05/17Facebook動画を埋め込んだ際にスマホで確認すると動画下に空白ができるこんにちは。SANGOを愛用しています。記事にFacebook動画を埋め込んだ場合、PCだと綺麗に表示されますがスマホで確認すると動画下に謎の空白が出てしまいます。コードはFacebook側が埋め込み用に提供している以下のようなコードです。★以外は改変していません。複数の動画で試しましたが全てスマホ表示のみ動画下に空白が出てしまいます。2018/03/16こんにちは。外部MAでフォームを作成し、埋め込みコードをテキストモードで貼り付けましたがうまく表示されません。対処法を教えていただけますでしょうか。埋め込みコードは以下のようになっています。2018/02/09ツイートを埋め込んでもURLしか表示されないこんにちわ。ツイッターの埋め込みですが、何も修正していないのに、ある日突然URLだけが表示されていることがあります。前後の改行等もないことは確認しています。試しに新規ページにURLを貼り付けると正常に表示されます。2018/02/05SANGO使用させていただいているものでございます。インスタグラムの埋め込みにおいてレスポンシブになるものとならないものがあるようです。下記を埋め込むとレスポンシブにならないようですが、原因はどのような可能性がありますでしょうか。わかれば、ご教示いただけると幸いです。2017/12/09サルワカ様、お世話になります。Youtube動画の埋め込みがうまく表示されません。Wordpressのビジュアルではなく、テキストのほうに入力しましたが、動画表示部分は空白スペースになり、下にyoutubeのURLのみ表示されている状態です。YouTubeのショートコードについてです。以上のことから、2つの質問がございます。コメント投稿ガイドラインを読んでから投稿してください。メールアドレスは公開されませんが、名前は公開されます。