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 임베드 코드를 붙여넣기만 하면 즉시 임베드된 콘텐츠로 변환되므로, 어떤 탭에 붙여넣어야 하는지 더 이상 알아볼 필요가 없습니다.