Communitygithub.com

WordPress 테마를 EmDash로 이전

WordPress 테마의 디자인과 템플릿 동작을 EmDash 기반 Astro 사이트로 이전합니다. 테마 마이그레이션, 디자인 일치, PHP 템플릿 변환, CMS 연동에 사용하세요. 사이트 테마에 영향을 주지 않는 WordPress 플러그인 동작에는 사용하지 마세요.

WordPress 테마를 EmDash로 이전란 무엇인가요?

이 스킬은 WordPress 테마의 디자인과 템플릿 동작을 EmDash 기반 Astro 사이트로 이전하는 과정을 안내합니다. 사용자의 요청에 따라 시각적 충실도와 기능 범위를 유지하며, 모든 WordPress 템플릿이나 데모 기능이 반드시 포함되어야 한다고 가정하지 않습니다. EmDash 스키마, 쿼리, 렌더링, 캐싱 및 시드 패턴에 대한 최신 정보를 참조하며, 라이브 참조 사이트가 있을 경우 `agent-browser` CLI를 사용하여 렌더링된 결과를 비교합니다. 이 스킬은 테마 소스, `theme.json`, 스타일시트, 템플릿, `functions.php` 등 최적의 증거를 우선순위에 따라 선택하고, PHP 템플릿은 Astro 라우트/레이아웃/컴포넌트로, 커스텀 포스트 타입/메타데이터/분류는 EmDash 컬렉션/필드/분류로 매핑하는 등 체계적인 계획 수립을 강조합니다. 동적 EmDash 콘텐츠 경로는 서버 렌더링 상태를 유지해야 하며, 최종 결과물을 빌드하여 참조와 비교 검증하고, 라이선스와 저작권을 준수해야 합니다.

지원 대상✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/emdash-cms/emdash/tree/HEAD/skills/wordpress-theme-to-emdash

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

WordPress 테마를 EmDash로 이전은(는) 무엇을 하나요?

사용자가 요청한 시각적 충실도와 기능 범위를 유지하면서, 테마의 관련 레이아웃과 상호작용을 EmDash가 지원하는 Astro 사이트로 재현합니다. 모든 WordPress 템플릿이나 데모 기능이 이전 대상에 포함되어야 한다고 가정하지 마십시오.

최신 EmDash 스키마, 쿼리, 렌더링, 캐싱 및 시드 패턴은 building-emdash-site를 참조하세요. 라이브 참조 사이트를 사용할 수 있는 경우 agent-browser CLI를 사용하여 렌더링된 결과를 비교하며, agent-browser skills get core --full 명령어로 명령 레퍼런스를 확인할 수 있습니다.

증거 선택

가장 적합한 소스를 다음 순서로 사용하세요:

  1. 테마 소스와 theme.json, 스타일시트, 템플릿, functions.php;
  2. 대표적인 데스크톱 및 모바일 뷰포트의 라이브 데모;
  3. 사용자가 제공한 스크린샷 또는 디자인 파일;
  4. 소스가 모호한 경우 명시적인 디자인 결정.

데모 콘텐츠나 이미지가 테마 코드와 동일한 라이선스를 공유한다고 추정하지 마십시오. 라이선스나 사용자 권한이 허용하는 경우에만 자산을 재사용하고, 그렇지 않으면 유사한 크기와 시각적 무게를 가진 명확히 라이선스가 부여된 대체 자산을 사용하세요.

포트 계획 수립

요청된 사이트에 필요한 페이지 유형, 컴포넌트, 반응형 상태 및 상호작용만 목록화하세요. 구현 전에 WordPress의 책임을 매핑하세요:

  • PHP 템플릿은 Astro 라우트, 레이아웃 및 컴포넌트가 됩니다.
  • 커스텀 포스트 타입, 메타데이터 및 분류는 EmDash 컬렉션, 필드 및 분류가 됩니다.
  • 테마 커스터마이저 값은 사이트 설정 또는 명시적 프로젝트 구성이 됩니다.
  • 메뉴 위치는 템플릿이 쿼리하는 명명된 EmDash 메뉴가 됩니다.
  • 사이드바와 위젯은 위젯 영역 또는 일반 Astro 컴포넌트가 됩니다.
  • 숏코드 및 플러그인 소유 동작은 별도의 플러그인 마이그레이션이 필요할 수 있습니다.

템플릿 계층, functions.php 등록, 템플릿 태그, 훅, 위젯 또는 재사용 가능한 블록을 변환할 때는 WordPress 테마 개념 매핑을 참조하세요.

동적 EmDash 콘텐츠 경로는 서버에서 렌더링된 상태를 유지해야 합니다. EmDash 미디어 필드에는 EmDash Image 컴포넌트를 사용하고, 일반 테마 자산은 Astro의 자산 처리를 사용할 수 있습니다.

범위별 단계로 작업

해당 단계가 적용될 때만 단계 파일을 읽으세요:

독립형 테마 프로젝트를 생성할 때는 저장소의 현재 사이트 템플릿 또는 사용자의 기존 프로젝트에서 시작하세요. 대상 위치를 확인한 후에만 작성하고, 명시적인 지시 없이 기존 사이트 구조를 교체하지 마십시오.

결과 검증

사이트를 빌드하고 각 범위 내 페이지와 상호작용을 실행하세요. 참조와 일치하는 뷰포트를 비교하세요. 반응형 내비게이션, 길거나 누락된 값이 있는 콘텐츠, 관리자 또는 테마 동작이 방향에 따라 달라지는 경우 RTL, 관련 빈 상태 또는 오류 상태를 포함합니다.

시각적 충실도가 승인 기준의 일부인 경우 이전-이후 또는 참조-결과 스크린샷을 캡처하세요. 의도적인 편차, 누락된 소스 증거, 지원되지 않는 WordPress 동작 및 자산 대체를 보고하세요.

라이선스 및 저작권 표시

소스 테마의 실제 라이선스와 고지 사항을 확인하세요. 필요한 저작권 및 저작자 표시를 유지하고, 재사용된 코드에 해당 라이선스 텍스트를 포함하며, 타사 자산을 별도로 식별하세요. 소스가 WordPress 테마라는 이유만으로 포트를 GPL-2.0-or-later로 표시하지 마십시오.

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

관련 스킬