지역 사회

배우다

도구 라이브러리

AI 도구

여가

한국어

집 > CMS 튜토리얼 > Word누르다 > OEMBED 및 WordPress에 대한 소개

OEMBED 및 WordPress에 대한 소개

Lisa Kudrow

풀어 주다： 2025-02-18 12:29:12

원래의

188명이 탐색했습니다.

OEMBED 및 WordPress에 대한 소개 WordPress는 현재 가장 큰 CMS 및 블로그 플랫폼 중 하나입니다. 하지만 왜 그게? WordPress는 지난 몇 년 동안 많은 비난을 받았습니다. 가장 큰 문제 중 하나는 건축이 현대적이지 않다는 것입니다. 2004 년에 플랫폼 (또는 CMS)이 작성된 방식은 오늘날 우리가 보는 표준과 다릅니다. 그럼에도 불구하고 최종 사용자에게는 사용하기가 매우 쉽다는 데는 의심의 여지가 없습니다.

최종 사용자는 컨텐츠를 쉽게 게시 할 수있는 CMS를 원합니다. 대부분의 사용자는 콘텐츠를 하드 코딩하고 싶지 않다고 생각합니다. 클라이언트가 나에게 다음과 같이 묻는다면 :“슬라이드 쉐어에서 일부 콘텐츠를 추가하고 싶습니다”라는 경우, 내 마음은 API 또는 적어도 포함 된 코드로갑니다. 오늘 우리는 당신이 알지 못하고 사용했던 WordPress의 기능을 살펴볼 것입니다.

. 키 테이크 아웃

oembed는 사이트에 컨텐츠를 쉽게 포함시켜 소비자 및 공급자 관계를 통해 작동하는 프로토콜입니다. 사진, 비디오, 링크 및 풍부한 네 가지 유형의 리소스를 지정합니다. 모두 응답에서 URL, 너비 및 높이를 제공합니다. WordPress는 화이트리스트 제공 업체 목록과 함께 OEMBED에 대한 지원을 내장했습니다. 게시물 또는 페이지를 작성할 때 화이트리스트 제공 업체의 URL을 붙잡는 경우 WordPress는 Embed HTML을 자동으로 가져와 게시물에 표시합니다. 사용자는 또한 수동으로 추가 제공 업체를 추가 할 수 있습니다 최종 사용자의 단순성을 넘어서 OEMBed는 WordPress 내에서 유연한 도구입니다. 사용자는 화이트리스트를 실험하고 자체 제공 업체로 확장하며 OEMBED의 모양을 사용자 정의 할 수도 있습니다. WordPress는 또한 OEMBED를 지원하는 사이트를 등록하고 사이트에 OEMBED 지원을 추가하기위한 기능을 제공합니다.

aembed에 소개 oembed는 사이트에 콘텐츠를 포함시키는 매우 쉬운 방법입니다. OEMBED는 소비자와 공급자로 구성됩니다. 제공자는 소비자에 내장 될 수있는 리소스를 제공하고 소비자는 OEMBED 엔드 포인트를 통해 해당 리소스를 요청합니다. OEMBED 구현은 4 가지 유형의 리소스를 지정합니다 :

사진 비디오

링크

