워드프레스 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”

워드프레스 분류 데이터 쿼리 클래스, WP_Term_Query

워드프레스 분류 데이터 쿼리 클래스, WP_Term_Query

다음 그림은 예제의 검색 폼으로 미디어 종류는 분류 ‘mediacat’의 term 이름을 라디오 버튼으로, 카테고리는 분류 ‘photocat’의 term 이름을 드롭다운 목록으로 출력한 것입니다. 두 분류의 term 출력에 사용한 워드프레스 함수는 다음과 같은데, 분류 photocat의 term 출력에 사용한 wp_dropdown_categories 함수는 내부적으로 get_terms … 더보기 “워드프레스 분류 데이터 쿼리 클래스, WP_Term_Query”

운기조식

워드프레스 커스텀 검색 – 검색 폼과 쿼리 데이터

지난 과정에 이어 이번 장에서도 예제의 워드프레스 커스텀 검색 기능을 구성합니다. 실제, 커스텀 검색 기능은 지난 과정으로 완료되었습니다. 이번 장의 내용이 검색 기능 자체에 꼭 필요하다고 볼 수 없다는 뜻입니다. 그러나, 검색 폼의 분류 데이터 등, 직접 마크업으로 구성한 검색 … 더보기 “워드프레스 커스텀 검색 – 검색 폼과 쿼리 데이터”

워드프레스 커스텀 검색 – 쿼리 변수

워드프레스 커스텀 검색 – 쿼리 변수

지난 과정까지의 결과로 예제의 모든 이미지 포스트 아카이브 관련 페이지에는 이미지 포스트가 출력됩니다. 검색 결과 페이지도 그중 하나입니다. 이미지 포스트는 ‘attachment’ 포스트 타입으로, 워드프레스 기본 상태에서는 해당 타입의 포스트가 아카이브에 출력되지 않아 ‘메인 쿼리’에 이 타입을 추가하여 출력하였습니다. 구성할 예제 … 더보기 “워드프레스 커스텀 검색 – 쿼리 변수”