균형

크롬 브라우저에서 워드프레스 및 웹사이트 이미지 질이 떨어지며 흐린 현상

크롬 브라우저에서 웹사이트의 이미지를 보면 질이 떨어진 때를 볼 수 있습니다. 보통 이미지가 흐려진(blurry) 것으로 보입니다. 일부러 이미지 질을 낮추지 않아도 그럴 때가 있으며, 원본 사이즈도 어떤 때는 흐려지지 않는데 어떤 때는 흐리게 보입니다. 반응형으로 이미지 사이즈가 축소된 때에는 대부분 … 더보기 “크롬 브라우저에서 워드프레스 및 웹사이트 이미지 질이 떨어지며 흐린 현상”

워드프레스 REST API 인증과 제한 및 제어

워드프레스 REST API 인증과 제한 및 제어

REST API 개요에서 언제나 등장하는 것 중 하나는 인증(Authentication)입니다. 시스템 외부의 데이터 요청 및 교환 요구를 제어하지 않고 제공하는 것은 내부 보안 수준을 낮추는 것과 같습니다. 결국, 인증은 보안을 위한 것이며, 보안과 같습니다. 한 번 정도 간략하게 확인하는 정도로 이어갑니다. … 더보기 “워드프레스 REST API 인증과 제한 및 제어”

워드프레스 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 커스텀 엔드포인트로 구글 클러스터 지도 마커와 인포 윈도 표시

지난 과정에서 추가한 커스텀 엔드포인트로 ‘발자국’ 페이지의 구글 지도 마커와 인포 윈도를 표시합니다. 먼저, 다음 3개의 파일을 편집기로 엽니다. inc/enqueue-script.php inc/header-footer.php page-templates/trace-page.php 바로 코드를 추가하여 변경합니다. jQuery Ajax 워드프레스 REST API Request 편집기에 열린 trace-page.php 파일에서 대략 41번 줄에서 57번 … 더보기 “워드프레스 REST API 커스텀 엔드포인트로 구글 클러스터 지도 마커와 인포 윈도 표시”

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

워드프레스 REST API 이해

워드프레스 REST API 간략 이해

워드프레스는 적어도 이 글을 작성한 때 기준에서 PHP 언어 의존도가 높은 시스템으로 자바스크립트JavaScript 사용 비율이 상대적으로 낮습니다. 이것은 콘텐츠 소비 환경 변화에 대응하기 위한 웹 및 응용프로그램 개발에 한계를 가집니다. 한계는, 나쁘다는 뜻보다 워드프레스가 아닌 외부 응용프로그램 또는 내부에서 워드프레스 … 더보기 “워드프레스 REST API 간략 이해”

워드프레스 대시보드 위젯

워드프레스 대시보드 위젯 추가

워드프레스 대시보드(알림판)를 변경한다는 것은 보통 대시보드의 위젯을 변경한다는 것으로 삭제나 추가의 뜻입니다. 기본 제공 대시보드 위젯은 예제 사이트에서 출력되지 않는데, 예제 테마를 제공할 때 다음 코드를 추가하였습니다. // default-functions.php unset( $wp_meta_boxes[‘dashboard’][‘normal’][‘high’][‘dashboard_browser_nag’], $wp_meta_boxes[‘dashboard’][‘normal’][‘core’][‘dashboard_activity’] ); remove_meta_box(‘dashboard_right_now’, ‘dashboard’, ‘normal’); // Right Now remove_meta_box(‘dashboard_recent_comments’, … 더보기 “워드프레스 대시보드 위젯 추가”

간단한 워드프레스 코멘트 폼 수정

간단한 워드프레스 코멘트 폼 수정

예제는 언더스코어 베이스 테마를 생성하여 스타일과 템플릿 파일을 추가하고 편집하여 지금까지 구성해왔는데, 아직 다듬지 않은 한 가지는 코멘트 템플릿입니다. 워드프레스는 다른 구성 요소와 마찬가지로 코멘트의 폼, 목록, 페이지 내비게이션의 출력과 코멘트 기능까지도 사용자가 변경할 수 있도록 다양한 API를 제공합니다. 그러나, … 더보기 “간단한 워드프레스 코멘트 폼 수정”