WordPress 컨텐츠 편집기에 미디어 버튼을 추가합니다

WordPress가있는 게시물에 미디어 파일을 삽입하는 것은 기본적으로 존재하는 전용 버튼 덕분에 그다지 복잡하지 않습니다. 그러나 미디어 파일을 사용하여 플러그인을 개발하는 경우이 버튼은 사용자가 기능에 필요한 코드를 삽입하는 데 도움이되지 않습니다. 다행히도, 자신의 미디어 버튼을 추가 할 수 있으므로 원하는대로 할 수 있습니다. 이 튜토리얼에서는 올바른 위치에 미디어 버튼을 추가하는 방법, 사용자가 클릭 할 때 미디어 창을 여는 방법 및 마지막으로 동시에 삽입하기 위해 선택한 항목을 가져 오는 방법을 검토합니다. Visual 및 HTML 편집자 키 테이크 아웃

WordPress 컨텐츠 편집기에 미디어 버튼을 추가하려면 플러그인 또는 테마 파일에 새 기능을 작성하고 기능을 Media_Buttons 작업에 연결하고 기능을 수정하여 올바른 방법으로 버튼을 표시합니다.

사용자가 버튼을 클릭 할 때 미디어 창을 열려면 기본적으로 WordPress에 포함 된 jQuery가있는 JavaScript가 사용됩니다. 여기에는 WordPress 함수에 포함 된 JS 파일을 작성하고 창을 구성하는 것이 포함됩니다. Media Windows 용 WordPress에서 만든 'Select'이벤트를 사용하여 사용자의 선택을 검색 할 수 있습니다. 객관식을 허용하는지 여부에 따라 선택을 저장하는 변수의 사용은 다릅니다. 사용자가 버튼을 누를 때마다 재구성되지 않도록 미디어 버튼을 최적화 할 수 있습니다. 이것은 창이 이미 생성되었는지 확인하여 달성 할 수 있습니다.

미디어 버튼을 추가하십시오 미디어 버튼을 추가하는 것이 가장 먼저 가장 쉬운 부분입니다. WordPress에서 많은 것을 사용자 정의하는 것과 마찬가지로, 우리는 행동을 사용하여 버튼을 올바른 위치에 놓을 것입니다. 플러그인 또는 테마의 전용 파일 (예 : functions.php)에서 새 기능을 작성하여 시작하십시오. 이 튜토리얼에서는 add_my_media_button ()이라는 기능을 사용합니다. 이름에서 알 수 있듯이 WordPress가 미디어 버튼을 표시 할 때 호출되는 조치 인 Media_Buttons 동작에 기능을 연결하십시오.

당신이 상상할 수 있듯이, 우리는 이제 올바른 방법으로 버튼을 표시하기 위해 기능을 수정해야합니다. 우리는 버튼이 기본 버튼과 같은 스타일을 갖기를 원합니다.

미디어 버튼은 실제 버튼이 아니며 버튼의 스타일과 링크되며 WordPress는“ 버튼

”라는이 스타일에 대한 클래스를 제공합니다.

우리는 버튼에 ID를 제공합니다. 그렇게하면 JavaScript에서 나중에 검색 할 수 있습니다.

우리의 커스텀 미디어 버튼이 준비되었습니다 : 올바른 스타일과 거의 올바른 장소가 있습니다. 실제로 기본적으로 새 버튼은 기본 버튼 앞에 배치됩니다. 이후에 배치하려면 기능의 우선 순위를 변경하기 위해 세 번째 인수를 add_action () 호출에 전달하여 가능합니다.실제로 기본 미디어 버튼을 표시하는 함수는 우선 순위가 10입니다. 기능의 값이 낮을 때 버튼이 기본값 앞에 배치됩니다. 우리가 그것을 배치하고 싶다면, 우리는 더 큰 가치를 나타낼 수 있습니다.

그리고 그게 다야! 이제 우리는 버튼을 더 유용하게 만들어야합니다.

<span>add_action('media_buttons', 'add_my_media_button');</span>

미디어 창을 엽니 다 미디어 창을 열려면 기본적으로 WordPress에 포함 된 jQuery와 함께 JavaScript를 사용합니다. 먼저 JS 파일을 만듭니다. 나는 그것을 Media_button.js로 지정하기로 결정했지만 물론, 당신은 자신의 이름을 자유롭게 선택할 수 있습니다.

. javaScript 파일 포함 WordPress에 익숙하다면 CMS에 필요한 JS 파일을 포함시키는 적절한 방법을 제공한다는 것을 알아야합니다. 이를 위해 WordPress 함수 wp_enqueue_script ()를 사용하는 함수를 만듭니다.

보시다시피, 우리는 jQuery를 종속성으로 표시합니다. 마지막 인수 덕분에 바닥 글에 스크립트를 포함시키기로 결정했지만 선호하는 경우 헤더에 넣을 수 있습니다.

. 우리는 WordPress에 필요한 경우에만 스크립트를 포함하도록 요청하기 위해 함수를 만들었습니다. 이를 위해 우리는 또 다른 조치를 사용합니다 : WP_ENQUEUE_MEDIA, WordPress는 미디어 버튼에 필요한 모든 스크립트를 호출 할 때 트리거됩니다.

창을 구성하십시오 jQuery 함수 $ ()를 사용할 수 있으려면 jQuery () 함수에서 Media_Button.js 파일의 내용을 캡슐화합니다. 그런 다음 사용자가 버튼을 클릭 할 때 미디어 창을 열 수있는 새 기능을 만듭니다.

