Habilidades wordpress-theme-development
🎨

wordpress-theme-development

Seguro

최신 블록 지원으로 WordPress 테마 구축

테마 아키텍처, 템플릿 계층 구조, Gutenberg 블록 에디��� 통합을 포함하는 구조화된 워크플로로 WordPress 테마 개발을 간소화하세요. 스캐폴딩부터 테스트까지 WordPress 모범 사례를 따라 반응형이고 접근 가능한 테마를 만드세요.

Soporta: Claude Codex Code(CC)
📊 69 Adecuado
1

Descargar el ZIP de la skill

2

Subir en Claude

Ve a Configuración → Capacidades → Skills → Subir skill

3

Activa y empieza a usar

Pruébalo

Usando "wordpress-theme-development". Help me create a WordPress theme structure with block editor support

Resultado esperado:

Gutenberg 지원으로 WordPress 테마를 설정하겠습니다. 먼저 기본 테마 구조를 만들겠습니다:

- 테마 디렉터리: your-theme/
- 핵심 파일: style.css, functions.php, index.php
- 템플릿 파일: header.php, footer.php, single.php, page.php
- 블록 지원: 블록 설정이 포함된 theme.json

먼저 적절한 테마 헤더가 있는 style.css와 블�� 에디터 구성을 위한 theme.json을 만들겠습니다.

Usando "wordpress-theme-development". Register a custom post type for Portfolio items

Resultado esperado:

테마용 Portfolio 사용자 정의 포스트 타입을 등록하겠습니다. 포함할 내용은 다음과 같습니다:

- 포스트 타입 슬러그: 'portfolio'
- 지원 기능: title, editor, thumbnail, excerpt
- 사용자 정의 분류 체계: 'portfolio_category'
- 아카이브 템플릿: archive-portfolio.php
- 단일 템플릿: single-portfolio.php

이제 functions.php에 등록 코드를 추가하고 필요한 템플릿 파일을 만들겠습니다.

Auditoría de seguridad

Seguro
v1 • 2/25/2026

Static analysis detected 40 potential issues (28 external_commands, 12 blocker patterns). All findings are false positives. The 'external_commands' detections are backtick characters in markdown code blocks used for skill invocation examples (e.g., @app-builder, @frontend-developer), not actual shell command executions. The 'blocker' patterns are matches on the word 'block' referring to Gutenberg editor blocks, not cryptographic weaknesses. This is a legitimate WordPress theme development workflow skill with no malicious intent or security risks.

1
Archivos escaneados
190
Líneas analizadas
1
hallazgos
1
Auditorías totales
Problemas de riesgo bajo (1)
SKILL.md:31-32SKILL.md:42-44SKILL.md:60-62SKILL.md:77-79SKILL.md:94-96SKILL.md:111-113SKILL.md:129-131SKILL.md:147-149
False Positive: Shell Command Patterns
Static scanner detected backtick characters in markdown code blocks as potential shell command execution. These are documentation examples showing skill invocations like @app-builder and @frontend-developer, not executable code.
Auditado por: claude

Puntuación de calidad

38
Arquitectura
100
Mantenibilidad
87
Contenido
23
Comunidad
100
Seguridad
83
Cumplimiento de la especificación

Lo que puedes crear

사용자 정의 WordPress 테마 만들기

클라이언트 프로젝트를 위해 사용자 정의 템플릿, 스타일링, 블록 에디터 지원을 갖춘 독특한 WordPress 테마를 처음부터 디자인하고 구축하세요.

HTML 디자인을 WordPress로 변환

기존 HTML/CSS 디자인을 적절한 템플릿 계층 구조와 동적 콘텐츠를 갖춘 완전히 기능하는 WordPress 테마로 변환하세요.

블록 에디터 지원 추가

Gutenberg 블록 지원, 사용자 정의 블록 패턴, 블록 템플릿을 추가하여 기존 WordPress 테마를 현대화하세요.

Prueba estos prompts

새 WordPress 테마 시작 
최신 블록 에디터 지원으로 '{theme_name}'이라는 새 WordPress 테마를 만드는 것을 도와주세요. 기본 디렉터리 구조, 테마 헤더가 있는 style.css, 필수 테마 지원 기능이 있는 functions.php를 설정하세요.
사용자 정의 템플릿 파일 만들기 
single.php, page.php, archive.php, '{custom_post_type}' 포스트용 사용자 정의 템플릿을 ��함한 WordPress 템플릿 파일을 만들어주세요. WordPress 템플릿 계층 구조 모범 사례를 따르세요.
사용자 정의 포스트 타입 등록 
{features}를 지원하는 '{post_type_slug}'이라는 사용자 정의 포스트 타입을 등록하세요. 사용자 정의 분류 체계 및 메타 박스를 포함하고 해당 아카이브 템플릿을 만드세요.
Gutenberg 블록 지원 추가 
WordPress 테마에 완전한 Gutenberg 블록 에디터 지원을 추가하세요. 블록 스타일을 활성화하고, {number}개의 사용자 정의 블록을 등록하며, {use_case}를 위한 블록 패턴을 만드세요.

