Saltar al contenido
themeforge
ES
Empieza gratis
Menú

Primeros Pasos

Esta guía le lleva por todo el proceso: desde crear un proyecto en ThemeForge hasta un sitio WordPress funcional con contenido editable en el panel de administración.

1. Crear un proyecto

  1. Inicie sesión en ThemeForge y vaya a Proyectos
  2. Haga clic en «Nuevo proyecto» e introduzca la dirección de origen. Si el sitio es solo una carpeta o un archivo (por ejemplo, generado por una IA), marque en su lugar «La fuente se subirá en el sitio» — véase «La fuente en tu sitio».
  3. Configure los ajustes del proyecto: nombre del tema, slug, páginas a incluir
  4. Haga clic en «Generar» — ThemeForge creará un archivo ZIP con su tema WordPress

Fuentes compatibles

  • Webflow — pegue su URL .webflow.io o .webflow.com. ThemeForge descargará todas las páginas y recursos automáticamente
  • HTML genérico — cualquier sitio estático con HTML/CSS/JS/imágenes. Suba como ZIP o proporcione una URL
  • HTML generado por IA — sitios generados desde Figma o por asistentes de IA con atributos ThemeForge ya colocados

2. Instalar el tema

  1. Descargue el archivo ZIP generado desde la página del proyecto
  2. En el admin de WordPress, vaya a Apariencia → Temas → Añadir nuevo → Subir tema
  3. Seleccione el archivo ZIP y haga clic en Instalar ahora
  4. Haga clic en Activar — su tema está activo

Importante: su proyecto debe incluir una página de inicio (/). Es obligatoria para la generación del tema.

El tema incluye automáticamente una página de error 404 y una página de resultados de búsqueda — sin configuración adicional.

Qué ocurre después de la activación

  • Todas las páginas de su diseño se crean como páginas WordPress
  • Los campos personalizados aparecen en el panel de administración para cada página (organizados por secciones)
  • El panel de ajustes del tema está disponible en Apariencia → Ajustes del tema
  • CSS, JS, imágenes y fuentes de su diseño están incluidos en el tema

Actualización remota (alternativa)

En lugar de descargar un ZIP, puede introducir la URL de su sitio WordPress en los ajustes del proyecto. ThemeForge enviará el tema directamente a su instalación WordPress.

3. Importar contenido

Después de instalar el tema, necesita importar el contenido (texto, imágenes) de su diseño a WordPress. ThemeForge almacena todo el contenido del HTML en un archivo pages.json dentro del tema.

Orden de importación

Siempre importe en este orden para asegurar que las imágenes estén disponibles cuando los campos de texto las referencien:

  1. Primero imágenes — sube todas las imágenes de la carpeta images/ del tema a la biblioteca de medios
  2. Luego datos — rellena todos los campos de texto, enlaces y referencias de imágenes para cada página
  3. Luego menús — crea los menús de navegación WordPress con todos los enlaces del diseño

Importar todo a la vez

Los botones de importación están en el admin de WordPress: Apariencia → Ajustes del tema → pestaña Panel de administración. Hay dos botones:

  1. «Cargar medios» — sube todas las imágenes de la carpeta images/ del tema a la biblioteca de medios
  2. «Cargar datos» — rellena todos los campos de texto, enlaces e imágenes para todas las páginas a la vez
  3. Para menús, use los botones de importación en Apariencia → Menús (ver «Importar menús» más abajo)

Importar páginas individuales

Cada página tiene sus propios botones de importación. Abra cualquier página para editar en WordPress — en la barra lateral verá el metabox «ThemeForge Import» (haga clic para expandir). Dos botones: «Cargar datos» y «Cargar medios». Importar una página no afecta a las demás.

Especialmente útil cuando actualiza una sola página en su diseño y quiere reimportarla sin tocar el resto del sitio.

Importar opciones del sitio

Las opciones globales (teléfono, email, logo) tienen su propia importación. Vaya a Apariencia → Ajustes del tema → pestaña Opciones — el bloque «ThemeForge Import» aparece en la barra lateral.

Importar menús

Vaya a Apariencia → Menús — verá «ThemeForge — Importar menús desde HTML». Puede importar cada menú individualmente o todos a la vez.

Importación y traducción para varios idiomas

Con Polylang, cada idioma tiene su propia «capa» de campos. Al hacer clic en «Cargar datos» en una página traducida, el contenido original del diseño se importa en los campos de ese idioma. Luego puede traducirlo con el asistente de traducción integrado — pulse «Traducir» junto a cualquier campo o «Traducir todo» para toda la página. Todo directamente en el admin de WordPress.

Como las localizaciones de Webflow: cada idioma es una capa separada. Importe el contenido base, tradúzcalo in situ — los campos de cada idioma son independientes.

4. Editar contenido en el panel del tema