미디어 창은 wp.media 객체의 인스턴스입니다. 생성자는 창에 대한 일부 속성을 포함하는 다른 객체 인 하나의 매개 변수를 인정합니다. 따라서 위의 Open_Media_window_ () 함수에는 다음을 포함 할 수 있습니다

제목 속성은 창의 제목으로 표시됩니다. 조심스럽게, 버튼 속성의 값은 텍스트 속성을 인정하는 객체입니다. 사용자가 클릭하여 선택을 확인하기 위해 클릭하는 버튼의 레이블을 설정합니다. 라이브러리 속성은 WordPress에서 창에 표시된 미디어 파일을 필터링하는 데 사용됩니다. 이 예에서는 이미지 만 선택할 수 있습니다. 또한 사용자는 다중 속성에 대한 잘못된 값 덕분에 둘 이상의 파일을 선택할 수 없습니다. WordPress는 이러한 속성 중 어느 것도 필요하지 않습니다. 그러나 제목을 표시하지 않으면 창은 제목이 없습니다. 기본적으로 다중 속성이 False로 설정되고 표시된 미디어 파일이 필터링되지 않습니다. 미디어 창을 사용하십시오 사용자의 선택을 검색 다음 코드는 위에서 만든 Open_Media_Window () 함수 안에 들어갑니다. 순간, 우리의 창이 구성되지만 열리지 않습니다. 창을 열려면 Open () 메소드를 사용할 수 있지만 이전에는 사용자 선택을 검색 할 수 있습니다.

이렇게하려면 Media Windows : Select for the Media Windows 용 WordPress에서 만든 특수 이벤트를 사용합니다. 이 이벤트에 함수를 첨부하십시오. on () 메소드를 사용해야합니다.

사용자의 선택은 이제 변수 선택에 저장됩니다. 객관식을 허용하는지 여부에 따라이 변수의 사용은 다릅니다.

사용자가 하나의 파일 만 선택할 수 있으면 첫 번째 파일을 검색 할 수 있습니다 () 메소드로 검색 할 수 있습니다. 그런 다음 원하는 정보를 얻으려면 얻은 객체를 JSON으로 변환 할 수 있습니다. 위의 창을 교체하십시오

<span>add_action('media_buttons', 'add_my_media_button');</span>

"미디어 추가"버튼에 문제가있는 경우 사용할 수있는 몇 가지 대안이 있습니다. 한 가지 옵션은‘서버 첨가’플러그인을 사용하여 서버에서 직접 파일을 업로드 할 수 있습니다. 또 다른 옵션은‘드래그 앤 드롭 피고 이미지 이미지’플러그인을 사용하여 이미지를 게시물과 페이지로 끌어 당길 수 있습니다. FTP를 통해 파일을 업로드하기 위해 'FTP의 미디어'플러그인을 사용하여 다른 CMS 플랫폼의 컨텐츠 편집기에 미디어 버튼을 추가 할 수 있습니까? 다른 CMS 플랫폼의 컨텐츠 편집기에 미디어 버튼. 프로세스는 플랫폼에 따라 다를 수 있지만 일반적으로 플랫폼의 API 또는 내장 기능을 사용하여 컨텐츠 편집기에 새 버튼을 추가하는 것이 포함됩니다. 그런 다음 버튼을 클릭 할 때 JavaScript 또는 jQuery를 사용하여 미디어 업 로더를 열 수 있습니다.

컨텐츠 편집기에 여러 미디어 버튼을 추가 할 수 있습니까?

여러 미디어 버튼을 다음에 추가 할 수 있습니다. 테마 functions.php 파일에서 'add_action'함수를 여러 번 사용하여 컨텐츠 편집기. 각 'add_action'함수 호출은 컨텐츠 편집기에 새 버튼을 추가합니다. 그런 다음 'wp_enqueue_media'기능과 'wp.media'객체를 사용하여 각 미디어 업로더에 필요한 스크립트와 스타일을로드 할 수 있습니다.

컨텐츠에서“미디어 추가”버튼을 사용할 수있는 사람을 제한 할 수 있습니까? 편집기?

예, 컨텐츠 편집기에서 "미디어 추가"버튼을 사용할 수있는 사람을 제한 할 수 있습니다. WordPress를 사용하면 웹 사이트에서 다양한 사용자 역할을 수행 할 수있는 작업을 제어 할 수 있습니다. "미디어 추가"버튼을 특정 사용자 역할로 제한하려면 사용자 역할 편집기와 같은 플러그인을 사용하여 사용자 역할 기능을 수정하여 그렇게 할 수 있습니다. "미디어 추가"버튼?

"미디어 추가"버튼을 사용한 후 미디어가 표시되지 않으면 몇 가지 이유가 발생할 수 있습니다. 가장 일반적인 이유는 파일 크기 또는 유형 문제입니다. WordPress는 업로드 할 수있는 파일의 크기와 유형에 제한이 있습니다. 파일이 이러한 제한을 초과하면 게시물이나 페이지에 표시되지 않습니다. 서버의 php.ini 파일을 수정하거나 최대 업로드 파일 크기 증가와 같은 플러그인을 사용하여 이러한 제한을 변경할 수 있습니다. 또 다른 이유는 플러그인 충돌 일 수 있습니다. 일부 플러그인은 미디어 업 로더의 기능을 방해 할 수 있습니다. 이를 해결하려면 모든 플러그인을 비활성화 한 다음 하나씩 재 활성화하여 문제가있는 플러그인을 식별 할 수 있습니다.

위 내용은 WordPress 컨텐츠 편집기에 미디어 버튼을 추가합니다의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!