Mejores prácticas

  • 업��이트 중 변경 사항을 보존하기 위해 기존 WordPress 테마를 수정할 때는 항상 자식 테마를 사용하세요
  • 호환성을 보장하기 위해 PHP, HTML, CSS, JavaScript용 WordPress 코딩 표준을 따르세요
  • 올바른 파일 이름과 대체 템플릿을 사용하여 적절한 템플릿 계층 구조를 구현하세요
  • 반응형 디자인이 올바르게 작동하는지 확인하기 위해 여러 브라우저와 기기에서 테마를 테스트하세요

Evitar

  • 부모 테마 파일을 직접 편집하지 마세요 - 수정에는 항상 자식 테마 또는 사용자 정의 플러그인을 사용하세요
  • 절대 URL이나 경로를 하드코딩하지 마세요 - get_template_directory_uri() 및 home_url()과 같은 WordPress 함수를 사용하세요
  • query_posts() 또는 wp_reset_query()를 사용하지 마세요 - 대신 WP_Query 또는 pre_get_posts 필터를 사용하세요
  • 기능에 대해 절대적으로 필요하지 않은 한 WordPress 핵심 스크립트나 스타일을 등록 취소하지 마세요

Preguntas frecuentes

WordPress 테마와 플러그인의 차이점은 무엇인가요?
테마는 웹사이트의 모양과 프론트엔드 표시를 처리하고, 플러그인은 기능과 기능을 추가합니다. 테마에는 템플릿 파일과 에셋이 포함되고, 플러그인에는 PHP 함수와 로직이 포함됩니다. 프레젠테이션에는 테마를, 기능에는 플러그인을 사용하세요.
클래식 테마와 블록 테마 중 어떤 것을 사용해야 하나요?
블록 테마는 theme.json 및 블록 템플릿으로 Gutenberg 에디터를 완전히 지원하는 최신 표준입니다. 클래식 테마는 PHP 템플릿을 사용하며 블록 지원이 제한적일 수 있습니다. 전체 사이트 편집을 활용하려면 새 프로젝트에 블록 테마를 선택하세요.
WordPress 테마를 만들려면 PHP를 알아야 하나요?
네, 테마 개발을 위해 PHP 지식이 필수입니다. 템플릿 파일을 만들고, 테마 기능을 등록하고, 에셋을 인큐��며, WordPress API와 상호작용하려면 PHP가 필요합니다. 간단한 테마에는 기본 PHP 스킬로 충분하지만, 고급 테마는 더 깊은 이해가 필요합니다.
테마가 페이지 빌더와 작동하도록 하려면 어떻게 하나요?
대부분의 페이�� 빌더는 적절하게 코딩된 WordPress 테마와 함께 작동합니다. 테마�� 적절한 래퍼 마크업이 있고, WordPress CSS 클래스를 사용하며, 콘텐츠 필터를 방해하지 않는지 확인하세요. 호환성을 확인하려면 특정 페이지 빌더로 테스트하세요.
WordPress 테마에서 Bootstrap이나 Tailwind와 같은 CSS 프레임워크를 사용할 수 있나요?
네, 모든 CSS 프레임워크를 통합할 �� 있습니다. functions.php에서 프레임워크 파일을 인큐하고 기본 WordPress 스타일을 재정의하세요. 일부 프레임워크는 WordPress 핵심 스타일 또는 블록 에디터 출력과 충돌할 수 있으므로 철저히 테스트하세요.
테마를 접근 가능하고 WCAG 준수로 만들���면 어떻게 하나요?
WordPress 접근성 가이드라인을 따르세요: 시맨틱 HTML, 적절한 제목 계층 구조, ARIA 레이블, 키보드 내비게이션 지원, 충분한 색상 대비를 사용하세요. 접근성 도구로 테스트하고 모든 대화형 요소가 키보드로 접근 가능한지 확인하세요. WordPress 핵심에는 활용해야 할 많�� 접근성 기능이 있습니다.

Detalles del desarrollador

Autor

sickn33

Licencia

MIT

Repositorio

https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/wordpress-theme-development

Ref.

main

Estructura de archivos

📄 SKILL.md