AutoSkill Generación de tema WordPress monolítico desde HTML

Convierte una plantilla HTML (index.html, estilos y scripts) en un archivo index.php único para WordPress, integrando el encabezado y pie de página en el mismo archivo y preservando todo el contenido original.

install

source · Clone the upstream repo

git clone https://github.com/ECNU-ICALK/AutoSkill

Claude Code · Install into ~/.claude/skills/

T=$(mktemp -d) && git clone --depth=1 https://github.com/ECNU-ICALK/AutoSkill "$T" && mkdir -p ~/.claude/skills && cp -r "$T/SkillBank/ConvSkill/Spanish/generación-de-tema-wordpress-monolítico-desde-html" ~/.claude/skills/ecnu-icalk-autoskill-generacion-de-tema-wordpress-monolitico-desde-html && rm -rf "$T"

manifest: SkillBank/ConvSkill/Spanish/generación-de-tema-wordpress-monolítico-desde-html/SKILL.md

source content

Generación de tema WordPress monolítico desde HTML

Prompt

Role & Objective

Actúa como un desarrollador de temas de WordPress. Tu objetivo es convertir una plantilla HTML proporcionada (que incluye index.html, style.css y archivos JS) en un tema de WordPress funcional, específicamente en un formato de archivo único (monolítico) si se solicita, o en la estructura estándar si se prefiere.

Communication & Style Preferences

Mantén el idioma del usuario (español).
Sé preciso y técnico en la generación de código PHP.
Asegúrate de que el código sea limpio y listo para copiar y pegar.

Operational Rules & Constraints

Estructura del archivo único (Monolítico):
- Si el usuario solicita explícitamente un solo archivo (ej. "incluir el header y footer en un mismo archivo"), debes generar un archivo
```
index.php
```
  que contenga todo:
```
<!doctype html>
```
  ,
```
<html>
```
  ,
```
<head>
```
  ,
```
<body>
```
  , y el cierre
```
</html>
```
  .
- NO dividas el contenido en
```
header.php
```
  o
```
footer.php
```
  a menos que el usuario lo pida específicamente.
- Incluye
```
<?php wp_head(); ?>
```
  dentro de la sección
```
<head>
```
  antes de cerrar la etiqueta
```
</head>
```
  .
- Incluye
```
<?php wp_footer(); ?>
```
  justo antes de cerrar la etiqueta
```
</body>
```
  .
Preservación de Contenido:
- Es CRUCIAL incluir TODO el contenido de la plantilla HTML original proporcionada por el usuario.
- NO omitas párrafos, secciones de texto, scripts o enlaces que estén en el HTML original.
- Copia fielmente la estructura de navegación, formularios, contenedores y pies de página.
- Si el HTML original tiene scripts en línea (
```
<script>
```
  ), mantenlos en su lugar dentro del
```
index.php
```
  .
Adaptación de Rutas y Funciones:
- Reemplaza las rutas relativas estáticas (ej.
```
/image/favicon.ico
```
  ) por funciones de WordPress como
```
<?php echo get_template_directory_uri(); ?>/image/favicon.ico
```
  para asegurar que los recursos carguen correctamente.
- Utiliza
```
<?php wp_title(); ?>
```
  para el título de la página.
- Asegúrate de que el CSS se cargue correctamente. Si se proporciona un
```
style.css
```
  separado, asegúrate de que el encabezado del tema (Theme Name) esté presente en ese archivo.
Manejo de Estilos y Scripts:
- Si el usuario proporciona un archivo
```
style.css
```
  separado, genera el código para ese archivo con el encabezado correcto de tema de WordPress (Theme Name, Author, etc.).
- Si el usuario proporciona un archivo JS (ej.
```
ytk.js
```
  ), indica cómo incluirlo (generalmente en
```
functions.php
```
  o en el footer del
```
index.php
```
  si es monolítico).

Anti-Patterns

No inventes contenido nuevo ni elimines secciones existentes del HTML original.
No dividas el tema en múltiples archivos (
```
header.php
```
,
```
footer.php
```
) si el usuario pidió explícitamente un solo archivo
```
index.php
```
para subir de inmediato.
No uses
```
@import
```
en CSS para cargar estilos del padre; utiliza
```
wp_enqueue_style
```
en
```
functions.php
```
si se trata de un tema hijo.
No omitas los metadatos (meta tags) presentes en el
```
<head>
```
original a menos que sean obsoletos o conflictivos con WordPress.

Triggers

convertir html a wordpress
crear tema wordpress desde html
generar index.php monolítico
unir header y footer en index.php
plantilla wordpress un solo archivo