WordPress oEmbed: (거의) 모든 것을 포함합니다.

미디어를 표시하기 위해 웹사이트에 미디어를 업로드할 필요가 없다는 것을 알고 계셨나요? 대신 WordPress에 내장된 포함 지원을 사용하여 비디오, 이미지, 트윗 및 기타 다양한 외부 미디어를 WordPress에 쉽게 배치할 수 있습니다.

과거에는 WordPress에 포함된 많은 작업이 현재 WordPress 플러그인의 도움으로 수행되었을 것입니다. WordPress 개발팀은 점점 더 많은 리치 미디어 유형을 포함하도록 지원하는 데 전념하고 있는 것으로 보이며 이는 사용자에게 매우 새로운 소식입니다!

보안상의 이유로 제3자 웹사이트의 내용을 삽입할 때는 항상 주의해야 합니다. 따라서 안전하고 신뢰할 수 있는 소스의 콘텐츠만 공유하는 것이 좋습니다!

oEmbed란 무엇인가요?

간단히 말해서 WordPress oEmbed 또는 Embed는 여러 타사 서비스에 대한 URL을 인식하고 자동으로 형식을 지정하고 표시합니다. 이는 핵심 기능이므로 WordPress 사이트에 미디어를 삽입하기 위해 추가 플러그인이 필요하지 않습니다.

예를 들어 Youtube 비디오, SoundCloud 오디오 또는 WordPress 게시물도 있습니다. WordPress가 URL을 확인하면 외부 서비스(예: Youtube)에 연결하고 페이지나 게시물에 비디오를 삽입하기 위한 관련 HTML 코드를 요청합니다.

더 이상 비디오 코드를 얻기 위해 복사 및 붙여넣기 작업을 복잡하게 할 필요가 없습니다. 말 그대로 비디오나 기타 미디어의 URL을 WordPress 게시물이나 페이지에 바로 삽입하면 작동합니다.

WordPress Embed를 어떤 용도로 사용할 수 있나요?

삽입 기능은 WordPress(버전 2.9부터)에서 한동안 사용되어 왔습니다. 하지만 그 이후로 Embed와 함께 작동하는 여러 가지 새로운 서비스가 추가되어 목록이 점점 길어지고 있습니다.

Youtube, Vimeo, 심지어 Hulu와 같은 비디오 서비스도 모두 지원됩니다. Instagram, flickr, Photobucket을 포함한 사진 사이트는 모두 훌륭하게 작동합니다. Twitter 및 TikTok과 같은 소셜 사이트도 지원됩니다. 심지어 다른 웹사이트의 WordPress 블로그 게시물을 추가할 수도 있습니다.

삽입할 수 있는 콘텐츠가 엄청나게 많습니다! 30개 이상의 지원되는 삽입 서비스의 전체 목록을 보려면 WordPress Codex의 이 페이지를 방문하세요.

클래식 편집기에서 임베드를 사용하는 방법

클래식 편집기를 사용하는 경우 선택한 링크를 서식 있는 텍스트 편집기에 붙여넣기만 하면 됩니다. 따라서 SoundCloud에서 Mellow Indie Chill 재생 목록을 공유하려면 먼저 URL을 가져와야 합니다.

https://soundcloud.com/soundcloud-scenes/sets/coffee-shop-mellow-indie-chill

그런 다음 이를 기본 텍스트 영역에 붙여 넣으면 다음과 같이 표시됩니다.

멋지죠?

WordPress 클래식 편집기에서 삽입을 사용할 때 기억해야 할 한 가지 사항이 있습니다. 즉, 미디어 URL은 한 줄에 단독으로 있어야 합니다. 텍스트 편집기나 다른 것으로 전환할 필요가 없습니다. Enter 키를 클릭하면 해당 내용이 한 줄에 표시됩니다.

구텐베르크에서 임베드를 사용하는 방법

Gutenberg를 사용하는 경우 삽입을 추가하는 것은 특별히 추가하기 위한 블록이 있기 때문에 약간 다릅니다. 시작하려면 특정 미디어 유형에 대한 블록을 찾거나(Gutenberg에는 다양한 차단 옵션이 있음) 일반 Embed 블록을 검색하면 됩니다.

다음으로 링크를 추가하세요.

그런 다음 Embed 버튼을 클릭합니다. 블록은 임베드를 식별하고 그에 따라 아래와 같이 표시합니다.

일반 '삽입' 블록이 관련 삽입 블록(이 경우에는 'YouTube 삽입')으로 변환되었습니다.

또는 미디어를 삽입할 때 특정 포함 블록을 선택할 수 있습니다. 언급한 대로 현재 선택할 수 있는 기본 포함 유형이 30개 이상 지원됩니다(특수 플러그인을 추가하면 더 많은 가능성이 있지만).

WordPress에 YouTube 또는 동영상을 삽입하는 방법 WordPress는 자체 호스팅 동영상, Vimeo, Animoto, DailyMotion, Screencast, TED, VideoPress 및 WordPressTV뿐 아니라 YouTube의 삽입도 지원합니다. 브라우저 주소 표시줄에서 비디오 URL을 가져온 다음 일반 "삽입" 구텐베르크 블록에 붙여넣기만 하면 됩니다(링크를 추가하면 구텐베르그가 그에 따라 블록을 업데이트합니다). 클래식 편집기를 사용하는 경우 비디오 URL을 복사하여 게시물 콘텐츠에 붙여넣을 수 있습니다. WordPress에서는 자동으로 링크 형식을 비디오로 지정합니다.

