워드프레스 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 응답에 커스텀 필드 추가”

커스텀 포스트 타입의 싱글 페이지

커스텀 포스트 타입의 싱글 페이지

예제의 ‘앨범’은, ‘특정 포스트에 첨부되지 않은’ 이미지를 운영자가 특정 주제(제목)로 묶어 하나의 포스트로 제공하는 가상의 콘텐츠라는 것을 앞에서 말했습니다. ‘특정 포스트에 첨부되지 않은’의 뜻은 데이터베이스 _posts 테이블의 post_parent 필드의 값이 ‘0’이라는 것으로, 예제의 핵심 콘텐츠인 attachment 이미지 포스트의 기준이며, 여러 … 더보기 “커스텀 포스트 타입의 싱글 페이지”

구글 지도에 표시하는 사진 촬영 위치

구글 지도에 표시하는 사진 촬영 위치

워드프레스에 원본 이미지를 업로드할 때 위도와 경도 데이터가 있다면 이미지 메타 데이터로 저장하도록 지난 과정에서 설정하였습니다. 또, 위도와 경도의 GPS 데이터를 십진수 포맷으로 변환하여 저장하도록 처리하였습니다. 이 변환한 GPS 데이터를 싱글 이미지 포스트 페이지에 구글 지도를 사용하여 표시하는 것이 이번 … 더보기 “구글 지도에 표시하는 사진 촬영 위치”

사진의 EXIF 데이터 출력

워드프레스 사진의 EXIF 데이터 출력

이번 장에서는 워드프레스 이미지 메타 데이터로 저장된 원본 사진(이미지)의 EXIF 데이터를 출력합니다. EXIF 데이터는 앞에서 여러 번 나온 내용으로 지난 과정을 계속 이어서 진행했다면 쉽게 처리할 수 있습니다. 다음 그림은 이번 장의 결과입니다. 마크업 다음 html 코드는 EXIF 데이터 출력을 … 더보기 “워드프레스 사진의 EXIF 데이터 출력”

워드프레스 폼 요소로 원하는 이미지 사이즈 다운로드

워드프레스 폼 요소로 원하는 이미지 사이즈 다운로드

이번 장에서는 싱글 이미지 포스트 페이지에 출력한 사이즈별 이미지 중 로그인 회원에 제한하여 선택한 사이즈의 이미지를 다운로드할 수 있도록 처리합니다. 다운로드에 필요한 폼 데이터 다음은 테마 루트 template-parts/pic/pic-single-side.php 파일에서 폼 블록의 소스를 분리하여 다운로드에 필요한 데이터와 폼 액션을 파악하고 설명하기 … 더보기 “워드프레스 폼 요소로 원하는 이미지 사이즈 다운로드”

워드프레스 이미지 사이즈별 데이터 출력

워드프레스 이미지 사이즈별 데이터 출력

앞의 그림은 이번 장에서 구성할 최종 화면입니다. 싱글 이미지 포스트의 이미지 사이즈 명칭별 사이즈, 확장자, 용량을 출력하는데, 원본 이미지 사이즈 데이터를 추가하고 이미지 사이즈 중 ‘thumbnail’은 제외합니다. 다운로드는 다음 장에서 처리합니다. 다음 코드는 이번 장에서 구성할 목표의 기본 마크업으로 테마 … 더보기 “워드프레스 이미지 사이즈별 데이터 출력”

이미지 메타 데이터를 워드프레스 분류와 필드 데이터에 저장

이미지 메타 데이터를 워드프레스 분류와 필드 데이터에 저장

커스텀 분류를 정의하여 워드프레스 attachment 포스트 타입에 사용하는 방법을 앞 장에서 살펴봤습니다. 이미지를 업로드하고 미디어 편집 화면에서 이미지 성질에 맞는 분류를 선택 또는 추가한 다음 선택 후 이미지 포스트를 저장하면 됩니다. 이때 많은 이미지를 한꺼번에 올린다면 각 이미지 포스트의 분류를 … 더보기 “이미지 메타 데이터를 워드프레스 분류와 필드 데이터에 저장”

워드프레스 이미지 메타 데이터

워드프레스 이미지 메타 데이터

워드프레스 템플릿 구조에 맞춰 image.php 파일을 만들어 그 파일을 이미지 포스트를 출력하는 템플릿 파일로 앞 장에서 구성하였습니다. 지금부터는 하나의 이미지가 가진 ‘워드프레스 메타 데이터’를 이미지 포스트에 직접 출력하거나 활용하여 완전한 싱글 이미지 포스트 페이지를 구성합니다. 예제의 모든 과정에서 가장 핵심이자 … 더보기 “워드프레스 이미지 메타 데이터”