사진, 비디오 및 풍부한 유형은 응답에 URL, 너비 및 높이를 제공해야합니다. 제공 업체에는 다른 데이터도 포함 할 수 있지만 이러한 유형의 컨텐츠를 처리 할 때 필요한 전부입니다. OEMBED 사양은 가이드 라인이며 제공자는 자체 OEMBED를 구현할 수 있습니다. 제공 업체는 하나 이상의 OEMBED 엔드 포인트와 리소스 URL이 있어야합니다. SlideShare를 살펴보고 그들이 어떻게 OEMBED를 구현했는지 보자. 문서에서 그들은 oembed 종점과 자원 종말점을 지정합니다. OEMBED 종말점은 http://www.slideshare.net/api/oembed/2입니다. 리소스 엔드 포인트는 다음과 같습니다. http://www.slideshare.net/user-slug/slidename-slug. 제공자로부터 정보를 얻으려면 OEMBED 엔드 포인트를 사용하고 리소스의 URL 매개 변수를 전달해야합니다. 매개 변수는 URL 인코딩되어야합니다. 최소 요구 사항은 URL 매개 변수이지만 maxWidth , maxHeight 및 형식 를 통과 할 수도 있습니다. 실제로 컨텐츠 형식에 따라 다르지만 비디오, 사진 및 풍부한 형식의 경우 이러한 인수를 전달할 수있는 옵션이 있습니다. 또한 OEMBED는 GET 메소드 만 지정하므로 다른 방법을 사용할 수 없습니다. .
URL 매개 변수를 사용 하여이 엔드 포인트를 요청하자. 다음에 요청하십시오 : http://www.slideshare.net/api/oembed/2?url=http://www.slideshare.net/chris-burgess/wordpress-themeswpmelb2014. 수행원: 브라우저에서 URL 값만 요청하면 일반 HTML 페이지 만 얻게됩니다. 매일 보는 것. 다른 형식이 요청되지 않으면 Slideshare 기본값이 XML 형식으로 표시됩니다. 요청을 조금 변경해 봅시다. 이번에는 다른 매개 변수를 추가하고 JSON 응답을 얻을 것입니다. 해당 리소스를 다시 시도하지만 이번에는 추가 매개 변수를 지정하십시오. MaxWidth 매개 변수를 200에 넣고이 URL을 요청합시다 : http://www.slideshare.net/api/oembed/2?url=http://www.slideshare.net/chris-burgess/wordpress-themeswpmelb2014&format=json&maxwidth= 200, 당신은이 결과를 얻어야합니다 :
이 요청의 HTML 키에서 iframe의 너비를 이전 요청과 비교하면 차이가 나타납니다. 첫 번째는 폭이 427이고 마지막은 폭이 202입니다.
OEMBED 사양에 대해 더 알고 싶다면 공식 OEMBED 문서를 살펴보십시오. 또한 SlideShare oembed 문서를 살펴보고 그것이 어떻게 작동하는지 더 잘 이해하기 위해 조금 재생하십시오.
. 이것이 유용한 이유
잠시 동안 기술 구현을 잊어 버리겠습니다. WordPress는 최종 사용자에 관한 것입니다. OEMBED 사양의 모든 구현은 WordPress 코드베이스 내부에 있습니다. WordPress에는 지원되는 모든 OEMBED 제공 업체의 흰색 목록이 있습니다. 이것들 중 일부는 그들의 화이트리스트에서 나온 것입니다.
<span><span><span><oembed</span>></span> </span> <span><span><span><total-slides</span> type<span>="integer"</span>></span>50<span><span></total-slides</span>></span> </span> <span><span><span><thumbnail-width</span> type<span>="integer"</span>></span>170<span><span></thumbnail-width</span>></span> </span> <span><span><span><width</span> type<span>="integer"</span>></span>425<span><span></width</span>></span> </span> <span><span><span><type</span>></span>rich<span><span></type</span>></span> </span> <span><span><span><provider-name</span>></span>SlideShare<span><span></provider-name</span>></span> </span> <span><span><span><slideshow-id</span> type<span>="integer"</span>></span>41489102<span><span></slideshow-id</span>></span> </span> <span><span><span><provider-url</span>></span>http://www.slideshare.net<span><span></provider-url</span>></span> </span> <span><span><span><slide-image-baseurl</span>></span>//image.slidesharecdn.com/wordpress-themes-wpmelb-2014-141112215416-conversion-gate02/95/slide-<span><span></slide-image-baseurl</span>></span> </span> <span><span><span><version</span>></span>1.0<span><span></version</span>></span> </span> <span><span><span><conversion-version</span> type<span>="integer"</span>></span>2<span><span></conversion-version</span>></span> </span> <span><span><span><html</span>></span><span><span><iframe</span> src<span>="http://www.slideshare.net/slideshow/embed_code/41489102"</span> width<span>="427"</span> height<span>="356"</span> frameborder<span>="0"</span> marginwidth<span>="0"</span> marginheight<span>="0"</span> scrolling<span>="no"</span> <span>style<span>="<span>border:1px solid #CCC; border-width:1px; margin-bottom:5px; max-width: 100%;</span>"</span></span> allowfullscreen></span> <span><span></iframe</span>></span> <span><span><div</span> <span>style<span>="<span>margin-bottom:5px</span>"</span></span>></span> <span><span><strong</span>></span> <span><span><a</span> href<span>="https://www.slideshare.net/chris-burgess/wordpress-themeswpmelb2014"</span> title<span>="WordPress Themes Demystified"</span> target<span>="_blank"</span>></span>WordPress Themes Demystified<span><span></a</span>></span> <span><span></strong</span>></span> from <span><span><strong</span>></span><span><span><a</span> href<span>="http://www.slideshare.net/chris-burgess"</span> target<span>="_blank"</span>></span>Chris Burgess<span><span></a</span>></span><span><span></strong</span>></span> <span><span></div</span>></span> </span> <span><span><span></html</span>></span> </span> <span><span><span><author-name</span>></span>Chris Burgess<span><span></author-name</span>></span> </span> <span><span><span><title</span>></span>WordPress Themes Demystified<span><span></title</span>></span> </span> <span><span><span><height</span> type<span>="integer"</span>></span>355<span><span></height</span>></span> </span><span><span><span></oembed</span>></span></span>
로그인 후 복사

