워드프레스 REST API, Underscore.js 자바스크립트 템플릿, 코멘트 Ajax Load More

워드프레스 REST API, Underscore.js 자바스크립트 템플릿, 코멘트 Ajax Load More

워드프레스 REST API, 자바스크립트 템플릿으로 구성한 지난 과정의 이미지 포스트 ‘더보기’에 이어 이번에는 코멘트 ‘더보기’를 구성합니다. 포스트 ‘더보기’와 구성 방식은 같습니다. 현재 예제에는 구성 과정에서 확인할 수 있는 코멘트 데이터가 없으므로 일정 코멘트를 코드로 한꺼번에 등록합니다. 코멘트 등록 함수로 코멘트 … 더보기 “워드프레스 REST API, Underscore.js 자바스크립트 템플릿, 코멘트 Ajax Load More”

워드프레스 REST API, Underscore.js 자바스크립트 템플릿, 포스트 Ajax Load More

워드프레스 REST API, Underscore.js 자바스크립트 템플릿, 포스트 Ajax Load More

워드프레스를 포함한 대부분 사이트에서 ‘더보기(Ajax Load More)’는 페이지 이동 없이 지정한 개수의 포스트를 로드하는 것을 말하며, 통용되는 명칭은 아닙니다. 보통 Ajax 통신의 JSON 데이터 포맷을 사용하므로 워드프레스 REST API를 사용하면 적합합니다. 예제 사이트에서 ‘더보기’ 기능은 ‘Infinite Scroll’로 부르는 스크롤 방식이 … 더보기 “워드프레스 REST API, Underscore.js 자바스크립트 템플릿, 포스트 Ajax Load More”

워드프레스 REST API 커스텀 라우트 및 엔드포인트

워드프레스 REST API 커스텀 라우트 및 엔드포인트

예제 사이트의 ‘발자국’ 페이지는 이미지 포스트의 _location 커스텀 필드 메타 데이터의 위도와 경도, 섬네일 이미지와 이미지 포스트 URL을 사용하여 구글 지도 마커와 인포 윈도를 출력하고 있습니다. 위도와 경도 및 섬네일 이미지 URL 데이터는 이미지를 업로드할 때 _wp_attachment_metadata 메타 데이터 필드에 … 더보기 “워드프레스 REST API 커스텀 라우트 및 엔드포인트”

워드프레스 REST API 응답에 커스텀 필드 추가

워드프레스 REST API 응답에 커스텀 필드 추가

워드프레스 REST API 기본에 관하여 지난 과정에서 살펴봤습니다. 이번 장에서는 예제의 주요 콘텐츠인 attachment 포스트 타입의 이미지 콘텐츠 ‘더보기’ 구현에 필요한 메타 데이터를 REST API 응답에 추가합니다. 이번 장을 포함하여 워드프레스 REST API를 사용한 예제 구성은 넓은 범주의 흐름만 읽기 … 더보기 “워드프레스 REST API 응답에 커스텀 필드 추가”