WordPress.com에 앱 연결하기
WordPress.com을 헤드리스 CMS로 사용하세요. 앱 UI에 글, 페이지, 미디어를 가져오고, 안전한 OAuth 연결을 통해 콘텐츠를 발행하거나 업데이트하는 워크플로를 구축할 수 있습니다.
WordPress.com은 헤드리스 CMS로 활용할 수 있습니다. 편집자는 WordPress에서 글, 페이지, 미디어를 관리하고, Lovable 앱은 API로 콘텐츠를 가져와서 표현 방식과 동작을 결정합니다. WordPress 앱 커넥터는 WordPress.com 계정으로 로그인한 뒤, 앱이 사용자 대신 WordPress.com API를 호출할 수 있게 해줍니다.
WordPress를 연결하면 앱은 다음 작업이 가능합니다:
- WordPress에서 콘텐츠 로드 — 계정이 접근 가능한 글, 페이지, 관련 필드 조회 및 읽기
- CMS 콘텐츠 기반 동적 페이지/레이아웃 구축 — 코드에 텍스트를 하드코딩하지 않음
- 블로그, 마케팅 섹션, 리소스 페이지 표시 — 편집자가 WordPress에서 발행하면 자동 반영
- WordPress 콘텐츠와 앱의 나머지 데이터 결합 — 예: 선택한 글을 자체 데이터와 함께 동기화하거나 표시
- 발행 워크플로 자동화 — 예: 채팅으로 지시하여 초안 생성이나 업데이트(사이트 API가 허용하는 범위 내)
이 통합은 WordPress.com 전용이며, 자체 호스팅 WordPress는 지원하지 않습니다.
주요 활용 사례 및 예시 앱
| 예시 앱 | 프롬프트 예시 | 설명 |
|---|---|---|
| 마케팅/랜딩 페이지 | WordPress를 사용해서 홈페이지와 주요 섹션이 내 WordPress 사이트의 제목, 본문, 이미지를 불러오는 마케팅 사이트를 만들어줘. | CMS 콘텐츠 기반 페이지 출시. 앱이 WordPress에서 글이나 페이지를 가져와 컴포넌트로 렌더링하므로, 편집자가 앱 코드 수정 없이 텍스트와 미디어를 업데이트할 수 있습니다. |
| 블로그/에디토리얼 사이트 | WordPress를 사용해서 최근 글 목록과 각 글의 본문, 대표 이미지, 요약을 보여주는 블로그를 만들어줘. | WordPress 기반 블로그 운영. 앱이 API로 글 목록과 상세 뷰를 로드하며, WordPress 대시보드의 새 발행이 반영됩니다. |
| 리소스/헬프 센터 | WordPress를 사용해서 각 문서가 WordPress 페이지이며 검색과 카테고리가 있는 헬프 센터를 만들어줘. | 문서를 WordPress에 집중. 앱이 페이지나 글을 조회하여 CMS 구조에 맞는 내비게이션과 문서 뷰를 구성합니다. |
| 상품/리스팅 콘텐츠 | WordPress를 사용해서 글(혹은 커스텀 콘텐츠)로 관리하는 항목을 필터와 함께 보여주는 카탈로그 페이지를 만들어줘. | WordPress 구조화 리스팅. 앱이 API가 노출하는 항목과 필드를 읽어 콘텐츠 모델에 맞는 필터와 카드를 렌더링합니다. |
| 이벤트/공지 페이지 | WordPress에서 예정된 이벤트를 불러와 날짜순으로 정렬하는 페이지를 만들어줘. | 시간 기반 콘텐츠 강조. 이벤트를 나타내는 글/페이지를 가져와 WordPress에 저장된 날짜로 정렬합니다. |
| 편집/발행 워크플로 | 이 폼을 제출하면 내가 입력한 제목과 본문으로 WordPress에 초안 글을 만들어줘. | 폼 제출을 초안으로 변환. API로 콘텐츠를 생성/업데이트하여 편집자가 WordPress에서 마무리할 수 있게 합니다. |
정확한 기능은 Lovable에 요청한 내용, WordPress.com 사용자가 접근 가능한 사이트, 연결 시 승인한 권한에 따라 달라집니다.
WordPress 연결 방식
- 하나의 연결은 로그인을 완료한 WordPress.com 사용자에 귀속됩니다.
- 해당 사용자의 보이는 사이트 및 허용된 작업은 WordPress.com 규칙과 인증 시 부여된 scope를 따릅니다.
- 여러 연결을 만들 수 있습니다(예: 별도 계정, 환경). 워크스페이스 설정에 따라 다른 프로젝트를 다른 연결에 링크할 수 있습니다.
프로젝트가 WordPress를 필요로 하면, 설정에 따라 Lovable이 해당 프로젝트에서 통합을 허용/거부하라고 물어볼 수 있습니다.
WordPress.com 연결하기
워크스페이스 admin 또는 owner가 WordPress를 연결할 수 있습니다.
연결이 생성되면 해당 워크스페이스의 모든 프로젝트에서 WordPress.com을 사용할 수 있습니다.
사전 준비
- 대상 사이트에 접근 가능한 WordPress.com 계정
- Lovable 워크스페이스 admin 또는 owner 권한
WordPress 연결 설정
WordPress 커넥터 열기
Connectors → App connectors에서 WordPress.com을 선택합니다.
연결 추가
Add connection을 클릭합니다.
연결 이름 지정
Display name에 명확한 이름을 입력합니다(예: WordPress Marketing, WordPress Staging).
WordPress.com 연결
Connect(또는 해당 작업)를 클릭하면 WordPress.com 인증 창이 열립니다. 로그인하고 필요 시 계정을 선택한 뒤 요청된 접근 권한을 검토하고 승인합니다. Lovable로 돌아오면 연결이 활성 상태로 표시되어야 합니다.
연결되면 이 연결 사용이 허용된 프로젝트는 빌드 중과 발행 후 모두 Lovable 게이트웨이를 통해 WordPress.com을 호출할 수 있습니다.
프로젝트에서 WordPress 사용
채팅에서 자연어로 원하는 내용을 설명하고, 필요한 경우 WordPress를 언급하세요.
예시:
WordPress를 CMS로 사용해줘. 내 사이트에서 가장 최근 글 5개를 불러와서 홈페이지에 제목, 날짜, 요약, 링크를 보여줘.FAQ
제한 사항 및 트러블슈팅
기본 API 개념과 엔드포인트는 WordPress.com 개발자 문서를 참고하세요. Lovable은 커넥터를 통해 접근을 제공하며, 문서화된 모든 엔드포인트를 모든 프로젝트에서 사용하지는 않습니다.
- API 커버리지는 WordPress.com, 사이트 유형, 연결 시 부여한 권한에 따라 달라집니다. 모든 WordPress 관리 작업이 API로 제공되지는 않습니다.
- 게이트웨이 제한은 커넥터와 프로젝트별로 게이트웨이 기반 커넥터에 설명된 대로 적용됩니다.
- WordPress.com 대시보드에서는 되지만 앱에서는 안 된다면, 해당 작업이 사이트와 계정에 API로 노출되는지 확인하세요.
WordPress.com 연결에서 프로젝트 연결 해제
Editor 이상 권한을 가진 사용자는 연결 자체를 삭제하지 않고 특정 프로젝트만 연결 해제할 수 있습니다. 연결은 다른 프로젝트에서 계속 사용할 수 있습니다.
연결 해제 방법:
Connectors 열기
Connectors → App connectors에서 **WordPress.com**를 선택합니다.
연결 열기
관리할 연결을 엽니다.
프로젝트 선택
Linked projects에서 연결 해제할 프로젝트를 선택합니다.
확인
Unlink projects를 클릭하고 확인합니다.
연결 해제 후 해당 프로젝트는 이 연결을 통해 WordPress.com에 접근할 수 없습니다. 필요하면 다른 연결로 다시 연결할 수 있습니다.
WordPress.com 연결 삭제
워크스페이스 admin 또는 owner가 WordPress.com 연결을 삭제할 수 있습니다.
연결 삭제는 영구적이며 되돌릴 수 없습니다. 연결된 모든 프로젝트에서 자격 증명이 제거되며, 새 연결을 만들기 전까지 이 연결을 사용하던 앱은 동작을 멈춥니다.
삭제 전에 Linked projects 섹션에서 현재 이 연결을 사용 중인 프로젝트를 먼저 확인하세요.
삭제 방법:
Connectors 열기
Connectors → App connectors에서 **WordPress.com**를 선택합니다.
연결 열기
삭제할 연결을 엽니다.
연결된 프로젝트 확인
Linked projects 섹션을 확인합니다.
삭제
Delete this connection에서 Delete를 클릭하고 확인합니다.