WordPressでiFrameを使用する方法は？

あなたがウェブサイトを持っていて、あなたがあなたのものではないコンテンツを共有しようとしているなら、ちょっと待って考えてください。

他人のコンテンツを共有することは、法的な影響を与える可能性があるため危険です。 言うまでもなく、ビデオなどの重いファイルをアップロードすると、貴重なホスティングプランが台無しになる可能性があります。

それで、これらの問題に直面することなくコンテンツを追加できる、お互いに有利な状況はありますか？

はい、解決策はiFrameです。 iFrameを使用すると、ファイル、ビデオ、およびその他のコンテンツをサイトに簡単に埋め込むことができます。 さらに、コンテンツ共有の法的手続きやサーバースペースはもはや問題ではありません。

WordPressでiFrameを使用する方法がわからなくても心配しないでください。 このガイドには、役立つ3つの簡単な方法があります。

しかし、最初に、紹介から始めましょう：

iFrameとは何ですか？

iFrameは、あるWebサイトのビデオとコンテンツを別のWebサイトに埋め込むためのより簡単な方法です。 ビデオとコンテンツは、サイトに表示するためにあなたのものである必要はありません。 あなたはあなたのサイトにファイルやビデオをアップロードする必要さえありません。 このような機能は、サーバーのストレージスペースを節約し、著作権侵害から遠ざけます。

なぜiFrameを使用する必要があるのですか？

iFrameを使用する主な理由は2つあります。 彼らです：

1.ストレージと帯域幅の節約

すべてのホスティングプロバイダーは、サイトで使用できるリソースとストレージの数に制限を設定しています。 ビデオ、オーディオ、またはより大きなファイルをアップロードすると、リソースが不必要に使い果たされます。

iFrameを使用すると、WordPressメディアライブラリでファイルをホストしなくても、他のサイトのビデオやコンテンツを表示できます。 このような機能は、リソースを節約し、安定したパフォーマンスを維持します。

2.著作権の問題を回避する

iFrameを使用するもう1つの利点は、著作権で保護されたコンテンツの違反を回避できることです。 他の人のビデオ/ファイルをダウンロードして自分のサイトにアップロードする代わりに、iFrameを使用して表示しているだけです。 iFrameの使用は、コンテンツを共有するためのより倫理的で簡単な方法です。

3.自動同期

上記の2つは、iFrameを使用する主な利点です。 ただし、この重要な機能も見逃したくありません。 元のビデオまたはコンテンツに編集がある場合は常に、iframeがそれを自動的に検出します。 次に、それに応じてサイトに変更を加えます。 コンテンツを更新する簡単な方法は、言わなければなりません。

WordPressでiFrameを使用する方法

WordPressでiFrameを使用する3つの簡単な方法は次のとおりです。

方法1：ソースからの埋め込みコードの使用とiFrameの追加

YouTubeやFacebookなどの多くの大規模なサイトには、コンテンツのオプションが組み込まれています。 Webサイトに追加する必要のあるインスタントiFrameコードを取得します。

埋め込みコードを使用してiFrameを使用する手順は次のとおりです。

• コンテンツを取得するソースに移動します。

YouTubeから動画の埋め込みコードをコピーする例を次に示します。

• Youtubeから埋め込みたいビデオに移動します。
• ビデオの下にある[共有]ボタンをクリックします。

• 画面に多くのオプションが表示されます。 [埋め込み]オプションをクリックします。

• YouTubeには、その動画の埋め込みコードが表示されます。 それをコピーします。

• また、下部にある[プレーヤーのコントロールを表示する]オプションと[プライバシー強化モードを有効にする]オプションを選択することをお勧めします。

これで、コピーしたコードを投稿に貼り付けることができます。 そのために：

• WordPressダッシュボードに移動します。
• [ページ]オプションに移動し、[新規追加]オプションをクリックします。 既存のページ/投稿にもコードを追加することを選択できます。

• ページにHTMLブロックを追加します。

