WordPress.com 계정으로 로그인해 사이트의 글·페이지·미디어를 읽고 관리합니다.
WordPress.com에 앱 연결하기
WordPress.com 계정으로 로그인해 앱을 WordPress.com에 연결하고, WordPress.com 사이트의 글·페이지·미디어를 읽고 관리하세요.
WordPress.com은 WordPress 사이트와 블로그를 호스팅합니다. WordPress.com 커넥터를 사용하면 Lovable 앱이 WordPress.com 계정으로 접근할 수 있는 사이트의 글, 페이지, 미디어를 읽고 관리할 수 있습니다. 편집자는 WordPress에서 계속 작업하고 앱은 콘텐츠의 표현 방식과 동작을 결정합니다. WordPress.com 사이트를 기반으로 하는 헤드리스 CMS 앱, 블로그, 마케팅 페이지, 게시 워크플로에 적합합니다.
WordPress.com은 앱 + 채팅 커넥터로 제공됩니다. 하나의 공유 연결이 빌드 중 채팅과 게시된 앱 모두에서 작동합니다.
WordPress.com을 연결하면 앱에서 다음 작업을 할 수 있습니다.
- 사이트의 글, 페이지, 미디어 목록 조회 및 읽기
- 글과 초안 생성 및 업데이트
- 사이트 정보 읽기
- Taxonomy 범위를 추가해 카테고리와 태그 관리
- 편집자가 WordPress에 게시한 콘텐츠로 페이지와 레이아웃 구성
이 커넥터는 WordPress.com에서 호스팅하는 사이트를 위한 것입니다. 직접 호스팅하는 WordPress 사이트에는 WordPress(자체 호스팅) 커넥터를 사용하세요.
주요 활용 사례 및 예시 앱
다음 예시는 WordPress.com으로 만들 수 있는 앱과 시작 프롬프트를 보여줍니다.
| 예시 앱 | 프롬프트 예시 | 설명 |
|---|---|---|
| 마케팅 및 랜딩 페이지 | WordPress.com을 사용해 홈페이지와 주요 섹션이 내 WordPress.com 사이트의 제목, 본문, 이미지를 불러오는 마케팅 사이트를 만들어줘. | CMS 콘텐츠 기반 페이지를 출시합니다. 앱이 WordPress.com에서 글이나 페이지를 가져와 컴포넌트로 렌더링하므로, 편집자가 앱 코드 수정 없이 문구와 미디어를 업데이트할 수 있습니다. |
| 블로그 및 에디토리얼 사이트 | WordPress.com을 사용해 최근 글 목록과 각 글의 본문, 대표 이미지, 요약을 보여주는 블로그를 만들어줘. | WordPress.com 기반 블로그를 운영합니다. 앱이 API에서 글 목록과 상세 보기를 불러오고 WordPress 대시보드의 새 게시물을 반영합니다. |
| 리소스 또는 도움말 센터 | WordPress.com을 사용해 각 문서가 WordPress 페이지이며 검색과 카테고리가 있는 도움말 센터를 만들어줘. | 문서를 WordPress.com에서 한곳에 관리합니다. 앱이 페이지나 글을 조회해 CMS 구조에 맞는 내비게이션과 문서 보기를 구성합니다. |
| 목록형 콘텐츠 | WordPress.com을 사용해 글로 관리하는 항목을 카테고리 필터와 함께 보여주는 카탈로그 페이지를 만들어줘. | WordPress.com의 구조화된 목록을 표시합니다. 앱이 글과 카테고리를 읽어 콘텐츠에 맞는 필터와 카드를 렌더링합니다. |
| 이벤트 및 공지 페이지 | WordPress.com에서 예정된 이벤트를 불러와 날짜순으로 정렬하는 페이지를 만들어줘. | 시간 기반 콘텐츠를 강조합니다. 앱이 이벤트를 나타내는 글이나 페이지를 가져와 WordPress에 저장된 날짜로 정렬합니다. |
| 게시 워크플로 | 누군가 이 양식을 제출하면 내 WordPress.com 사이트에 초안 글을 만드는 폼을 만들어줘. | 제출 내용을 초안으로 바꿉니다. 앱이 API를 통해 콘텐츠를 만들거나 업데이트하고 편집자가 WordPress에서 작업을 마무리할 수 있게 합니다. |
WordPress.com 연결 방법
WordPress.com 연결을 만들 수 있는 사용자는 요금제와 워크스페이스 설정에 따라 다릅니다. 앱 + 채팅 커넥터는 Free, Pro, Business 요금제에서 기본으로 사용할 수 있습니다. Enterprise 요금제에서는 처음에 사실상 비활성화되어 있습니다. 관리자가 Connectors → Admin settings → App + chat connectors에서 변경하기 전까지 연결 및 클라이언트를 만들 수 있는 사용자가 No one으로 설정되기 때문입니다.
서로 다른 WordPress.com 계정이나 범위를 사용하는 연결을 여러 개 만들 수 있습니다. 환경을 분리하거나 한 프로젝트에는 읽기 전용 접근 권한을, 다른 프로젝트에는 게시 권한을 줄 때 유용합니다.
연결을 만든 뒤 WordPress.com을 사용할 프로젝트에 연결할 수 있습니다. 프로젝트에서 빌드하는 사용자는 누구나 채팅에서 Lovable에 해당 프로젝트를 연결해 달라고 요청할 수 있습니다.
사전 준비
WordPress.com을 연결하기 전에 다음을 준비하세요.
- 사용하려는 사이트에 접근할 수 있는 WordPress.com 계정
- Lovable 워크스페이스에서 연결 생성 권한(연결 및 클라이언트를 만들 수 있는 사용자 참고)
이 커넥터를 통한 모든 API 요청은 WordPress.com 계정으로 실행됩니다. WordPress.com 요금제, 사용량 제한, 결제는 Lovable이 아니라 WordPress.com에서 직접 처리합니다.
WordPress.com 연결 설정하기
WordPress.com 계정으로 Lovable을 승인합니다. API 키나 별도의 애플리케이션은 필요하지 않습니다.
Connectors에서 WordPress.com 열기
Connectors를 열고 WordPress.com을 선택합니다. 카탈로그를 여는 다른 방법은 커넥터를 찾는 위치를 참고하세요.
연결 추가하기
Add connection을 클릭합니다.
연결 이름 지정하기
Display name에 연결 이름을 입력합니다(예: WordPress.com Marketing). 이 이름은 Lovable 안에서 연결을 식별하는 데만 사용됩니다.
범위 검토하기(선택 사항)
Scopes에서 연결이 요청하는 권한을 검토합니다. Posts는 항상 포함되며 Media, Sites, User는 기본으로 선택됩니다.
| 범위 | 설명 | 기본값 |
|---|---|---|
Posts (posts) | 글 보기 및 관리 | 필수 |
Media (media) | 미디어 라이브러리 자산 관리 | 켜짐 |
Sites (sites) | 일반 사이트 정보 및 옵션 보기 | 켜짐 |
Comments (comments) | 댓글 보기 및 관리 | 꺼짐 |
Stats (stats) | 사이트 통계 보기 | 꺼짐 |
Taxonomy (taxonomy) | 분류 용어 관리 | 꺼짐 |
User (users) | 사용자 정보 보기 | 켜짐 |
Batch (batch) | 여러 리소스에 일괄 작업 수행 | 꺼짐 |
앱에 필요한 범위만 선택하세요. 나중에 범위를 추가하려면 연결을 편집하고 Scopes에서 선택한 다음 다시 연결합니다. 전체 범위 문서는 WordPress.com OAuth2 범위를 참고하세요.
이 연결을 사용할 수 있는 사람 선택
Sharing 아래에서 연결은 기본적으로 본인에게만 공개되며 Private 라벨이 표시됩니다. 공유하려면 Share with others를 클릭합니다. 그런 다음 이메일로 워크스페이스 멤버를 추가하거나 Invite entire workspace를 클릭해 Lovable 워크스페이스의 모든 사용자가 연결을 사용할 수 있게 합니다.
자세한 내용은 연결 및 클라이언트를 사용할 수 있는 사용자를 참고하세요.
WordPress.com에 연결하고 승인하기
Connect를 클릭합니다. WordPress.com 승인 창이 열리므로 브라우저가 팝업을 차단하지 않는지 확인하세요. 팝업이 차단되면 Lovable이 대신 페이지를 리디렉션합니다.
요청을 받으면 WordPress.com에 로그인하고 요청된 권한을 검토한 뒤 앱을 승인합니다.
완료되면 확인 메시지와 함께 Lovable로 돌아옵니다.
연결이 완료되면 프로젝트에서 빌드하는 사용자는 누구나 채팅에서 Lovable에 프로젝트를 WordPress.com과 연결해 달라고 요청할 수 있습니다(구성된 연결 수준 접근 권한에 따름). 그러면 Lovable 앱이 WordPress.com 계정으로 접근할 수 있는 사이트의 콘텐츠를 읽고 관리할 수 있습니다. 요청은 Lovable의 커넥터 게이트웨이를 거치므로 WordPress.com 토큰은 프로젝트에 들어가지 않습니다.
자세한 내용은 WordPress.com 문서를 참고하세요: WordPress.com REST API.
여러 사이트에서 작업하기
연결은 로그인한 WordPress.com 계정에 귀속되며 해당 계정이 접근할 수 있는 모든 사이트에 연결됩니다. Lovable에 요청할 때는 작업할 사이트를 지정하세요. 예를 들면 “myblog.wordpress.com에서 최신 글 5개를 불러와 줘”라고 할 수 있습니다. Lovable은 방문자에게 사이트를 선택하게 하지 않고 앱의 백엔드 코드에 선택한 사이트를 유지합니다. 사이트가 보이지 않는다면 해당 사이트를 소유한 WordPress.com 계정으로 승인했는지, 요청된 권한을 승인했는지 확인하세요.
제한 사항
WordPress.com 커넥터는 다음 작업을 할 수 없습니다.
- 사이트 유형과 권한에 대해 WordPress.com API가 노출하지 않는 작업은 수행할 수 없습니다. WordPress.com 대시보드에서는 되지만 앱에서는 되지 않는 작업이 있다면 해당 사이트에서 API로 사용할 수 있는 작업인지 확인하세요.
- WordPress.com 웹훅이나 게시 이벤트를 수신할 수 없습니다.
- 최종 사용자별 WordPress.com 로그인을 지원하지 않습니다. 각 연결은 연결된 모든 프로젝트가 공유하는 WordPress.com 계정 하나를 나타냅니다.
WordPress.com에서 승인을 취소했다면 API 호출을 다시 사용하기 전에 Lovable에서 연결을 다시 설정하세요.
WordPress.com 연결 관리
연결은 Connectors에서 관리합니다. **WordPress.com**을 선택한 다음 연결을 여세요.
- Unlink projects를 사용하면 다른 프로젝트에서 연결을 계속 사용할 수 있도록 유지하면서 특정 프로젝트의 WordPress.com 접근 권한만 제거할 수 있습니다. 단계별 절차는 연결에서 프로젝트 연결 해제를 참고하세요.
- Delete the connection을 사용하면 워크스페이스에서 연결을 완전히 제거할 수 있습니다. 삭제는 영구적입니다. 연결된 모든 프로젝트에서 자격 증명이 제거되고, WordPress.com을 사용하는 앱 기능은 새 연결을 추가할 때까지 작동하지 않습니다. 단계와 삭제 권한은 연결 삭제를 참고하세요.