Encontraste un kit de plantillas en Envato Elements, descargaste el ZIP y ahora estás mirando tu panel de WordPress preguntándote adónde va. Es una pregunta justa. Envato retiró su complemento oficial de WordPress Envato Elements, por lo que la antigua ruta de importación que muchos tutoriales aún describen ya no existe.
La buena noticia: puedes importar cualquier kit de plantilla de Envato Elements con Función de kits de plantillas en complementos maestros, y maneja todo el trabajo. Cargue el ZIP, importe cada página, cree el encabezado y el pie de página y publique. No se necesita ningún complemento de importación adicional.
Esta guía recorre el proceso completo en un kit real (un kit SaaS llamado Klyro), incluidos los tres pasos que omiten la mayoría de los tutoriales: asignar el encabezado y el pie de página, cambiar cada página al diseño de ancho completo de Elementor y deshabilitar los colores predeterminados de Elementor para que el diseño del kit realmente aparece.
Lo que necesitas antes de importar
- WordPress con el libre Elementor complemento instalado
- Complementos maestros para Elementor (la versión gratuita funciona; ver el guía de instalación si aún no lo has configurado)
- Un kit de plantillas ZIP descargado de Elementos Envato o ThemeForest
Una cosa que debes verificar antes de comenzar: cuando descargues un kit de Envato Elements, no lo descomprimas. El importador espera el archivo ZIP original. Los usuarios de Safari deben desactivar “Abrir archivos seguros después de descargar” en la configuración de Safari, o el navegador descomprime el kit y rompe la carga.
Un tema liviano como Hello Elementor funciona mejor debajo de un kit de plantilla, ya que el kit reemplaza casi todo lo que normalmente representaría el tema. Si todavía estás eligiendo uno, aquí tienes una comparación del los mejores temas ligeros de WordPress para Elementor.
Paso 1: abra kits de plantillas en complementos maestros
Desde su panel de WordPress, vaya a Complementos maestros → Kits de plantillas. Verá la biblioteca de kits: más de 30 kits de sitios web listos para usar que puede importar con un clic, además de una opción de carga para kits de fuentes externas como Envato Elements.
Los kits de biblioteca son útiles si aún no te has comprometido con un diseño. Pero como ya tienes un kit Envato, mira la fila de iconos en la esquina superior derecha y haz clic en subir icono.
Paso 2: cargue el kit ZIP de Envato Elements
Al hacer clic en el icono de carga se abre la ventana Cargar kit de plantillas. Arrastre la cremallera de su kit al cuadro o haga clic Explorar archivos y selecciónalo de tu carpeta de descargas. Sólo se aceptan archivos.zip, que es exactamente lo que le ofrece Envato.
Master Addons carga el archivo, luego lee el kit y registra cada plantilla dentro de él. Una ventana de progreso muestra cada etapa. Mantenga la pestaña abierta hasta que termine, ya que cerrarla a mitad de la importación puede dejarle con medio kit.
Paso 3: importe las plantillas del kit
Una vez leído el kit, verás todo lo que contiene: estilos de kit global, inicio, encabezado, pie de página, acerca de, servicios, blog, detalles del blog, contáctenos y una página 404 en nuestro ejemplo de Klyro. Cada plantilla tiene su propio botón Importar.
Două sfârși aici:
- Primero importe los estilos de kit globales. Esa plantilla incluye los colores, fuentes y configuraciones del sitio del kit. Importarlo primero significa que cada página que sigue hereda el estilo correcto.
- Luego importa el resto. Master Addons los pone en cola y procesa cada plantilla con sus imágenes, una a la vez.
Cuando finaliza la ejecución, obtienes una pantalla de confirmación con el recuento total. En este caso, 9 plantillas del kit Klyro llegaron al sitio.
Verificar Páginas en tu panel y encontrarás las páginas importadas esperando: Klyro -ñone Home, Klyro -ñone Blog, Klyro -ñe 404, etc. Incluso hay un MA importado filtre en la parte superior de la pantalla Páginas para que pueda ver exactamente lo que agregó el kit. Si solo necesita una página en lugar de un kit completo, el proceso para ello se trata en nuestra guía cómo importar una plantilla de Elementor.
Paso 4: agregue el encabezado y el pie de página con Theme Builder
Aquí es donde la mayoría de las importaciones van de lado. El encabezado y el pie de página del kit llegan como plantillas guardadas, pero aún no se muestra nada en su sitio. El encabezado predeterminado de su tema todavía se muestra. Para solucionar eso, los construye como partes del tema usando Creador de temas de complementos maestros.
Ir a Complementos maestros → Creador de temas y haga clic Agregar nueva plantilla. En la ventana emergente, asígnele el nombre “encabezado” (o cualquier cosa que reconozca más adelante), establezca el tipo de plantilla en Encabezadoși clic Editar con Elementor.
Dentro del editor Elementor, abra la biblioteca de plantillas (el ícono de carpeta en el lienzo), cambie a Plantillas tab y busque la sección Encabezado que viene con su kit. Haga clic Insertar y el encabezado del kit cae sobre el lienzo, el menú y todo.
Publique la plantilla y luego repita los mismos pasos para el pie de página: nueva plantilla, escriba Pie de página, inserte la sección Pie de página del kit en la biblioteca, publique.
En la configuración de cada plantilla también encontrarás un Condiciones pestaña y un Activación alternar. Establezca la condición en todo el sitio y active la activación, y el encabezado y el pie de página de su kit ahora se representarán en cada página. El documentación de encabezado cubre las condiciones con más detalle y, si desea que el encabezado permanezca fijado mientras se desplaza, consulte cómo crear un encabezado adhesivo en Elementor. El mismo Theme Builder también maneja edición de pie de página en WordPress con Elementor siempre que necesites cambiarlo más tarde.
Paso 5: establezca cada página en Elementor de ancho completo
Abra una de sus páginas importadas en la interfaz y es posible que note dos problemas: el encabezado antiguo de su tema se encuentra encima del encabezado del kit y el contenido se comprime en la columna de contenido del tema. Ambos provienen de la misma causa. Las páginas todavía utilizan el diseño de página predeterminado del tema.
La solución tarda treinta segundos con una edición masiva:
- Ir a Páginas → Todas las páginas
- Marque la casilla de verificación en la parte superior de la lista para seleccionar todas las páginas
- Elegir Editar desde el menú desplegable Acciones masivas, haga clic en Aplicar
- En el menú desplegable Plantilla, elija Elementor de ancho completo
- Hacer clic Actualizar
Elementor Full Width elimina la barra lateral del tema y el contenedor de contenido, pero sigue renderizando los ganchos del tema, que es lo que permite que se muestren el encabezado y el pie de página de su nuevo Theme Builder. Una actualización masiva y cada página importada utiliza el diseño correcto.
Paso 6: deshabilite los colores y fuentes predeterminados de Elementor
Este es el paso que casi todo el mundo pasa por alto, y es por eso que los kits importados a menudo parecen un poco fuera de lugar: colores de enlace incorrectos, fuentes de encabezado incorrectas, botones que no coinciden con la demostración. Elementor aplica sus propios colores y fuentes predeterminados además de su contenido y anulan los estilos globales del kit.
Apără-le:
- Ir a Elementor → Configuración en tu tablero
- En el General pestaña, tic Deshabilite los colores predeterminados
- Garrapata Deshabilite las fuentes predeterminadas
- Guardar cambios
Con ambas casillas marcadas, Elementor hereda colores y tipografía de los estilos de kit globales del kit en lugar de forzar los suyos propios. Recarga una página después de guardarla y verás que se ajusta al diseño de la demostración de Envato.
Paso 7: configure su página de inicio y vista previa
Últimos toques. Ir a Configuración → Lectura, configure “Se muestra su página de inicio” en una página estática y elija la página de inicio del kit. Luego abra su sitio.
Encabezado en la parte superior, pie de página en la parte inferior, héroe de ancho completo, fuentes y colores correctos. Desde aquí es una edición normal de Elementor: intercambie el texto de demostración y las imágenes por los suyos, conecte el formulario de contacto y ajuste todo lo que el kit se haya equivocado para su marca. Complementos maestros' Más de 80 widgets y extensiones están disponibles en el editor cuando los elementos integrados del kit no son suficientes.
¿por qué utilizar complementos maestros en lugar del complemento de importación del kit de plantillas?
Los propios documentos de ayuda de Envato ahora indican a los usuarios un complemento de importación independiente, desde entonces el complemento oficial de Envato Elements fue descontinuado. Ese complemento importa plantillas y se detiene allí. Todavía necesitas algo más para el encabezado y el pie de página, lo que generalmente significa comprar Elementor Pro para su creador de temas.
| Tarea | Complemento de importación del kit de plantilla | Complementos maestros |
|---|---|---|
| Importar kit Envato ZIP | Sí | Sí |
| Biblioteca de kits prediseñados | No | Más de 30 kits incluidos |
| Constructor de encabezado/pie de página | No (necesita Elementor Pro) | Sí, incorporado |
| 404, archivo, plantillas individuales | No | Sí, a través de Theme Builder |
| Widgets adicionales para personalizar el kit | No | Más de 80 widgets y extensiones |
Dado que los kits se basan en gran medida en imágenes, también vale la pena ejecutar sus medios importados a través de un optimizador. Las imágenes de demostración grandes son la razón más común por la que un kit nuevo se siente lento; nuestra guía sobre cómo acelerar los sitios web de Elementor cubre las ganancias rápidas. La carga de kits de plantilla y creador de temas está disponible en Master Addons Free y Versión profesional desbloquea la biblioteca completa del kit y los widgets premium si los desea.
Solución de problemas: el kit importado no se parece a la demostración
- Colores o fuentes incorrectos: te saltaste el Paso 6. Deshabilita los colores y fuentes predeterminados de Elementor y luego recarga la página.
- Encabezado del tema que se muestra encima del encabezado del kit: la página todavía tiene el diseño predeterminado del tema. Configure en Elementor Full Width (Paso 5) y asegúrese de que el encabezado de su Theme Builder esté activado con una condición para todo el sitio.
- Contenido atrapado en una columna estrecha: misma solución. Elementor Full Width, no la plantilla predeterminada del tema.
- Imágenes faltantes: vuelva a ejecutar la importación de esa plantilla. Los hosts lentos a veces agotan el tiempo de espera en las descargas de imágenes a mitad de la importación.
- Estilos aplicados pero diseño roto: primero importe los estilos de kit globales y luego vuelva a importar la página afectada para que herede la configuración del kit.
Preguntas frecuentes
¿puedo importar kits de plantillas de Envato Elements sin el complemento Envato?
Sí. El complemento oficial de WordPress de Envato Elements se suspendió, pero cualquier kit ZIP descargado de Envato Elements o ThemeForest se puede cargar a través de complementos maestros en Master Addons → Kits de plantillas. Importa todas las plantillas, imágenes y estilos globales del kit.
¿necesito Elementor Pro para utilizar un kit de plantillas Envato?
Normalmente no. La mayoría de los kits están creados para Elementor de forma gratuita. Master Addons agrega el generador de encabezado y pie de página que Pro proporcionaría de otro modo. Verifique los requisitos del kit en su página Envato, ya que algunos kits usan widgets Elementor Pro como Forms.
¿Por qué mi kit de plantilla importado se ve diferente de la demostración?
Dos causas comunes: los colores y fuentes predeterminados de Elementor que anulan los estilos globales del kit, y las páginas que utilizan el diseño del tema en lugar de Elementor Full Width. Deshabilite los colores y fuentes predeterminados en la configuración de Elementor y cambie cada página importada a la plantilla Full Width.
¿Cómo obtengo el encabezado y el pie de página de un kit de plantillas para mostrarlos en mi sitio?
Cree una plantilla de encabezado en Master Addons Theme Builder, inserte la sección de encabezado del kit desde la biblioteca Elementor y publíquela con una condición de visualización en todo el sitio. Repita con una plantilla de pie de página. Luego, ambos aparecen en cada página automáticamente.
¿los kits de plantillas de Master Addons son gratuitos?
La función de carga y varios kits de la biblioteca son gratuitos. Los kits Pro requieren una licencia Master Addons Pro, que también desbloquea los widgets premium y viene con una garantía de devolución de dinero de 14 días.
Envolviendo
La importación de un kit de plantillas de Envato Elements se reduce a siete pasos: cargue el ZIP en los kits de plantillas de complementos maestros, importe primero los estilos de kit globales, importe las páginas, cree el encabezado y el pie de página en Theme Builder, establezca páginas en masa en Elementor Full Width, deshabilite los colores y fuentes predeterminados de Elementor y configure su página de inicio. Toda la ejecución dura unos diez minutos y la mayor parte se realiza observando barras de progreso.
Coge un kit que te guste y, si te quedas atascado en cualquier lugar, el documentación de importación del kit de plantilla y el guía de kits prefabricados cubre cada pantalla en detalle.
Lectura relacionada: Mejores temas de Elementor para emparejar con kits de plantillas y cómo crear una página de blog con Elementor una vez que su kit esté activo.
