ブログについて

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

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

この記事では、

WordPressブログにnoteのリンク(iframe)を埋め込むと空白が出来てしまった!

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

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

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

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

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

出てきた「サイトに貼る」をクリックすると、

埋め込み用のコードが表示されるのでコピーします。

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

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

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

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

そこで、ここからはこの空白をサクッと解決する方法をご紹介します。

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

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

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

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

width(幅)height(高さ)です!

この部分を

width(幅):494→800
height(高さ):400→250

に変更すると、

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

※お使いのテーマによって、ちょうど良い幅や高さは異なるので、ご自身で確認しながら数値を調整してください。

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

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

まとめ

下手にCSSをいじるよりも、まずはコードの要素をいじってみよう!

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

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


音楽の単発授業アイディア

授業の基本

2022/9/18

準備しておくと安心!音楽の単発授業ネタまとめ

元音楽教師めりーです。1時間で完結する簡単な音楽授業をご紹介します。 学校現場では、授業変更や補教等で、突然、授業を行わなければいけなくなることがありますよね? 年間指導計画に沿って、前もって授業準備を行っていれば問題ないのですが、実際はそうもいかず… 「急に音楽の授業をすることになったけど、何したらいいの?」と焦った経験をお持ちの方も多いのではないでしょうか? そこで、そのような事態に陥らないために、いくつかの単発授業ネタを持っておくことをおすすめします! この記事では、そんな音楽の単発授業をご紹介しま ...

ReadMore

ICT活用の音楽授業「調べ学習」

器楽・創作・ICT授業

2022/9/18

音楽授業における「調べ学習」のポイントとテーマ例

元音楽教師めりーです。ICT活用の定番「調べ学習」についてお話しします。 GIGAスクール構想により、ICTを活用した授業が求められる今、音楽の授業でどのように活用すべきか悩んでいる先生方は多いと思います。 そんな中、真っ先に思い付くタブレット活用方法は、「調べ学習」ではないでしょうか。 確かに、アプリをインストールするなど準備の必要がないので、手軽に授業の中に取り入れやすいですよね。 ですが、授業の中で「調べ学習」を行う際には、注意しなければならないことがあります。 そこで、この記事では、音楽授業におけ ...

ReadMore

授業の基本

2022/9/18

音楽教員の必需品!授業に役立つアイテム5選

元音楽教員めりーです。 この記事では、私の音楽教員生活の中で、「これは無くてはならない!」と思った授業アイテムを5つ厳選してご紹介します。 \教員生活全般で必要な持ち物はこちら/ 音楽授業に役立つアイテム5選 ①タイマー 授業中の活動時間を区切るためにタイマーは必須。 生徒の様子を見て「そろそろ終わりにしよう」なんて声をかけることもありますが、「活動時間はあと○○分」と明示している方が分かりやすく、生徒も活動に集中しやすくなります。 おすすめは、大きな表示で見やすく、黒板に貼れるマグネットタイプのものです ...

ReadMore

鑑賞授業

2022/9/18

「二枚目」も「修羅場」も!日常的に使われる、歌舞伎由来の言葉

元中学校音楽教師のめりーです。歌舞伎が由来とされている言葉をご紹介します。 \歌舞伎について詳しく知りたい方はこちら/ 一見、私たちの生活とはかけ離れているように感じる、歌舞伎。 ですが、普段当たり前のように使っている言葉には、歌舞伎を由来とするものが多くあります。 そこで、この記事では、そんな歌舞伎由来の言葉から特に馴染み深いものを厳選してご紹介します。 板に付く 「板に付く」とは、経験を積んで、動作や態度が地位・職業などに合うようになること。 元々は、 板=舞台 付く=しっくり合う という意味で、経験 ...

ReadMore

きらきら星変奏曲解説

鑑賞授業

2022/9/18

実は恋の歌!?モーツァルト作曲「きらきら星変奏曲」を解説!

元音楽教師めりーです。今回は、あの有名な「きらきら星」について解説します。 「きらきら星変奏曲」という名で知られる、こちらの音楽。 モーツァルトが作曲したことでも有名ですが、実はこの曲は、ある音楽の旋律を引用して作られたもので、原曲は他にあるのです。 では、その原曲とはいったいどのような音楽なのでしょうか? というわけで、この記事では、そんな「きらきら星変奏曲」の原曲やその他のアレンジ、演奏・鑑賞時のポイントをまとめてみました。 目次原曲は恋の歌!「きらきら星変奏曲」の正式名称は?→変奏曲とは?原曲『ああ ...

ReadMore

音楽授業におすすめのミニゲーム

ゲーム・クイズ

2022/9/18

音楽授業のスキマ時間におすすめのミニゲーム「ドレミでクラップ」

元音楽教師めりーです。この記事では音楽授業におすすめのミニゲームをご紹介します。 ほんの少しだけ授業時間が余ってしまった… どんよりした授業の雰囲気を変えたい… そんな時に私が取り入れていたのが、ミニゲーム「ドレミでクラップ」! 所要時間は1~3分ほどで、サクッと授業の雰囲気を和らげることのできる活動です。 やり方は非常に簡単で、何の準備もいらないので、授業で困ったその瞬間に取り入れることができますよ。 それでは「ドレミでクラップ」の進め方をご紹介します。 ミニゲーム「ドレミでクラップ」の進め方 ①生徒そ ...

ReadMore

世界の民族音楽授業案

常時活動

2022/9/18

世界の民族音楽を楽しく鑑賞!おすすめの常時活動「ミュージックトラベル」

元中学校音楽教師のめりーです。民族音楽の授業にお悩みの先生方に提案があります。 世界の諸民族音楽について、 ・数種類の音楽を鑑賞し、教師による説明を聞いて、感想を書く ・ホーミーやケチャなどの民族音楽をみんなで体験する という活動を軸に、1~2時間扱いの授業を行う先生が多いと思います。 ですが、1時間の中で数種類の音楽を立て続けに聴くと生徒は途中で飽きてしまいがち。 それに乗り気でない生徒に無理に活動を強要すれば、かえって音楽へのマイナスイメージは強まってしまいます。 そこで、私が提案したいのは、民族音楽 ...

ReadMore

早春賦の意味やポイントまとめ

歌唱授業

2022/9/18

「早春賦」歌詞の意味や作曲背景などポイント総まとめ!

元中学校音楽教師のめりーです。過去の授業経験を基に「早春賦」のポイントをご紹介します。 春を待ちわびている人々の思いや朗らかな風景を表現した日本の名曲「早春賦」。 教科書にも掲載されているので、今まさに授業準備をしている、あるいはテスト勉強中という方も多いと思います。 そこで、この記事では、「早春賦」の歌詞の意味や作曲背景など学習する際に役立つポイントをご紹介します。 学生の皆さんはもちろん、これから授業を行う先生方のお役に立てれば幸いです。 目次「早春賦」のポイント1.そもそも「早春賦」ってどういう意味 ...

ReadMore

-ブログについて

© 2022 めりー先生の音楽準備室