WordPress oEmbed: (ほぼ) すべてを埋め込む
メディアを表示するために Web サイトにメディアをアップロードする必要がないことをご存知ですか?代わりに、WordPress の組み込みサポートを使用して、ビデオ、画像、ツイート、その他多くの種類の外部メディアを WordPress に簡単に配置できます。
現在 WordPress 埋め込みで実行できるタスクの多くは、以前は WordPress プラグインの助けを借りて実行されていました。そして、WordPress の開発チームは、埋め込みサポートにますます多くのリッチ メディア タイプを含めるようにかなり熱心に取り組んでいるようで、これはユーザーにとっては非常に新しいことです。
セキュリティ上の理由から、サードパーティの Web サイトから何かを埋め込む場合は常に注意する必要があります。したがって、安全で信頼できるソースからのコンテンツのみを共有することをお勧めします。
oEmbedとは何ですか?
簡単に言えば、WordPress oEmbed または Embed は、多数のサードパーティ サービスへの URL を認識し、それらを自動的にフォーマットして表示します。これはコア機能であり、WordPress サイトにメディアを埋め込むために追加のプラグインは必要ありません。
たとえば、Youtube ビデオ、SoundCloud オーディオ、WordPress 投稿などです。 WordPress が URL を認識すると、外部サービス (Youtube など) に接続し、ページまたは投稿にビデオを埋め込むための関連する HTML コードを要求します。
ビデオのコードを取得するためにコピー&ペーストの作業を行う必要はもうありません。文字通り、ビデオやその他のメディアの URL を WordPress の投稿やページに直接ドロップするだけで機能します。
WordPress Embed は何に使用できますか?
埋め込み機能は、WordPress (バージョン 2.9 以降) でしばらく前から使用されています。しかし、それ以来、埋め込みで動作する新しいサービスが多数追加されたため、リストはさらに長くなりました。
Youtube、Vimeo、さらには Hulu などのビデオ サービスがすべてサポートされています。 Instagram、flickr、Photobucket などの写真サイトはすべてうまく機能します。 Twitter や TikTok などのソーシャル サイトもサポートされています。他の Web サイトから WordPress ブログ投稿を追加することもできます。
埋め込み可能なコンテンツはたくさんあります。サポートされている 30 以上の埋め込みサービスの完全なリストについては、WordPress Codex のこのページにアクセスしてください。
クラシック エディターで埋め込みを使用する方法
クラシック エディターを使用している場合は、選択したリンクをリッチ テキスト エディターに貼り付けるだけです。したがって、SoundCloud から Mellow Indie Chill プレイリストを共有したい場合は、まず URL を取得する必要があります。
https://soundcloud.com/soundcloud-scenes/sets/coffee-shop-mellow-indie-chill
それをメイン テキスト領域に貼り付けると、次のように表示されます。
クールですね?
WordPress Classic エディターで埋め込みを使用するときに覚えておく必要があることが 1 つあります。それはメディアへの URL が単独の行に存在する必要があることです。テキスト エディターなどに切り替える必要はありません。単独の行に表示されるように Enter をクリックすることを忘れないでください。
Gutenberg で埋め込みを使用する方法
Gutenberg を使用している場合、埋め込みを追加するための専用のブロックがあるため、埋め込みの追加は少し異なります。まず、特定のメディア タイプのブロックを見つけるか (Gutenberg には多数のブロック オプションがあります)、一般的な Embed ブロックを検索します。
次にリンクを追加します。
そして、「埋め込む」ボタンをクリックします。ブロックは埋め込みを識別し、それに応じて以下のように表示します。
一般的な「埋め込み」ブロックは、関連する埋め込みブロック、この場合は「YouTube 埋め込み」に変換されていることに注意してください。
あるいは、挿入時にメディアの特定の埋め込みブロックを選択することもできます。前述したように、現在 30 以上のデフォルトの埋め込みタイプがサポートされており、そこから選択できます (ただし、特殊なプラグインを追加すると、さらに多くの可能性があります)。
WordPress に YouTube またはビデオを埋め込む方法 WordPress は、YouTube だけでなく、自己ホスト型ビデオ、Vimeo、Animoto、DailyMotion、Screencast、TED、VideoPress、WordPressTV からの埋め込みをサポートしています。ブラウザのアドレス バーからビデオ URL を取得し、それを一般的な「埋め込み」Gutenberg ブロックに貼り付けるだけです (リンクを追加すると、Gutenberg はそれに応じてブロックを更新します)。クラシック エディターを使用している場合は、ビデオの URL をコピーして投稿のコンテンツに貼り付けることができます。WordPress は自動的にリンクをビデオにフォーマットします。
WordPress に画像を埋め込むにはどうすればよいですか? すでに WordPress サイトに画像を直接簡単にアップロードできます。ただし、Flickr、Imgur、CloudUp、SmugMug、Pinterest の公開画像を埋め込みたい場合は、確実に埋め込むことができます。写真へのリンクを Gutenberg Embed ブロックに貼り付けるだけです。クラシック エディターを使用している場合は、リンクを投稿コンテンツに直接貼り付けます。
WordPress に TikTok を埋め込む方法 TikTok の埋め込みは WordPress でサポートされています。公開ビデオへのリンクをコピーして、TikTok Gutenberg ブロック (クラシック エディターを使用している場合はブログ投稿のコンテンツ) に貼り付けるだけです。
WordPress に Twitter を埋め込む方法 WordPress サイトに Twitter 投稿を埋め込むために使用できる特定の Twitter Gutenberg ブロックがありますが、クラシック エディターではコンテンツ内のツイートへのリンクを貼り付けるだけで済みます。 。
WordPress にプレイリストを埋め込む方法 WordPress を使用すると、Gutenberg Embed ブロック (オーディオソースに応じて、関連する埋め込みブロックに自動的に変換されます)。または、クラシック エディターでは、コンテンツの作成時にプレイリストまたはオーディオへのリンクをエディターの [テキスト] タブに貼り付けることができます。
WordPress にウェブページを埋め込む方法 iframe を使用してサードパーティのウェブサイトのコンテンツを埋め込むことができます (下記を参照)。ただし、WordPress はデフォルトで、WordPress、Tumblr、Reddit、Kickstarter、および多くのビデオからの埋め込み投稿をすでにサポートしています。 、ソーシャルサイトと音楽サイト。
WordPress にコードを埋め込む方法 カスタム HTML Gutenberg ブロック (またはクラシック エディター、エディターの「テキスト」タブ) を使用して、WordPress の投稿またはページにコードを追加できます。クラシック エディターでは通常、[テキスト] タブを使用するときにコンテンツにカスタム コードを貼り付けることができます。
WordPress に iframe を埋め込むにはどうすればよいですか? iframe を埋め込むには、カスタム HTML Gutenberg ブロック、または Issuu マガジン、Scribd 電子ブック、Wolfram Notebook、 Amazon Kindle コンテンツ、Crowdsignal 投票、Slideshare または Speaker Deck プレゼンテーション、YouTube および Vimeo ビデオ、さらにこの投稿で共有されるその他のオプションが多数あります。
WordPress に Instagram を埋め込む方法 Meta は、Instagram の投稿を埋め込むために使用されていた oembed エンドポイントを 2020 年に閉鎖したため、組み込みのサポートはなくなりました。 Instagram の投稿を WordPress サイトに埋め込みたい場合は、サードパーティのプラグインを使用することをお勧めします (Instagram アカウントに接続する必要があります)。
WordPress に Facebook を埋め込むにはどうすればよいですか? Meta では、2020 年に Facebook 投稿を直接埋め込むオプションも無効になったので、サードパーティのプラグインを使用することをお勧めします (Facebook アカウントに接続するか、Facebook アカウントを提供する必要がある可能性があります)。機能するための認可トークン)。
WordPress に PDF ファイルを埋め込むにはどうすればよいですか? PDF を埋め込むには、サードパーティのプラグインを使用する必要があります。ただし、ドキュメントを Google ドライブなどのサービスにアップロードすると、iframe に PDF を表示できます (詳細な手順については、WordPress への PDF ファイルの埋め込みガイドを参照してください)。
WordPress に Google マップを埋め込むにはどうすればよいですか? Google マップにアクセスして場所を検索します。 「共有」をクリックし、「地図を埋め込む」オプションを選択します。 「HTML をコピー」ボタンをクリックして、iframe のコードをコピーします。次に、コードをカスタム HTML Gutenberg ブロックに貼り付けます。クラシック エディターを使用している場合は、テキスト モードでコードをコンテンツに貼り付けることができます。
WordPress の埋め込みは素晴らしい機能で、私はいつも使っています。 WordPress のエンドユーザーにとっては素晴らしい機能で、複雑なプラグインや設定をいじる必要はなく、メディアの URL をページにドロップするだけで完了です。
今すぐあなたの WordPress サイトで試してみてください。