WordPress는이 화이트리스트에서 컨텐츠를 쉽게 포함시킬 수 있습니다. 게시물이나 페이지를 만들 때 하나의 리소스의 URL을 붙여 넣으십시오.
그러면 즉시 컨텐츠를 렌더링 할 수 있습니다. URL은 자체적으로 한 줄만 있어야합니다. WordPress는 해당 링크를 찾은 다음 검색 하여이 링크가 화이트리스트에있는 URL 중 하나의 리소스인지 확인합니다. 그렇다면 OEMBED 엔드 포인트에 요청합니다. 이 예에서는 Twitter 상태 URL을 복사하고 WordPress는 게시물 내부에 해당 상태를 포함했습니다. 그러나 이것은 트위터에만 국한되지 않으며 화이트리스트의 다른 사이트를 검색하고 실험합니다.
. 화이트리스트를 넘어서, 모든 oembed 사이트는 WordPress에 의해 지원됩니다. 추가 제공 업체를 수동으로 추가 할 수 있습니다. WordPress는 OEMBED를 지원하는 사이트를 등록하기위한 두 가지 기능과 사이트에 OEMBED 지원을 추가하기 위해 하드 코드 할 수있는 기능을 제공합니다. WP_OEMBED_ADD_PROVIDER ()를 사용하여 기존 OEMBED 사이트를 WordPress에 추가하십시오. WP_EMBED_REGISTER_HANDLER ()를 사용하여 비정형 사이트를 추가 할 수도 있습니다. 또는 휠을 재창조하는 것을 싫어하는 나와 같은 경우 플러그인이 먼저 존재하는지 확인할 수도 있습니다.

결론 oembed는 당신의 삶을 더 편하게 만드는 편리한 WordPress 기능 중 하나입니다. 이 기사에서 우리는 OEMBED가 무엇인지 다루었습니다. 그러나 거기서 멈추지 마십시오. 화이트리스트로 실험하고 자신의 공급자와 함께 확장하십시오.
OEMBED 및 WordPress 에 대한 질문이 자주 묻습니다 OEMBED 란 무엇이며 WordPress에서 어떻게 작동합니까? OEMBED는 웹 사이트가 내장 된 컨텐츠 (비디오, 이미지, 트윗 등)를 표시 할 수있는 프로토콜입니다. 콘텐츠. WordPress는 OEMBED에 대한 내장 지원을 받았습니다. OEMBED를 지원하는 사이트에서 URL을 붙여 넣으면 WordPress는 자동으로 API를 사용하여 Embed HTML을 가져와 게시물에 표시합니다. 이것은 당신이 포함시키려는 미디어를 호스팅하는 사이트에서 HTML을 복사하고 붙여 넣을 필요가 없다. 비활성화 임베드 또는 OEMBED 관리자와 같은 플러그인을 사용하여 그렇게 할 수 있습니다. 또는 테마 functions.php 파일에 몇 줄의 코드를 추가하여 OEMBED를 비활성화 할 수 있습니다. 그러나 이것이 모든 유형의 임베드를 비활성화 할 것입니다.
WordPress에서 내 oembeds의 모양을 사용자 정의 할 수 있습니까?