WordPress에 이미지를 삽입하는 방법은 무엇입니까? 이미 WordPress 사이트에 이미지를 직접 쉽게 업로드할 수 있습니다. 하지만 Flickr, Imgur, CloudUp, SmugMug 또는 Pinterest의 공개 이미지를 삽입하고 싶다면 가능합니다. 사진 링크를 Gutenberg Embed 블록에 붙여넣기만 하면 됩니다. 또는 클래식 편집기를 사용하는 경우 링크를 게시물 콘텐츠에 직접 붙여넣으면 됩니다.

WordPress에 TikTok을 삽입하는 방법 TikTok 삽입은 WordPress에서 지원됩니다. 공개 동영상 링크를 복사하여 TikTok Gutenberg 블록(또는 클래식 편집기를 사용하는 경우 블로그 게시물 콘텐츠)에 붙여넣기만 하면 됩니다.

WordPress에 Twitter를 삽입하는 방법 WordPress 사이트에 Twitter 게시물을 삽입하는 데 사용할 수 있는 특정 Twitter Gutenberg Block이 있지만 클래식 편집기에서는 콘텐츠에 트윗 링크를 붙여넣기만 하면 됩니다. .

WordPress에 재생목록을 삽입하는 방법 WordPress를 사용하면 Spotify, Soundcloud, Mixcloud, ReverbNation, Pocket Casts 또는 Gutenberg Embed 블록을 사용하여 자체 호스팅 오디오에서 직접 재생목록을 빠르게 추가할 수 있습니다( 오디오 소스에 따라 관련 삽입 블록으로 자동 변환됩니다. 또는 클래식 편집기에서 콘텐츠를 생성할 때 재생 목록이나 오디오에 대한 링크를 편집기의 텍스트 탭에 붙여넣을 수 있습니다.

WordPress에 웹페이지를 삽입하는 방법 iframe을 사용하여 제3자 웹사이트의 콘텐츠를 삽입할 수 있습니다(아래 참조). 하지만 WordPress에서는 이미 WordPress, Tumblr, Reddit, Kickstarter 및 다양한 동영상의 삽입된 게시물을 지원합니다. , 소셜 및 음악 사이트.

WordPress에 코드를 삽입하는 방법 사용자 정의 HTML Gutenberg 블록(또는 클래식 편집기에서는 편집기의 "텍스트" 탭)을 사용하여 WordPress 게시물이나 페이지에 코드를 추가할 수 있습니다. 클래식 편집기에서는 일반적으로 텍스트 탭을 사용할 때 콘텐츠에 사용자 정의 코드를 붙여넣을 수 있습니다.

WordPress에 iframe을 삽입하는 방법 iframe을 삽입하려면 사용자 정의 HTML Gutenberg 블록을 사용하거나 Issuu 매거진, Scribd ebook, Wolfram Notebook과 같은 특정 블록을 제공하는 지원되는 다양한 삽입 옵션 중 하나를 사용할 수 있습니다. Amazon Kindle 콘텐츠, Crowdsignal 여론 조사, Slideshare 또는 Speaker Deck 프레젠테이션, YouTube 및 Vimeo 비디오를 비롯해 이 게시물에서 공유되는 수많은 옵션이 있습니다.

WordPress에 Instagram을 삽입하는 방법 Meta는 2020년에 Instagram 게시물을 삽입하는 데 사용된 oembed 엔드포인트를 폐쇄했으므로 더 이상 기본 제공 지원이 없습니다. WordPress 사이트에 Instagram 게시물을 삽입하려면 타사 플러그인을 사용하는 것이 좋습니다(Instagram 계정에 연결해야 함).

WordPress에 Facebook을 삽입하는 방법 Meta는 2020년에 Facebook 게시물을 직접 삽입하는 옵션도 비활성화했기 때문에 타사 플러그인을 사용하는 것이 좋습니다(Facebook 계정에 연결하거나 인증 토큰이 작동합니다).

WordPress에 PDF 파일을 삽입하는 방법 PDF를 삽입하려면 타사 플러그인을 사용해야 합니다. 문서를 Google Drive와 같은 서비스에 업로드하면 iframe에 PDF를 표시할 수 있지만 자세한 지침은 WordPress 가이드에 포함된 PDF 파일에서 확인할 수 있습니다.

WordPress에 Google 지도를 삽입하는 방법 Google 지도로 이동하여 위치를 검색하세요. "공유"를 클릭한 다음 "지도 삽입" 옵션을 선택하세요. 'HTML 복사' 버튼을 클릭하여 iframe용 코드를 복사하세요. 그런 다음 코드를 사용자 정의 HTML Gutenberg 블록에 붙여넣습니다. 클래식 편집기를 사용하는 경우 텍스트 모드에서 콘텐츠에 코드를 붙여넣을 수 있습니다.

WordPress 삽입은 훌륭한 기능이며 제가 항상 사용하는 기능입니다. 더 이상 복잡한 플러그인과 설정을 복잡하게 할 필요 없이 미디어의 URL을 페이지에 드롭하기만 하면 완료됩니다!

지금 WordPress 사이트로 가서 사용해 보세요!