워드프레스 자동화 5편 : 썸네일 생성 및 업로드

이전 글에서 우리는 ChatGPT를 이용해 블로그 본문과 제목을 자동 생성하는 과정을 완성했습니다.
이제 마지막 퍼즐 조각인 썸네일(대표 이미지) 를 AI로 자동 생성해 보겠습니다.

워드프레스 글에서 썸네일은 독자의 첫인상과 클릭률(CTR)을 좌우하는 핵심 요소입니다.
이번 단계에서는 OpenAI의 이미지 생성 모델인 DALL·E 3 를 활용해 ChatGPT가 만든 제목을 기반으로 자동 썸네일을 제작하고,

그 이미지를 워드프레스에 자동 업로드(Featured Media) 하는 과정을 실습해보겠습니다.

🧩 이번 단계의 전체 흐름

1. ChatGPT 모듈에서 생성된 제목을 입력으로 사용
2. OpenAI (DALL·E 3) 모듈로 이미지 생성
3. 워드프레스에 이미지 자동 업로드 (Media Item 생성)
4. 이미지 ID를 포스트에 연결 (Featured Image 설정)

1️⃣ DALL·E 3 모듈 추가

먼저 Make에서 DALL·E 3 모듈을 추가합니다.

1. 이전 단계(제목 생성 모듈) 오른쪽의 + 버튼을 클릭
2. 검색창에 “OpenAI” 입력
3. 모듈 중 “Generate an Image” 선택
4. Connection 항목은 이전에 연결했던 OpenAI API를 그대로 사용

✅ 이 모듈은 OpenAI의 이미지 생성 엔진인 DALL·E 3를 이용합니다.

---

2️⃣ 프롬프트 설정

이제 DALL·E 3에게 이미지를 생성하라는 지시를 내릴 프롬프트를 설정합니다.

• Prompt 내용 예시:
• Create an image that fits the following blog title:
  {{제목 생성 모듈 → Choices → Message → Content}}
• The image should be clean, modern, and visually engaging. Avoid text, logos, or faces.

여기서 {{제목 생성 모듈 → Message → Content}} 는
이전 단계에서 ChatGPT가 생성한 제목 결과를 불러오는 항목입니다.

💡 프롬프트 팁:

• “Avoid text” 문구를 반드시 넣어야 이미지 내 불필요한 글자가 포함되지 않습니다.
• 블로그 분위기에 맞게 “modern”, “minimal”, “flat illustration”, “soft color palette” 등 스타일을 추가하면 좋습니다.

3️⃣ 이미지 크기 및 옵션 설정

이미지의 크기와 출력 형식을 지정합니다.

• Size: 1792×1024 (가로형 블로그 배너에 최적화)
• Response Format: Image File
• Number of images: 1
• Image Quality: Standard

⚠️ 기본값이 “URL”로 되어 있으면, 이후 워드프레스 업로드 단계에서 오류가 발생합니다.
반드시 “Image File” 을 선택하세요.

4️⃣ DALL·E 3 모듈 테스트

설정이 완료되면 하단의 “Run once” 버튼을 눌러 테스트를 실행합니다.
성공 시, 초록색 체크가 뜨고 결과 목록에서 다음을 확인할 수 있습니다.

• 생성된 이미지 파일 데이터
• 이미지 파일 이름
• Base64 인코딩된 이미지 파일 내용

Make 내부에서 이미지를 미리 볼 수도 있습니다.

5️⃣ 워드프레스와 연결 준비

이미지가 정상적으로 생성되었다면,
이제 워드프레스에 자동으로 업로드하는 과정을 설정합니다.

(1) 워드프레스 플러그인 설치

1. 워드프레스 관리자 페이지 접속
2. 플러그인 → 새로 추가 → “Make Connector” 검색
3. 플러그인 설치 후 활성화
4. 설정 → Make Connector → API Key 생성
5. 생성된 키를 복사

(2) Make에서 워드프레스 연결

1. DALL·E 3 모듈 오른쪽의 + 버튼 클릭
2. “WordPress” 검색
3. 모듈 중 “Create a Media Item” 선택
4. Connection → Add 클릭
5. 아래 정보를 입력
   • WordPress REST API URL: https://yourblog.com/wp-json/
   • API Key: 워드프레스에서 복사한 키
6. Save 클릭

💡 연결이 완료되면, Make에서 워드프레스에 직접 글/이미지를 등록할 수 있습니다.

6️⃣ 이미지 업로드 설정

이제 생성된 이미지를 워드프레스에 자동 업로드하도록 설정합니다.

• File: DALL·E 3 모듈의 “Data” 항목 선택
• File Name:
• {{제목 생성 모듈 → Message → Content}}.png
• Media Type: image/png

⚠️ 파일명에 한글이 포함되면 업로드 오류가 발생할 수 있으므로,
가능하면 “Slugify” 기능이나 영어 파일명을 사용하는 것을 권장합니다.

7️⃣ 이미지 업로드 테스트

“Run once” 버튼을 눌러 테스트합니다.
정상적으로 작동하면 워드프레스 미디어 라이브러리에 이미지가 자동으로 등록됩니다.

워드프레스 대시보드 → 미디어 → 라이브러리 메뉴에서 확인해보세요.
제목과 관련된 썸네일 이미지가 자동으로 생성되어 있을 것입니다.

8️⃣ 업로드된 이미지 ID 활용

이제 마지막으로, 업로드된 이미지의 ID 값을 포스트 모듈(자동 발행 단계) 에 전달하면
해당 이미지가 글의 “대표 이미지(Featured Media)”로 자동 설정됩니다.

🔜 다음 편 예고

다음 글에서는 ⑥편: 마크다운 → HTML 변환 및 워드프레스 자동 발행을 다루어보겠습니다.

• ChatGPT가 만든 본문(마크다운)을 HTML로 변환
• 워드프레스 Create a Post 모듈로 자동 발행
• 썸네일(Featured Media)과 본문을 결합
• 예약 발행(Publish / Pending) 설정

이 단계가 완료되면, AI가 주제 발굴 → 글 작성 → 이미지 생성 → 발행까지 전 과정을 수행하는
완전한 자동화 블로그 시스템이 완성됩니다.

 

워크플로우 자동화 플랫폼 Make 가입 방법

 

워드프레스 자동화 3편 : HTML 문서 텍스트 정제

 

 

워드프레스 자동화 4편 : 챗GPT로 본문 제목 생성