워드프레스 + Cloudflare R2 연동 세팅 기록 (2026-02)
목적
- 이미지 업로드 부담 최소화
- 블로그 속도 개선
- GitHub/문서/증빙까지 재사용 가능한 구조 만들기
1️⃣ 워드프레스 기본 환경
- 서버: Lightsail (WordPress)
- 테마: GeneratePress
- 목적:
- 기술 기록
- 프로젝트 로그
- 이미지 중심 문서화
📸 세팅 완료된 WP 관리자 화면
[IMAGE: wp-dashboard-initial.png]
2️⃣ Cloudflare R2 계정 생성
- Cloudflare 가입
- R2 메뉴 진입
- Bucket 생성
📸 R2 대시보드 / Bucket 생성 화면
[IMAGE: r2-dashboard-bucket.png]
Bucket 설정 요약
- Public access: 사용
- Object lifecycle: 기본
- 목적: WP 이미지 저장소
3️⃣ R2 API 키 발급
- R2 → API Tokens
- Access Key / Secret Key 생성
📸 R2 API 키 생성 화면
[IMAGE: r2-api-key.png]
📌 이 키는 워드프레스 플러그인에서 사용
4️⃣ 워드프레스 R2 연동 플러그인 설치
설치한 플러그인
- Media Cloud (또는 S3 호환 스토리지 플러그인)
WP 관리자 → 플러그인 → 새로 추가 → 설치
📸 플러그인 설치 화면
[IMAGE: wp-plugin-install-r2.png]
5️⃣ Media Cloud + R2 설정
설정 값
- Storage Provider: S3 Compatible
- Endpoint: Cloudflare R2 Endpoint
- Bucket: 생성한 버킷명
- Access Key / Secret Key: R2에서 발급
📸 Media Cloud 설정 화면
[IMAGE: wp-mediacloud-settings.png]
✅ 테스트 업로드 성공 확인
6️⃣ 썸네일 자동 표시 문제 해결 (중요)
문제
- 글에 이미지는 있는데
- 목록 / 메인에서 썸네일이 안 보임
해결
GeneratePress 설정
외모 → 사용자 정의 → 블로그 → 대표 이미지
☑ 대표 이미지 없으면 본문 첫 이미지 사용
📸 GeneratePress 썸네일 설정 화면
[IMAGE: generatepress-thumbnail.png]
👉 이 설정으로 자동 썸네일 완성
7️⃣ 워드프레스 모바일 앱 테스트
- 목적:
- 현장에서 사진 찍고 바로 업로드
- 이슈:
- 보안 플러그인 / 방화벽 때문에 접속 차단 발생
📸 WP 앱 접속 차단 화면
[IMAGE: wp-app-block.png]
📌 테스트 시에는:
- 방화벽 플러그인 일시 해제
- IP 제한 확인 필요
8️⃣ 스팸 댓글 정리 & 차단
문제
- 스팸 댓글 대량 유입
조치
- Antispam Bee 설치
- 설정:
- 외부 댓글 차단
- 국가 제한
- 즉시 삭제 옵션
📸 Antispam Bee 설정 화면
[IMAGE: antispam-bee.png]
9️⃣ 최종 구조 정리
ChatGPT 질문 + 캡처
↓
워드프레스 포스팅 (이미지 포함)
↓
Cloudflare R2 (이미지 CDN)
↓
GitHub (정리 문서 / 요약 / 증빙)
10️⃣ 이 방식의 장점
- 📸 이미지 중심 기록 가능
- ⚡ 업로드 즉시성
- 📦 R2로 비용 절감
- 📚 GitHub 정리용 원본 확보
- 🧠 ChatGPT 협업 로그로 활용 가능
🔚 마무리
이 포스팅 하나로:
- WP 세팅 기록
- R2 연동 증빙
- 실패/해결 로그
- 향후 자동화 기반