Convierte un sitio HTML en un tema de WordPress que tu cliente puede editar
Marca los textos, imágenes y listas que tu cliente debe poder cambiar. ThemeForge genera un tema clásico de WordPress en el que cada uno es un campo del panel de administración, y luego puedes cambiar el diseño sin tocar su contenido.
Mira tu panel de WordPress antes de pagar · $20/mes · cancela cuando quieras · reembolso en 14 días
menu.html
contacts.html
theme-options.html
css/ style.css
assets/ 12 imágenes
page-menu.php
page-contacts.php
Configuración del sitio
css/ main.css
campos: 53 · listas: 3
Sí. Dale a ThemeForge la URL publicada de tu sitio o sube su carpeta. Añade atributos como fld-text y fld-loop a las partes que tu cliente debe editar y obtendrás un tema de WordPress con esas partes como campos del panel. Las páginas, los estilos, las imágenes y las fuentes vienen incluidos. El contenido que JavaScript dibuja en el navegador no, porque no está en el HTML.
La lista de bebidas de una cafetería, antes y después de convertirse en tema
Señala una línea del marcado para ver el campo en que se convierte.
<body wp-fields-group="Menu"> <h2 fld-text="Title">Menu</h2> <p fld-area="Lead">Espresso runs on our…</p> <div class="cards" fld-loop="Drinks"> <article class="card"> <img fld-image="Image" src="assets/icon-latte.png"> <h3 fld-text="Name">Latte</h3> <p fld-text="Description">Double espresso…</p> <span fld-text="Price">$4.20</span> </article> …tres tarjetas más, marcadas igual </div>
Warm Corner, nuestro sitio de demostración: 3 páginas y una página de ajustes → 4 grupos de campos, 53 campos, 3 listas. El cliente agrega, quita y reordena filas; el diseño no cambia.
Qué entra y qué sale
Tú aportas
- Páginas HTML estáticas:
index.htmly las demás - CSS, imágenes y fuentes con rutas relativas
- Una URL publicada o la carpeta de tu disco
- Sitios escritos por Claude, Cursor o ChatGPT
Tú obtienes
- Un tema PHP clásico en un ZIP
- Una plantilla para cada página
- Campos en el panel para todo lo que marcaste
- Configuración del sitio a partir de
theme-options.html - Menús y formularios que funcionan
Encaja bien
- Sitios de empresa y de servicios
- Landing pages y portafolios
- Blogs, catálogos, tiendas pequeñas
- Sitios que entregas a un cliente
No encaja
- Aplicaciones con inicio de sesión o su propia base de datos
- Proyectos React o Next.js tal cual
- Páginas hechas para Elementor o Gutenberg
Tres pasos de una carpeta de HTML a un sitio que gestiona tu cliente
- Paso 1
Marca los campos
Abre cada archivo HTML y añade un atributo a cada elemento que el cliente deba cambiar; la referencia de atributos los agrupa por tarea. La comprobación gratuita del marcado te dice qué falta antes de generar.
- Paso 2
Mira el panel
Apunta tu proyecto a la URL publicada. Unos 20 segundos después se abre en una pestaña del navegador un panel de WordPress completo, con las páginas, las listas y la configuración del sitio rellenas a partir de tu HTML.
- Paso 3
Instala y entrega
Suscríbete, descarga el tema e instálalo como cualquier otro. Más adelante, un botón en wp-admin trae una nueva versión; si una actualización falla, se revierte sola. Si añadiste el sitio como carpeta, guarda su código fuente en el propio sitio para usar ese botón.
El trabajo que de otro modo haría un desarrollador
| Rehacerlo a mano | ThemeForge | |
|---|---|---|
| Plantillas | Cortar cada página en archivos PHP | Se generan a partir de tus páginas |
| Campos del panel | Registrar cada campo y conectarlo a la plantilla | Un atributo por campo, en el HTML |
| Tus textos actuales | Volver a escribirlos en el panel | «Cargar datos» rellena los campos a partir de tus páginas |
| El siguiente rediseño | Repetir casi todo lo anterior | Regeneras el tema; los campos y el contenido se quedan |
| Formularios | Instalar y configurar un plugin de formularios | Tus formularios funcionan y cada envío se guarda en el panel |
Conviene saberlo antes de empezar
Contenido dibujado con JavaScript
Si una lista o un texto solo aparece después de que se ejecute un script, no está en el HTML y no puede convertirse en campo. Pásalo antes al marcado.
Cada fila de una lista necesita sus atributos
La primera fila define los campos. Marca las demás filas de la misma forma para que todas se importen al panel.
Un campo renombrado empieza vacío
Los campos se emparejan por nombre. Si renombras uno en el marcado, el tema regenerado lo muestra vacío, así que mantén los nombres estables una vez que el cliente los haya rellenado.
Instala un plugin y el mismo marcado hace más
¿Lo hiciste con un asistente de IA? Deja que él se encargue del marcado
Dale a Claude, Cursor o ChatGPT un solo enlace. Leerá dónde van los atributos, marcará el sitio y revisará su propio trabajo con las mismas reglas que usa el generador.
- themeforge.pro/ai · reglas en texto plano para asistentes
- Comprobación del marcado · gratis, sin cuenta, antes de generar
- Guía de marcado · las mismas reglas, escritas para personas
# Dile a tu asistente Lee https://themeforge.pro/ai y marca este sitio para que el cliente pueda editar la carta. # Comprueba el resultado antes de generar curl -X POST https://themeforge.pro/api/validate-markup \ -H "Content-Type: application/json" \ -d '{"pages":[{"name":"index.html","html":"…"}]}'
¿Tu sitio vive en otro lugar?
- Regístrate
- Mira tu panel
- Suscríbete
- Descarga y actualiza
Cancela cuando quieras · reembolso en 14 días · tu sitio sigue funcionando si cancelas
De HTML a WordPress: respuestas
Cambio el HTML a menudo. ¿Se conservarán las ediciones del cliente?
Sí, mientras los nombres de los campos no cambien. El texto que escribió tu cliente vive en WordPress; cada nueva generación a partir del HTML reemplaza solo las plantillas y los estilos.
¿Qué páginas de mi sitio se convierten en plantillas?
La página de inicio siempre, más cada página que incluyas en el proyecto. Cada página se convierte en una plantilla, y el cliente puede crear más páginas a partir de cualquiera de ellas; cada página nueva tiene su propia copia de los campos.
¿Para qué sirve theme-options.html?
Pon ahí lo que se repite en todas las páginas: teléfono, dirección, redes sociales, texto del pie. Se convierte en una sola pantalla de ajustes en el panel en lugar de un campo en cada página.
¿Mis textos actuales pasan al panel?
Sí. Después de instalar, «Cargar datos» rellena los campos con los textos y las imágenes de tu HTML, así que el cliente empieza con el sitio actual, no con casillas vacías.
¿Se puede probar gratis?
La comprobación del marcado es gratuita y sin cuenta; la vista previa del panel necesita una cuenta gratuita. Descargar y actualizar el tema forma parte de la suscripción de $20, con reembolso durante 14 días.