Habilidades wordpress-theme-development
🎨

wordpress-theme-development

Seguro

Crear Temas de WordPress con Soporte Moderno de Bloques

Optimiza el desarrollo de temas de WordPress con un flujo de trabajo estructurado que cubre la arquitectura de temas, la jerarquía de plantillas y la integración del editor de bloques Gutenberg. Crea temas responsivos y accesibles siguiendo las mejores prácticas de WordPress desde la estructura inicial hasta las pruebas.

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". Ayúdame a crear una estructura de tema de WordPress con soporte del editor de bloques

Resultado esperado:

Te ayudaré a configurar un tema de WordPress con soporte Gutenberg. Primero, déjame crear la estructura básica del tema:

- Directorio del tema: your-theme/
- Archivos principales: style.css, functions.php, index.php
- Archivos de plantillas: header.php, footer.php, single.php, page.php
- Soporte de bloques: theme.json con configuración de bloques

Comenzaré creando style.css con las cabeceras adecuadas del tema y theme.json para la configuración del editor de bloques.

Usando "wordpress-theme-development". Registrar un tipo de contenido personalizado para elementos de Portfolio

Resultado esperado:

Registraré un tipo de contenido personalizado Portfolio para tu tema. Esto es lo que incluiré:

- Slug del tipo de contenido: 'portfolio'
- Soportes: title, editor, thumbnail, excerpt
- Taxonomía personalizada: 'portfolio_category'
- Plantilla de archivo: archive-portfolio.php
- Plantilla individual: single-portfolio.php

Añadiré el código de registro a functions.php y crearé los archivos de plantillas necesarios.

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

Crear Tema de WordPress Personalizado

Diseña y construye un tema de WordPress único desde cero con plantillas personalizadas, estilos y soporte del editor de bloques para un proyecto de cliente.

Convertir Diseño HTML a WordPress

Transforma un diseño HTML/CSS existente en un tema de WordPress completamente funcional con jerarquía de plantillas adecuada y contenido dinámico.

Añadir Soporte del Editor de Bloques

Moderniza un tema de WordPress existente añadiendo soporte de bloques Gutenberg, patrones de bloques personalizados y plantillas de bloques.

Prueba estos prompts

Iniciar Nuevo Tema de WordPress 
Ayúdame a crear un nuevo tema de WordPress llamado '{theme_name}' con soporte moderno del editor de bloques. Configura la estructura básica de directorios, style.css con las cabeceras del tema, y functions.php con las funciones esenciales de soporte del tema.
Crear Archivos de Plantillas Personalizadas 
Crea archivos de plantillas de WordPress para mi tema incluyendo single.php, page.php, archive.php, y una plantilla personalizada para entradas de '{custom_post_type}'. Sigue las mejores prácticas de la jerarquía de plantillas de WordPress.
Registrar Tipo de Contenido Personalizado 
Registra un tipo de contenido personalizado llamado '{post_type_slug}' con soporte para {features}. Incluye taxonomías personalizadas y cajas de meta, y crea la plantilla de archivo correspondiente.
Añadir Soporte de Bloques Gutenberg 
Añade soporte completo del editor de bloques Gutenberg a mi tema de WordPress. Habilita estilos de bloques, registra {number} bloques personalizados, y crea patrones de bloques para {use_case}.

Mejores prácticas

  • Usa siempre temas secundarios cuando modifiques temas existentes de WordPress para preservar los cambios durante las actualizaciones
  • Sigue los Estándares de Codificación de WordPress para PHP, HTML, CSS y JavaScript para garantizar la compatibilidad
  • Implementa una jerarquía de plantillas adecuada usando los nombres de archivo correctos y plantillas de respaldo
  • Prueba los temas en múltiples navegadores y dispositivos para asegurar que el diseño responsivo funcione correctamente

Evitar

  • Evita editar archivos del tema padre directamente - usa siempre temas secundarios o plugins personalizados para modificaciones
  • Nunca uses URLs o rutas absolutas hardcodeadas - usa funciones de WordPress como get_template_directory_uri() y home_url()
  • No uses query_posts() o wp_reset_query() - usa WP_Query o el filtro pre_get_posts en su lugar
  • Evita desregistrar scripts o estilos principales de WordPress a menos que sea absolutamente necesario para la funcionalidad

Preguntas frecuentes

¿Cuál es la diferencia entre un tema y un plugin de WordPress?
Los temas controlan cómo se ve y maneja la visualización frontend de tu sitio web, mientras que los plugins añaden funcionalidad y características. Los temas contienen archivos de plantillas y recursos, los plugins contienen funciones PHP y lógica. Usa temas para la presentación, plugins para la funcionalidad.
¿Debería usar un tema clásico o un tema de bloques?
Los temas de bloques son el estándar moderno y soportan completamente el editor Gutenberg con theme.json y plantillas de bloques. Los temas clásicos usan plantillas PHP y pueden tener soporte limitado de bloques. Elige temas de bloques para nuevos proyectos para aprovechar la edición completa del sitio.
¿Necesito saber PHP para crear temas de WordPress?
Sí, el conocimiento de PHP es esencial para el desarrollo de temas. Necesitas PHP para crear archivos de plantillas, registrar características del tema, poner en cola recursos e interactuar con las APIs de WordPress. Las habilidades básicas de PHP son suficientes para temas simples, los temas avanzados requieren un entendimiento más profundo.
¿Cómo aseguro que mi tema funcione con constructores de páginas?
La mayoría de los constructores de páginas funcionan con cualquier tema de WordPress correctamente codificado. Asegúrate de que tu tema tenga marcado wrapper adecuado, use clases CSS de WordPress y no interfiera con los filtros de contenido. Prueba con tu constructor de páginas específico para verificar la compatibilidad.
¿Puedo usar frameworks CSS como Bootstrap o Tailwind con temas de WordPress?
Sí, puedes integrar cualquier framework CSS. Pon en cola los archivos del framework en functions.php y sobrescribe los estilos predeterminados de WordPress. Ten en cuenta que algunos frameworks pueden entrar en conflicto con los estilos principales de WordPress o la salida del editor de bloques, así que prueba exhaustivamente.
¿Cómo hago que mi tema sea accesible y compatible con WCAG?
Sigue las pautas de accesibilidad de WordPress: usa HTML semántico, jerarquía adecuada de encabezados, etiquetas ARIA, soporte de navegación por teclado y contraste de color suficiente. Prueba con herramientas de accesibilidad y asegúrate de que todos los elementos interactivos sean accesibles por teclado. El núcleo de WordPress proporciona muchas características de accesibilidad que deberías aprovechar.

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