En resumen: Cómo instalar un kit de plantillas en WordPress
Puedes instalar un kit de plantillas en WordPress sin código, tanto si quieres un kit rápido todo en uno como si has descargado uno de Envato o Elementor. Aquí tienes la versión rápida:
- Instala SeedProd: Añade el plugin SeedProd y activa tu clave de licencia para desbloquear la biblioteca de Kits de Sitio Web.
- Elige un kit: Abre el Constructor de Temas, haz clic en Temas y selecciona un kit con el icono de marca de verificación naranja.
- Actívalo: Cambia el interruptor Activar Tema SeedProd a Activado para que el kit esté en línea.
- Importar un kit de Envato o Elementor: Instala el plugin gratuito Template Kit Import, y luego sube el ZIP en Herramientas.
- Personaliza: Cambia el logo, reemplaza el contenido de demostración y establece tus colores y fuentes en el editor visual.
Has encontrado un kit de plantillas que te gusta y quieres que esté en línea en WordPress sin tocar código. O ya has descargado uno de Envato o Elementor y te encuentras mirando un archivo ZIP sin saber dónde va.
En cualquier caso, esto se puede hacer en unos pocos clics. Recientemente construí un sitio para la panadería de un amigo con el kit Café de SeedProd y lo tuve en línea en menos de una hora, sin código. En esta guía, te mostraré cómo instalar un kit de plantillas en WordPress para ambas opciones.
¿Qué es un kit de plantillas de WordPress?
Los kits de plantillas de WordPress son una colección de plantillas de página y elementos prediseñados que te permiten crear un sitio web sin código. Tienen un diseño moderno que puedes personalizar para adaptarlo a la imagen de tu negocio visualmente con arrastrar y soltar.
Los kits de plantillas incluyen todo lo que necesitas para crear un sitio WordPress totalmente responsive. Por ejemplo, consistirán en:
- Página del blog
- Página de inicio
- Encabezado
- Pie de página
- Página "Acerca de"
- Página de contacto
Dependiendo de las características del kit, también puede incluir otras páginas para servicios, portafolio, equipo, testimonios y más.
Estos kits también pueden tener muchos nombres. Algunas empresas pueden llamarlos kits de sitio web, o plantillas de sitio web, mientras que otras los llamarán plantillas de inicio de WordPress. Típicamente hacen lo mismo: construir un sitio web de WordPress rápidamente sin código.
Cómo instalar un kit de plantillas en WordPress (Paso a paso)
La ruta más rápida para la mayoría de los principiantes es un Kit de Sitio Web de SeedProd, que se instala en unos pocos clics directamente desde tu panel de control. SeedProd es un constructor de sitios web de arrastrar y soltar con más de 1 millón de usuarios, y tiene una biblioteca creciente de kits de sitio web profesionales que puedes instalar con un solo clic.
Este fue el método que utilicé para el sitio de la panadería, en línea en menos de una hora sin escribir una línea de código. Si ya has descargado un kit de Envato o Elementor en su lugar, salta a la sección de importación de ZIP más abajo.
Dado que los kits de SeedProd se llaman Kits de Sitio Web, usaré esa terminología a partir de ahora. Sigue los pasos a continuación para instalar uno.
Paso 1: Instalar y activar el plugin SeedProd
El primer paso es descargar una copia del plugin de WordPress SeedProd. Para usar los Kits de Sitio Web de SeedProd, necesitarás al menos un plan SeedProd Plus, que es el nivel donde se desbloquean el Constructor de Temas y los Kits de Sitio Web Completos.
Inicia sesión en el panel de tu cuenta de SeedProd y haz clic en la pestaña Descargas. En esta página, puedes descargar el archivo .zip del plugin y copiar tu clave de licencia.
Despu ilde{s} de descargar SeedProd, ve a Plugins » A ilde{n}adir nuevo desde tu ilde{a}rea de administraci ilde{o}n de WordPress y haz clic en A ilde{n}adir nuevo. Desde all ilde{i}, haz clic en el bot ilde{o}n elegir archivo, selecciona el archivo del plugin SeedProd y haz clic en Instalar ahora.
En la siguiente pantalla, haz clic en el enlace Activar para habilitar el plugin SeedProd en tu sitio de WordPress.
Ahora que SeedProd est ilde{a} activo, ve a la p ilde{a}gina SeedProd » Ajustes e introduce la clave de licencia que copiaste anteriormente. Despu ilde{s} de pegarla en el campo Clave de licencia, haz clic en el bot ilde{o}n Activar clave.
Con tu clave de licencia activa, es hora de instalar un kit de sitio web.
Paso 2: Elige un Kit de Plantillas de la Biblioteca
Los kits de sitio de SeedProd funcionan con su funci ilde{o}n Theme Builder. Para elegir uno para tu sitio web, ve a SeedProd » Theme Builder y haz clic en el bot ilde{o}n Temas.
En la siguiente pantalla, ver ilde{a}s la biblioteca de kits de sitio de SeedProd. Incluye dise ilde{n}os limpios para m ilde{u}ltiples industrias empresariales, incluyendo:
- Coches y mantenimiento
- Aplicaciones m ilde{34}viles
- Tiendas de comercio electr ilde{34}nico
- Servicios profesionales
- Restaurantes y cafeter ilde{34}as
- Blogs y moda
- Hipotecas y bienes ra ilde{34}ces
- Eventos y juegos
Te mostrar ilde{e} c ilde{o}mo personalizarlos m ilde{a}s tarde, pero por ahora, pasa el cursor sobre el kit que te guste y haz clic en el icono de la marca de verificaci ilde{o}n naranja.
SeedProd a ilde{n}adir ilde{a} el kit completo al panel de tu theme builder como una lista de partes de plantilla personalizables. Dependiendo del kit que elijas, incluir ilde{a}:
- Plantillas de encabezado y pie de p ilde{34}gina
- Plantillas de p ilde{34}gina de inicio y blog
- Plantillas de p ilde{34}gina y entrada ilde{35}nica
- Plantilla CSS global
Esta es la parte del proceso que me parece realmente r ilde{a}pida. Para ese sitio de reposter ilde{i}a, eleg ilde{i} un kit con men ilde{u} y formulario de contacto integrados, y todo el dise ilde{n}o estuvo listo antes de que terminara mi caf ilde{e}.
Si eliges un kit de sitio web con p ilde{a}ginas adicionales, puedes encontrarlas yendo a P ilde{a}ginas » Todas las p ilde{a}ginas desde tu administraci ilde{o}n de WordPress. Cubrir ilde{e} la edici ilde{o}n de esas con m ilde{a}s detalle m ilde{a}s tarde.
Cómo reutilizar un kit de SeedProd en otro sitio
Como SeedProd te permite crear temas personalizados de WordPress, puedes crear tus propios kits de sitio web y reutilizarlos en proyectos futuros. Eso te ahorra empezar desde cero cada vez.
Crea tu kit personalizado con el theme builder, luego exporta el archivo .zip como un tema personalizado de WordPress. Aqu ilde{i} tienes una gu ilde{i}a sobre c ilde{o}mo exportar un tema de SeedProd para WordPress.
Luego puedes importar el kit a cualquier otro sitio con una instalaci ilde{o}n activa de SeedProd. Ve a SeedProd » Importar/Exportar, haz clic en Elegir archivo en la secci ilde{o}n Importar archivos de tema, y haz clic en el bot ilde{o}n Importar archivos de tema.
Despu ilde{34}s de unos segundos, ver ilde{34}s una notificaci ilde{34}n verde que dice que la importaci ilde{34}n fue exitosa.
Paso 3: Habilitar el kit de plantilla en tu sitio de WordPress
Las plantillas de SeedProd est ilde{a}n deshabilitadas por defecto para que no sobrescriban tu tema actual antes de que est ilde{e}s listo. Reemplaza el contenido de demostraci ilde{o}n con el tuyo antes de completar este paso (te mostrar ilde{e} c ilde{o}mo hacerlo a continuaci ilde{o}n).
Para hacer que tu kit de sitio web est ilde{e} en vivo y sobrescribir tu tema de WordPress actual, ve a la p ilde{a}gina SeedProd » Theme Builder, busca el interruptor Habilitar tema de SeedProd y ponlo en la posici ilde{o}n "Activado".
Ahora puedes previsualizar tu nuevo kit de sitio web en WordPress.
Instalar kits de sitio web en WordPress con SeedProd solo lleva unos pocos clics. A continuaci ilde{o}n, cubrir ilde{e} la otra v ilde{i}a, importar un kit que hayas descargado de Envato o Elementor.
Cómo instalar un ZIP de kit de plantillas de Envato o Elementor
Si llegaste con un kit ya descargado de Envato Elements o creado para Elementor, lo importas con un plugin gratuito llamado Template Kit Import. Lee el ZIP, configura las plantillas y te dice qué plugins necesita el kit para funcionar.
Una cosa a tener en cuenta es que Envato descontinuó su propio plugin de plantillas Elements, por lo que la antigua ruta que describen muchas guías antiguas ya no funciona. La ruta actual es el plugin gratuito Template Kit Import en wordpress.org.
Para instalarlo, ve a Plugins » Añadir nuevo, busca “Template Kit Import”, luego instálalo y actívalo. Una vez activo, ve a Herramientas » Template Kit y sube tu archivo ZIP.
El importador escanea el kit y enumera los plugins requeridos (a menudo Elementor y un complemento específico del kit). Instala esos primero, luego vuelve a ejecutar la importación para traer las plantillas.
Qué hacer cuando un kit se importa en blanco o con errores
Una importación en blanco o fallida casi siempre se debe a un plugin requerido que falta. La herramienta de importación marca estos en la parte superior de la pantalla, así que instala todo lo que enumera y vuelve a importar.
Específicamente para los kits de Elementor, asegúrate de que la configuración del contenedor flex coincida con lo que se creó el kit. Si los diseños se ven rotos después de la importación, esa discrepancia suele ser la causa, y cambiar la configuración antes de volver a importar lo soluciona.
Cómo personalizar tu kit de plantillas en WordPress
Después de instalar un kit, probablemente querrás cambiar algunas cosas. Con el editor visual de arrastrar y soltar de SeedProd, las tres cosas que tocarás primero son el logo, el contenido de la página y tus colores y fuentes globales.
Añade el logo de tu sitio web. Ve a SeedProd » Theme Builder, busca la parte de la plantilla Header y haz clic en el enlace Edit Design.
La cabecera se abre en el editor visual, donde puedes hacer clic, arrastrar y soltar para personalizarla.
Haz clic en el logo predeterminado en la vista previa en vivo para abrir su configuración en el panel izquierdo, luego haz clic en el icono de la papelera para eliminar la imagen del logo. Ahora puedes subir un logo personalizado de tu biblioteca de medios, añadir un enlace a la imagen y ajustar su tamaño y alineación.
También puedes personalizar el menú de navegación, la barra de búsqueda y los enlaces de redes sociales aquí. Cuando estés satisfecho, haz clic en el botón Guardar en la esquina superior derecha y comprueba la nueva cabecera en el front-end de tu sitio.
Reemplaza el contenido de demostración. Los kits vienen con contenido de demostración para que puedas visualizar el sitio terminado, pero necesitarás intercambiarlo por los detalles de tu negocio. He utilizado el kit de plantillas Freelancer para crear páginas de destino rápidas para proyectos de portafolio.
En lugar de empezar desde cero, simplemente cambio el texto y las imágenes y publico. Es perfecto para trabajos secundarios o para clientes, y utiliza los mismos principios que personalizar la cabecera.
Para personalizar la página de inicio de tu WordPress, haz clic en el enlace Edit Design en la plantilla Homepage. Hacer clic en cualquier encabezado te permite editar el texto directamente en la vista previa o en el panel de configuración de contenido.
Puedes intercambiar imágenes de la misma manera que lo hiciste con el logo, y editar los botones de llamada a la acción para aumentar los clics y las conversiones.
Consejo profesional: Los bloques de Botones de SeedProd tienen plantillas predefinidas para facilitar el estilo. Haz clic en la pestaña Plantillas en el panel de Configuración y selecciona cualquier estilo de botón con un solo clic.
Para páginas de contenido como Acerca de, Contacto y Servicios, ve a Páginas » Todas las páginas desde tu administrador de WordPress, ya que estas no son partes de plantilla.
Haz clic en el enlace Editar con SeedProd para abrir la página en el editor visual. Personalizarlo funciona de la misma manera: haz clic en cualquier lugar de la vista previa para editar, y arrastra bloques desde el menú de bloques para agregar más elementos.
Por ejemplo, puedes eliminar el bloque del formulario de suscripción con el icono de la papelera, luego arrastrar el bloque Formulario de contacto para agregar tu formulario de contacto de WPForms.
Establece tus colores y fuentes globales. Para que coincida con tu marca en todo el sitio, haz clic en el enlace Editar diseño en la plantilla CSS global desde el panel de control del Theme Builder. Expande un encabezado y cambia la configuración para adaptarla a tus necesidades.
Puedes elegir colores personalizados para enlaces, botones, texto y fondos, y establecer tu tipografía, diseño y CSS personalizado. Los cambios se aplican automáticamente en todo tu sitio.
Preguntas frecuentes sobre la instalación de kits de plantillas de WordPress
¿Cómo instalo un kit de plantillas ZIP de Envato o Elementor en WordPress?
Instala el plugin gratuito Template Kit Import desde wordpress.org, luego ve a Herramientas » Template Kit y carga tu archivo ZIP. El importador lee el kit y enumera los plugins que necesita.
Instala primero esos plugins requeridos, luego ejecuta la importación nuevamente para traer las plantillas.
El plugin del kit de plantillas de Envato ya no existe, ¿cómo importo un kit ahora?
Envato descontinuó su propio plugin de kit de plantillas Elements, por lo que las instrucciones antiguas ya no aplican. La ruta actual es el plugin gratuito Template Kit Import en wordpress.org.
Instálalo y actívalo, luego carga tu kit ZIP en Herramientas » Template Kit.
¿Por qué mi kit de plantillas se importa en blanco o muestra requisitos faltantes?
Una importación en blanco o fallida generalmente significa que un plugin requerido aún no está instalado. La herramienta de importación marca estos en la parte superior de la pantalla, así que instala todo lo que enumera y vuelve a importar.
Para los kits de Elementor, un diseño roto a menudo se reduce a que la configuración del contenedor flex no coincide con lo que espera el kit.
¿Los kits de plantillas funcionan con el editor de bloques sin un constructor de páginas?
La mayoría de los kits de plantillas están creados para un constructor específico como SeedProd o Elementor, por lo que los instalas a través de ese plugin en lugar del editor de bloques estándar. Los "patrones" basados en bloques existen en el núcleo de WordPress, pero no son lo mismo que los kits completos.
Para un kit sin código que se instala en unos pocos clics, un constructor como SeedProd es el camino más sencillo.
¿Instalar un kit de plantillas borrará mi contenido actual?
No de inmediato. Herramientas como SeedProd te permiten previsualizar y personalizar un kit antes de activarlo. Simplemente haz una copia de seguridad de tu sitio primero y reemplaza el contenido de demostración antes de publicarlo.
¿Puedo usar el mismo kit de plantillas en varios sitios web?
Sí, siempre que tu licencia lo permita. Con SeedProd Pro, por ejemplo, puedes exportar tu kit de plantillas personalizado y reutilizarlo en otros sitios de WordPress.
Próximos pasos
Empezaste con un kit y sin un camino claro para ponerlo en marcha, y ahora lo tienes, sin necesidad de código. SeedProd facilita la personalización de cualquier parte de tu sitio de WordPress sin aprender a codificar ni contratar a un desarrollador.
Empieza hoy mismo con SeedProd
Aquí tienes otras guías que pueden resultarte útiles para el sitio web de tu negocio:
- ¿Cómo crear divisores de sección elegantes para sitios web de WordPress?
- Cómo crear una página de blog en WordPress
- Cómo personalizar fácilmente tu página de tienda WooCommerce
¡Gracias por leer! Nos encantaría conocer tu opinión, así que únete a la conversación en YouTube, X y Facebook para obtener más consejos y contenido útil para hacer crecer tu negocio.