예, WordPress에서 OEMBED의 모양을 사용자 정의 할 수 있습니다. 테마에 사용자 정의 CSS를 추가하여 수행 할 수 있습니다. 필요한 정확한 CSS는 임베드 유형과 테마의 디자인에 따라 다릅니다.
WordPress에서 OEMBED를 사용하는 것과 관련하여 보안 문제가 있습니까? 신뢰할 수있는 출처에서만 콘텐츠를 포함시키는 것이 중요합니다. 일부 웹 사이트는 OEMBED 코드를 제대로 소독하지 않을 수 있으며, 이는 잠재적으로 보안 취약점으로 이어질 수 있습니다. 왜 내 오브 베드가 WordPress에서 일하지 않습니까?

OEMBED가 작동하지 않는 몇 가지 이유가있을 수 있습니다. 포함하려는 URL은 OEMBED를 지원하는 사이트에서 나오지 않거나 플러그인이나 테마와 충돌 할 수 있습니다. 문제가있는 경우 모든 플러그인을 비활성화하고 기본 테마로 전환하여 문제가 해결되는지 확인하십시오.
WordPress의 사용자 정의 게시물 유형과 함께 OEMBED를 사용할 수 있습니까? WordPress의 사용자 정의 게시물 유형과 함께 OEMBED를 사용할 수 있습니다. 사용자 정의 게시물 유형이 '편집기'기능을 지원하는지 확인하면됩니다.
WordPress의 새로운 OEMBED 제공 업체에 대한 지원을 추가하려면 어떻게됩니까? 새에 대한 지원을 추가 할 수 있습니다. wp_oembed_add_provider () 함수를 사용하여 oembed 제공자. 이 기능은 제공자의 URL 구성표와 WordPress가 포함 된 HTML을 가져 오는 데 사용해야하는 엔드 포인트를 지정할 수 있습니다.
WordPress에서 OEMBEDS의 너비와 높이를 제한 할 수 있습니까?

예. WordPress에서 OEMBED의 너비와 높이를 제한 할 수 있습니다. 이것은 embed_defaults 필터를 사용하여 수행 할 수 있습니다.이 필터는 모든 oembeds의 최대 너비와 높이를 지정할 수 있습니다.
WordPress에서 OEMBED 응답을 어떻게 캐시 할 수 있습니까?

WordPress는 자동으로 OEMBED 응답을 캐시합니다. 성능을 향상시키기 위해 24 시간 동안. 그러나 OEMBED_TTL 필터를 사용 하여이 시간을 변경할 수 있습니다.
WordPress의 게시물 편집기 외부에서 OEMBED를 사용할 수 있습니까? wp_oembed_get () 함수. 이 기능은 URL의 Embed HTML을 가져 와서 사이트의 모든 곳에 표시 할 수 있습니다.

위 내용은 OEMBED 및 WordPress에 대한 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

이전 기사：WordPress 플러그인에 Ajax 추가 다음 기사：WordPress.org 플러그인 디렉토리 개발

본 웹사이트의 성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

저자별 최신 기사

최신 이슈

function_exists()는 사용자 정의 함수를 결정할 수 없습니다. 기능 테스트() { ...

에서 2024-04-29 11:01:01

0

3

2796

Chrome 모바일 버전을 표시하는 방법 안녕하세요 선생님, Chrome을 모바일 버전으로 어떻게 변경하나요?

에서 2024-04-23 00:22:19

0

11

2925

자식 창이 부모 창을 작동하지만 출력이 응답하지 않습니다. 처음 두 문장은 실행 가능하지만 마지막 문장은 구현할 수 없습니다.

에서 2024-04-19 15:37:47

0

1

2440

상위 창에 출력이 없습니다. document.onclick = function(){ window.opener.document.write('나는 자식 창의 출력입니다.');

에서 2024-04-18 23:52:34

0

1

2351

CSS 마인드맵 코스웨어는 어디에 있나요? 코스웨어

에서 2024-04-16 10:10:18

0

0

2425

관련 주제

더>

인기 추천

인기 튜토리얼

더>

관련 튜토리얼

인기 추천

최신 강좌

최신 다운로드

더>

웹 효과

웹사이트 소스 코드

웹사이트 자료

프론트엔드 템플릿