WordPressでnote埋め込み時の空白をなくす解決法

WordPressとnoteで日々情報を発信しているめりーです。

この記事では、

とお困りの方に向けて、非常に簡単な解決策をお伝えします。

noteの記事をWordPressに埋め込む方法

まずは、noteの記事をWordPress記事内に埋め込む方法をおさらい！

step
1note記事の埋め込みコードをコピーする

埋め込みたいnoteの記事ページを開き、コンテンツの一番下の「・・・」をクリックします。

「サイトに貼る」をクリックすると、埋め込み用のコードが表示されるのでコピーします。

step
2コードをWordPress投稿編集画面にペーストする

WordPressの投稿編集画面（テキストモード）を開き、記事を埋め込みたい箇所にコードを貼り付けると、簡単にブログ内にnoteを埋め込むことが出来ます！

って、あれ？なんだか謎の空白が・・・

こういう仕様だと言われれば受け入れるしかないけれど、それでもなんだか気になる！せめて下の余白だけでも解決したい！

埋め込み時の空白をなくす解決策

ネットで調べた情報によると、noteの埋め込みコードは「iframe」を使用していて、問題を解決するには追加CSSで対処するしかなさそう…

でも残念ながら、その通りに実行しても空白がなくならないんです。

そんな時、コードのある箇所に目を向けました。

そう、width（幅）とheight（高さ）です！

この部分を

に変更すると、

おお！！空白がなくなりました。

そもそもの原因を究明することは出来ていませんが、今のところ何の問題もなさそうなので、とりあえず解決。

また不具合が生じたり、原因を解決出来たりした場合には、ご報告します。

というわけで、今回の記事は以上です。

最後までご覧いただきありがとうございました。