피드로 돌아가기
Publishing to WordPress with Claude and the WordPress MCP Connector
Dev.toDev.to
Frontend

MCP Connector를 통한 Claude-WordPress 자동 발행 파이프라인 구축

Publishing to WordPress with Claude and the WordPress MCP Connector

Malcolm Low2026년 5월 27일6분intermediate

AI 요약

Context

Claude의 HTML 생성 능력과 WordPress REST API를 연동하는 MCP Connector 기반의 자동 발행 워크플로우 분석. WordPress의 강력한 Content Sanitisation으로 인해 Custom HTML 내 특정 태그 및 스타일이 강제로 제거되는 제약 사항 존재.

Technical Solution

  • Content Sanitisation 회피를 위해 모든 스타일을 인라인 CSS로 구현한 style="..." 속성 강제 적용
  • SVG 및 Script 태그의 삭제 문제를 해결하기 위한 CSS Flexbox 기반의 Native HTML 레이아웃 설계
  • API 파라미터 Case Sensitivity 문제를 해결하기 위해 모든 order 값에 소문자 "desc" 적용
  • Taxonomy 중복 생성을 방지하기 위해 posts.create 전 categories.list 및 tags.list를 통한 사전 검증 로직 구현
  • 테마 CSS 간섭을 최소화하기 위해 td 태그 대신 display:table-cell 속성을 부여한 div 구조 채택
  • 복잡한 회로도 구현을 위해 position:relative 래퍼 내에 position:absolute 커넥터를 배치한 좌표 기반 렌더링 적용

실천 포인트

1. WordPress Custom HTML 블록 사용 시 <style>, <script>, <svg> 태그 배제 및 인라인 CSS 적용 여부 확인

2. API 호출 전 기존 Category/Tag ID를 조회하여 중복 생성 방지 로직 구현

3. 폰트 가변 폭으로 인한 정렬 깨짐 방지를 위해 &nbsp; 대신 CSS Flexbox/Grid 사용

4. 플랫폼별 CSS Override 가능성을 고려하여 시맨틱 태그 대신 스타일 제어가 용이한 div 구조 검토

태그

#WordPress#REST API#MCP#Content Sanitisation#Inline CSS
원문 읽기