There may be times where you want to add supporting videos from YouTube or Vimeo into your site. Or maybe you want to add Tweets from Twitter, or content from other websites like Flickr and Instagram. You can embed these content easily in your WordPress site.
To do this, all you need to do is find the permalink for the content. In some sites like YouTube, the permalink is simply the current URL. For other sites like Reddit or Vimeo, you’ll have to find the “permalink”, “share” or “embed” button to get the URL. In some sites like Facebook, you’ll have to click the date of the status or post in order to get the permalink.
パーマリンクにはさまざまな形がありますが、通常は以下のような外観をしています。これはYouTubeのものです。
https://www.youtube.com/watch?v=dQw4w9WgXcQ
これらのURLをコンテンツエディターに貼り付けることで、コンテンツを埋め込むことができます。埋め込み可能な場合、URLが実際の動画やコンテンツに変換されます。変換されない場合は、そのサイトからのコンテンツを挿入できないことを意味します。
自分のサイトに埋め込み可能なサイトは？
Not all sites can be embedded into your WordPress site. The WordPress Codex has a list of sites which you can embed: https://codex.wordpress.org/Embeds
プラグインをインストールして埋め込み可能なサイトを追加する
If the content you want to embed isn’t in the list in the WordPress Codex, there is another way. Installing plugins can add more embeddable sites. For example, installing Jetpack allows you to embed wall posts from Facebook.
There are plenty more out there that add more sites, do a search for “oEmbed provider” in the WordPress.org plugin repository to find more. Here’s a link to the plugin repo for your convenience: https://wordpress.org/plugins/search.php?type=term&q=oembed+provider
コンテンツを追加するもう一つの方法 – iframe埋め込みコード
URLを貼り付けるだけではうまくいかない場合でも、コンテンツを埋め込む別の方法があります。追加したいサイトの共有オプションを確認してみてください。パーマリンク以外に、短い「埋め込みコード」が提供されている場合があります。埋め込みコードは次のようになります。
<iframe width="420" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ" frameborder="0" allowfullscreen></iframe>
Copy that then in your WordPress content editor, click on the text tab on the top of the editor and paste that in. After you’ve pasted that in, head back to the visual tab, you’ll see if it works when the embed code now looks like the actual content that will get embedded. You can’t do this in the visual tab, pasting it from there would just show the pasted code in your site, it won’t get converted into the content.
Page Builder Sandwichを使用してフロントエンドから他のサイトのコンテンツを追加する
While adding content from other sites seem easy, doing things in the administration side of WordPress is a bit of a hassle. You have to know whether to add it in the visual tab or text tab, and you’ll have to preview your page or post in order to see how it would look like when viewed by your site’s visitors.
Page Builder Sandwichを使用すると、すべてフロントエンドから実際のサイトを編集できるため、作業が簡単になります。Page Builder Sandwichを使用すれば、サイトのコンテンツを簡単に作成・編集できます。他のサイトからのコンテンツの埋め込みもはるかに容易になります。
Page Builder Sandwichなら、パーマリンクまたはiframe埋め込みコードをサイトのフロントエンドの任意の場所に貼り付けるだけで、すぐに埋め込みコンテンツへと変換されます。どのタブに貼り付ければよいかを把握する必要はもうありません。