내용

단축 코드를 사용하여 WordPress에 데이터 표시

우리는 타사 API를 WordPress 사이트에 연결해야 하고 API의 데이터를 WordPress 사이트에 표시해야 하는 상황을 자주 겪습니다. 기본적으로 WordPress에서는 외부 API에 연결하고 프런트엔드에 데이터를 동적으로 표시하는 기능을 제공하지 않습니다. 하지만 잠깐만요. 우리는 귀하의 문제를 극복할 수 있는 해결책을 가지고 있습니다.

WordPress용 사용자 정의 API를 사용하면 외부 API에서 데이터를 가져와 WordPress 데이터베이스에 저장하지 않고 WordPress 사이트에 직접 표시함으로써 WordPress 웹 사이트에 API 응답을 실시간으로 표시하는 작업이 쉬워집니다. 철저한 설정 가이드와 사용하기 쉬운 사용자 인터페이스가 함께 제공됩니다.

WORDPRESS 플러그인용 CUSTOM API를 사용하여 단축 코드를 사용하여 외부 API의 데이터를 WordPress 프런트엔드에 표시하는 방법을 살펴보겠습니다. 데이터는 외부 제XNUMX자 서버에서 선택되며 동적으로 단축 코드를 사용하여 HTML 테이블 요소에 표시됩니다. 시간을 낭비하지 않고 바로 사용 사례를 살펴보겠습니다.

WordPress 사이트가 있고 WordPress 프런트엔드에 표시해야 하는 외부 API에서 데이터를 가져오고 있다고 가정해 보겠습니다. WORDPRESS 플러그인용 CUSTOM API는 단축 코드를 사용하여 WORDPRESS FRONTEND에 데이터를 표시하는 기능을 제공하므로 사용할 수 있습니다.

또한 귀하의 웹사이트 스타일과 선택에 따라 수신 데이터의 스타일을 지정하기 위해 사용자 정의 HTML, CSS 및 JavaScript를 추가하는 기능도 제공합니다.

WordPress용 맞춤형 API

작성자: miniOrange

WordPress 플러그인용 사용자 정의 API를 사용하면 WordPress API/사용자 정의 엔드포인트/REST API를 생성할 수 있습니다. 사용하기 쉬운 그래픽 인터페이스를 통해 데이터를 가져오기/수정/생성/삭제할 수 있습니다.

현장 사진

WordPress용 miniOrange Custom API를 사용하여 WordPress 프런트엔드에 들어오는 데이터를 표시하는 방법을 살펴보겠습니다.

고객 문의:

수신한 데이터를 프런트엔드로 어떻게 만들 수 있으며, 사용자가 페이지를 로드할 때마다 데이터가 표시되는 API 호출을 실행할 수 있습니까?

WordPress용 사용자 정의 API

By 미니오렌지

(11)

이 플러그인 받기

다운로드 및 설치

WordPress 플러그인용 Custom API의 Enterprise 버전이 필요합니다.
miniOrange 계정이 필요합니다.
또한 WordPress에 관리자로 로그인해야 합니다.

WordPress에 관리자로 로그인합니다.
WordPress용 Custom API의 Enterprise 버전을 업로드하고 활성화하세요. 다음 플러그인 대시보드가 표시됩니다.

We Buy Orders 신청서를 클릭하세요. 외부 API에 연결 탭. 필수 API 세부정보를 입력하고 다음을 클릭하세요. 찜하기 단추. 이렇게 하면 구성된 외부 API가 저장되고 실행하다 버튼을 클릭합니다.

연결에 성공하면 API 응답을 표시하는 응답 테이블이 포함된 팝업이 표시됩니다. (브라우저 팝업이 활성화되어 있는지 확인하세요.)

WordPress 프런트엔드에 데이터를 표시하려면 팝업을 닫고 다음으로 이동하세요. 저장된 외부 API 탭을 클릭하십시오. 편집 버튼을 클릭합니다.

를 클릭하십시오 고급 설정 버튼을 클릭합니다.

HTML, CSS, JavaScript를 직접 작성할 수 있는 다음 화면이 표시됩니다.

참조 키 5단계에서 볼 수 있는 API 응답 내부의 데이터가 어디에 있는지 의미합니다(5단계의 스크린샷 확인). "."만 바꾸면 됩니다. "->"로. 또한 변수를 ## 8단계에서 볼 수 있듯이 루프 데이터가 반복되는 경우 옵션을 선택하고 그렇지 않으면 선택하세요. Fixed 데이터가 반복되지 않는 경우.
이 단계를 완료한 후 구성을 저장하고 원하는 페이지로 이동하여 다음과 같이 단축 코드를 입력할 수 있습니다. [mo_custom_api_shortcode api="테스트"] 어디에 test 구성된 API의 이름입니다. 플러그인에서 구성한 내용에 따라 API 이름을 변경해야 합니다.
모든 것이 올바르게 완료되면 페이지를 방문하여 출력을 확인할 수 있습니다. 아래는 우리의 출력입니다. 테스트 API.