Después de importar, el contenido es editable desde el panel de administración. El tema genera campos para elementos con atributos ThemeForge. Importante: solo los elementos dentro de una sección wp-fields-group obtienen campos en el admin — los elementos sin wp-fields-group se convierten a PHP pero no tienen campos editables.

Dónde encontrar su contenido

  • Campos de página — edite cualquier página en WordPress, desplácese debajo del editor. Los campos están agrupados por secciones con pestañas
  • Opciones globales (teléfono, email, logo) — Apariencia → Ajustes del tema → pestaña Opciones
  • Configuración del tema (cambio de backend, seguridad, extensiones) — Apariencia → Ajustes del tema

Secure Custom Fields vs ACF Pro

¿De forma predeterminada, el tema usa Secure Custom Fields — un plugin gratuito de WordPress.org que ofrece todos los tipos de campo de ACF PRO sin licencia. ¿Prefieres tu propio ACF PRO? Instálalo y el tema lo usa automáticamente. Los datos de los campos se conservan en cualquier caso, sin pérdida de contenido.

5. Multilingüe (Opcional)

El soporte multilingüe es opcional — su tema funciona perfectamente sin él. Si necesita varios idiomas, instale Polylang (gratuito) o WPML.

Configurar Polylang

  1. Instale y active Polylang desde WordPress → Plugins → Añadir nuevo
  2. Vaya a Idiomas → Ajustes y añada sus idiomas
  3. El tema detecta Polylang automáticamente y muestra un selector de idiomas en los ajustes del tema
  4. Abra una página traducida en WordPress, pulse «Cargar datos» en el metabox ThemeForge Import, luego use los botones «Traducir» para traducir los campos al idioma destino

Asistente de traducción integrado

El tema incluye un botón de traducción con un clic. Cambie al idioma, haga clic en «Traducir» — usa Google Translate para un borrador. También hay «Traducir todo».

6. Plugins compatibles

ThemeForge genera temas WordPress estándar que funcionan con la mayoría de plugins populares.

Probados y compatibles

  • Yoast SEO / Rank Math — compatibilidad total
  • Plugins de caché (WP Super Cache, W3 Total Cache, LiteSpeed Cache) — totalmente compatibles
  • Polylang — integración profunda: campos por idioma, asistente de traducción, importación por idioma
  • WPML — soportado: detección automática, campos de idioma funcionan correctamente
  • WooCommerce — soporte completo: páginas de productos, carrito, checkout, filtros, productos variables
  • ACF Pro — soporte nativo como backend alternativo
  • Cualquier otro plugin de WordPress — el tema es un tema WP estándar, así que cualquier plugin compatible con WordPress funcionará

Formularios integrados

Los temas ThemeForge incluyen un sistema completo de formularios — no necesita plugins de formularios externos. Características: envío SMTP, notificaciones Telegram, reCAPTCHA v3, anti-spam, auto-respuesta, validación (JustValidate). Envíos almacenados en WordPress con exportación CSV. Configure en Ajustes del tema → pestaña Extensiones.

7. Código personalizado y archivos protegidos

¿Necesita añadir funciones PHP, CSS o JavaScript personalizados? Tiene dos opciones:

Plugin Code Snippets (recomendado)

Instale el plugin Code Snippets — permite añadir PHP, CSS y JS directamente desde el admin de WordPress. Los snippets se almacenan en la base de datos, así que sobreviven cualquier actualización del tema.

Archivos de usuario del tema

El tema incluye archivos protegidos que nunca se sobrescriben durante las actualizaciones:

  • user-functions.php — funciones PHP personalizadas
  • css/user.css — estilos CSS personalizados (cargados después del CSS del tema)
  • js/user.js — JavaScript personalizado

También puede marcar cualquier archivo como protegido usando el atributo wp_include en su HTML. Estos archivos se listarán en themeforge_protected.json.

Orden de carga CSS: main.css (su diseño) → themeforge.css (sobrescrituras generadas) → user.css (sus personalizaciones). user.css siempre gana.

Estos archivos se conservan durante actualizaciones normales. Sin embargo, si elimina y reinstala completamente el tema, los archivos pueden perderse. Para personalizaciones críticas, Code Snippets es más seguro.

8. Copias de seguridad

Configure copias de seguridad periódicas y haga una manual antes de operaciones críticas: importación masiva, cambio de backend, actualizaciones importantes del tema.

Copias del hosting

La mayoría de proveedores de hosting ofrecen copias automáticas diarias. Revise su panel de hosting (cPanel, Plesk, HestiaCP). Es su primera línea de defensa.

Plugins de backup

  • UpdraftPlus — backups programados en la nube (Google Drive, Dropbox, S3)
  • Duplicator — snapshots completos del sitio, ideal para migración
  • All-in-One WP Migration — exportación/importación simple en un clic

Consejo: configure copias automáticas periódicas (diarias o semanales) y haga una manual antes de operaciones críticas. Si algo sale mal, puede restaurar en minutos.