• ここで、前にコピーした埋め込みコードをこのブロックに貼り付けます。

• その後、変更をプレビューできます。 埋め込みが適切に機能したかどうかを確認します。

注： WordPressでクラシックエディターを使用している場合は、[テキスト]ビューオプションに埋め込みコードを貼り付けることができます。 ただし、ビューを「ビジュアル」と「テキスト」の間で切り替えると、埋め込まれたiFrameコードで問題が発生する可能性があります。

方法2：WordPressプラグインを使用してiFrameを使用する

最初の方法では、埋め込みコードを提供するサイトからのみコンテンツを埋め込むことができます。 ただし、この2番目の方法を使用すると、iFrameを使用して、任意のソースからコンテンツを埋め込むことができます。 これにはiFrameプラグインを使用することをお勧めします。

• WordPressダッシュボードに移動します。
• 左側のパネルの[プラグイン]オプションに移動します。
• [新規追加]オプションをクリックします。

• iframeプラグインを検索し、インストールしてアクティブ化します。
• アクティベーション後、追加の設定なしでプラグインを使用できます。
• 投稿/ページに移動するか、作成します。
• エディターにショートコードブロックを追加します。

• 次のショートコードを記述して、iFrameコードを埋め込みます。

 [iframe src="URL"]

ここに、サイトに埋め込みたいコンテンツのURLを貼り付ける必要があります。 グーグルマップの埋め込み例を紹介します。

• 変更を保存またはプレビューできます。 次のようになります。

注： URLをコピーしても、うまくいかない場合があります。 その場合は、埋め込みコードをソースからコピーしてください。 そのコードからURLをコピーし、残りを削除するだけです。

方法3：iFrameコードを手動で作成してWordPressに埋め込む

iFrameプラグインを使用したくない場合は、次のように手動でiFrameコードを作成できます。

• WordPressダッシュボードに移動します。
• 投稿/ページに移動するか、作成します。
• 'HTML'ブロックをエディターに追加します。

• 次のコードをコピーして貼り付けます。

 <iframe src="URL"></iframe>

• 「URL」セクションを、サイトに埋め込みたいコンテンツの直接URLに置き換えます。

Googleマップを埋め込む例を次に示します。

プレビューすると、次のようになります。

特記事項

2番目と3番目の方法では、サイトのiFrameのサイズを調整するためのパラメーターを設定することもできます。 たとえば、高さ、幅などを設定できます。

一般的に使用されるパラメータは次のとおりです。

• 幅： widthパラメータを使用すると、iFrameに定義された幅をピクセル単位で設定できます。

• 高さ：高さパラメーターを使用して、サイトのiFrameウィンドウの高さをピクセル単位で調整できます。

• 許可： 「許可」パラメーターを使用して、iFrameのデフォルトとして特定の動作を設定できます。 一般的な動作には、全画面表示と支払い処理があります。

• 重要性：このパラメーターを使用すると、iFrameをいつロードするかを指定できます。

例えば：

 [iframe src="URL” width="600" height="450" frameborder="0"”]

または、

 <iframe src="URL" width="900" height="700" allow="fullscreen"></iframe>

結論

あなたのウェブサイトを魅力的でユーザーフレンドリーに保つことはあなたのオンラインキャリアを成長させるのに役立ちます。 ただし、サイト運営の規則や規制、主に著作権法を遵守するのが最善です。 WordPressでiFrameを使用することは、それを行うための効率的な方法です。

iFrameを使用すると、Webサイトの規制の範囲内にとどまりながら、ビデオやその他のコンテンツを埋め込むことができます。 iFrameを使用することで、他人のコンテンツを倫理的に提示することになります。 また、サーバーのストレージと帯域幅を節約できます。

この記事では、WordPressでiframeを使用する3つの簡単な方法を見てきました。 役に立ったかどうかお知らせください。

WordPressのメモリ制限エラーを解決する方法も確認してください。 WordPressにより多くのメモリを割り当て、メモリ関連のエラーを防ぐのに役立ちます。

よくある質問