¿Quieres saber cómo instalar un kit de plantillas en WordPress sin tocar código?
Los kits de plantillas te dan todo lo que necesitas para crear un sitio WordPress personalizado rápidamente, sin necesidad de desarrollador ni conocimientos de codificación. Puedes lanzar un sitio profesional en minutos simplemente importando un kit y personalizándolo visualmente.
En esta guía, te mostraré cómo instalar un kit de plantillas en WordPress paso a paso utilizando el método más fácil para principiantes.
Resumen rápido: Cómo instalar un kit de plantillas en WordPress
Puedes instalar un kit de plantillas en WordPress en solo unos pocos pasos. Aquí tienes un resumen rápido:
Recorreremos cada paso a continuación con capturas de pantalla y consejos profesionales.
Tutorial en vídeo
¿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. Sin embargo, típicamente hacen lo mismo: crear un sitio web WordPress rápidamente sin código.
La pregunta sigue siendo: ¿cómo eliges un kit de sitio web y dónde puedes encontrarlos?
Dónde encontrar los mejores kits de plantillas de WordPress
Los kits de plantillas son una característica esencial para muchos plugins de constructor de páginas de WordPress. Además de permitirte crear páginas individuales de WordPress desde cero, a menudo tienen la funcionalidad para el diseño web sin código.
Aquí tienes algunos de los mejores constructores de páginas de WordPress que ofrecen kits de plantillas para múltiples industrias empresariales.
Constructor de sitios web de WordPress SeedProd
SeedProd es el mejor constructor de sitios web de WordPress con más de 1 millón de usuarios. Facilita la creación de cualquier sitio de WordPress sin esfuerzo con su interfaz amigable para principiantes y su editor de arrastrar y soltar.
Puedes usar SeedProd para:
- Crear sitios completos de WordPress sin código
- Crear un tema de WordPress personalizado desde cero
- Crear páginas de destino de alta conversión
- Crear sitios web de WooCommerce
- Poner WordPress en modo de mantenimiento
- Crear una página de "Próximamente"
- Personalizar tu página de inicio de sesión de WordPress
- Y más
Este potente plugin tiene más de 180 plantillas de páginas de destino responsivas y una biblioteca en crecimiento de kits de sitios web profesionales que puedes instalar con un solo clic. Puedes personalizar cada kit de sitio web fácilmente añadiendo formularios de suscripción, formularios de contacto, tablas de precios, galerías y más.
SeedProd se integra con plugins populares de WordPress como MonsterInsights, WPForms y All in One SEO para mejorar tus esfuerzos de marketing digital. También te ayuda a recopilar direcciones de correo electrónico integrándose con los mejores servicios de marketing por correo electrónico.
Empieza hoy mismo con SeedProd.
Elementor Page Builder
Elementor es otro constructor de páginas de WordPress con funcionalidad de arrastrar y soltar. Funciona de manera similar a SeedProd, permitiéndote usar su editor visual en vivo para construir sitios web y páginas de destino sin necesidad de contratar a un desarrollador.
La biblioteca de plantillas de Elementor incluye varias plantillas y diseños de páginas de destino predefinidos para múltiples industrias. También puedes instalar el plugin de kit de plantillas de Elementor, que te permite instalar diseños de sitios web predefinidos en WordPress.
Aunque hay muchos constructores de sitios web disponibles, creemos que SeedProd y Elementor ofrecen lo mejor del mercado.
Dicho esto, veamos ahora cómo instalar kits de plantillas en WordPress.
Cómo instalar un kit de plantillas en WordPress (Paso a Paso)
Para este tutorial, te mostraremos cómo instalar kits de sitios web en WordPress usando SeedProd. Elegimos SeedProd porque tiene la instalación de kits de plantillas más rápida y la interfaz más sencilla.
Además, SeedProd es ligero y no tiene código innecesario, lo que significa que no ralentizará tu sitio de WordPress. Sigue los pasos a continuación para instalar un kit de sitio de SeedProd.
Dado que los kits de SeedProd se llaman Kits de Sitio Web, usaremos esa terminología a partir de ahora.
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 SeedProd, necesitarás al menos un plan Pro de SeedProd.
A continuación, 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 Pro.
Después de descargar SeedProd, navega a Plugins » Añadir Nuevo desde tu área de administración de WordPress y haz clic en Añadir Nuevo. Desde allí, haz clic en el botó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á activo, puedes ir a la página SeedProd » Ajustes e introducir la clave de licencia que copiaste anteriormente. Después de pegarla en el campo Clave de licencia, haz clic en el botó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 a la perfecci ilde{34}n con su funci ilde{34}n Theme Builder. Para elegir uno para tu sitio web, ve a SeedProd » Theme Builder y haz clic en el bot ilde{34}n Themes .
En la siguiente pantalla, ver ilde{34}s la biblioteca de kits de sitios web de SeedProd.
Incluye una variedad de dise ilde{34}os limpios para m ilde{35}ltiples industrias empresariales, como:
- 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
- Y m ilde;s.
Te mostraremos c ilde{34}mo personalizarlos m ilde{34}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{34}n naranja.
SeedProd aar{a}adir ilde{34} ahora el kit completo a tu panel de control de Theme Builder como una lista de partes de plantilla personalizables. Dependiendo del kit de sitio web que elijas, incluir ilde{34}:
- 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
Recientemente ayud ilde{34} a una amiga a crear un sitio para su panader ilde{34}a usando el kit de plantilla "Caf ilde{34}" de SeedProd. Elegimos un kit con men ilde{35} y formulario de contacto incorporados, y el sitio estuvo en funcionamiento en menos de una hora, sin escribir una sola l ilde{34}nea de c ilde{34}digo.
Si eliges un kit de sitio web con p ilde{34}ginas adicionales, puedes encontrarlas yendo a P ilde{34}ginas » Todas las p ilde{34}ginas desde tu administrador de WordPress. Entraremos en detalle sobre c ilde{34}mo editarlas m ilde{34}s tarde.
Nota: Si instalas un kit de sitio de comercio electr ilde{34}nico, necesitar ilde{34}s una licencia de SeedProd Elite y tener activo el plugin WooCommerce.
C ilde{34}mo importar un archivo ZIP de kit de plantilla en WordPress
Como SeedProd te permite crear temas personalizados de WordPress, puedes crear f ilde{34}cilmente tus propios kits de sitio web para futuros proyectos de dise ilde{34}o web. Esta es una excelente manera de optimizar tu flujo de trabajo sin tener que empezar desde cero en cada proyecto.
Simplemente crea tu kit de sitio web personalizado con el Theme Builder, y luego exporta el archivo .zip como un tema personalizado de WordPress. Aqu ilde{34} tienes una gu ilde{34}a paso a paso sobre c ilde{34}mo exportar un tema de SeedProd para WordPress.
Ahora puedes importar el kit a cualquier otro sitio con una instalaci ilde{34}n activa de SeedProd. Simplemente ve a SeedProd » Importar/Exportar, haz clic en Elegir archivo en la secci ilde{34}n Importar archivos de tema, y haz clic en el bot ilde{34}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{34}n deshabilitadas por defecto para asegurar que no sobrescriban tu tema actual antes de que est ilde{34}s listo. Aseg ilde{34}rate de reemplazar el contenido de demostraci ilde{34}n con el tuyo antes de completar este paso (te mostraremos c ilde{34}mo m ilde{34}s adelante en esta publicaci ilde{34}n).
Para que tu kit de sitio web est ilde{34} en l ilde{34}nea y sobrescriba tu tema de WordPress actual, ve a la p ilde{34}gina SeedProd » Theme Builder, busca el interruptor Habilitar tema de SeedProd y ponlo en la posici ilde{34}n "Activado".
¡Ahora puedes previsualizar tu flamante kit de sitio web en WordPress!
Instalar kits de sitios web en WordPress con SeedProd solo lleva unos pocos clics. Ahora veremos cómo editar y personalizar tu diseño con más detalle.
Cómo personalizar tu kit de plantillas en WordPress
Después de instalar un kit en tu sitio de WordPress, probablemente querrás cambiar algunas cosas. A continuación, te mostraremos cómo personalizar diferentes partes de tu kit con el editor visual de arrastrar y soltar de SeedProd.
Añadir el logo de tu sitio web
Una de las primeras cosas que querrás cambiar es el logo predeterminado de la plantilla. Para ello, ve a SeedProd » Theme Builder, busca la parte de la plantilla Header y haz clic en el enlace Edit Design.
El encabezado se abrirá en el editor visual, donde puedes hacer clic, arrastrar y soltar para personalizar el contenido.
Haz clic en el logo predeterminado en la vista previa en vivo para abrir la 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 de WordPress, añadir un enlace personalizado a la imagen y ajustar su tamaño y alineación.
Aquí hay algunas otras cosas que puedes personalizar en la plantilla de encabezado:
- Menú de navegación
- Cuadro de búsqueda
- Enlaces a redes sociales
Cuando estés satisfecho con tus personalizaciones, haz clic en el botón Save en la esquina superior derecha. Ahora puedes ver tu nuevo encabezado en el front-end de tu sitio.
Personalizar tu contenido
Las plantillas de SeedProd vienen con contenido de demostración para facilitar la visualización de tu sitio web terminado. Sin embargo, necesitarás reemplazar este contenido con información sobre tu negocio, productos o servicios.
Por ejemplo, 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.
Puedes reemplazar el contenido predeterminado fácilmente utilizando los mismos principios que para personalizar el contenido del encabezado.
Partes de la plantilla
Por ejemplo, para personalizar tu página de inicio de WordPress, haz clic en el enlace Edit Design en la plantilla Homepage. Luego puedes personalizar cada parte del diseño en el editor visual.
Por ejemplo, al hacer clic en cualquier encabezado, puedes editar el texto del encabezado directamente en tu vista previa o en el panel de configuración de contenido.
También puedes cambiar imágenes como lo hiciste con tu logo y editar los botones de llamada a la acción para aumentar clics y conversiones.
Consejo Pro: Los bloques de Botones de SeedProd tienen plantillas predefinidas para un estilo fácil. Haz clic en la pestaña Templates en el panel de Configuración y selecciona cualquier estilo de botón con un solo clic.
Páginas de contenido
Querrás editar tus páginas de contenido, como tus páginas de Acerca de, Contacto y Servicios. Como estas páginas no son partes de plantilla, puedes encontrarlas yendo a Pages » All Pages desde tu administrador de WordPress.
Desde allí, haz clic en el enlace Edit with SeedProd para abrir la página en el editor visual.
Personalizar la página funciona igual que antes. Puedes hacer clic en cualquier lugar de la vista previa para editar y arrastrar bloques desde el menú de bloques para agregar más elementos a la página.
Por ejemplo, puedes eliminar el bloque del formulario de suscripción haciendo clic en el icono de la papelera, luego arrastra el bloque Formulario de contacto para agregar tu formulario de contacto de WPForms aquí.
Cómo editar la configuración de tu kit de plantillas global
También querrás personalizar las fuentes y los colores de tu plantilla para que coincidan con la marca de tu pequeña empresa. Esto es fácil de hacer con la configuración CSS global de SeedProd.
Desde el panel del Theme Builder, haz clic en el enlace Editar diseño en la plantilla CSS global para abrirla en el editor visual.
Ahora puedes ajustar el estilo de los elementos en todo tu sitio web. Simplemente expande un encabezado y cambia la configuración para adaptarla a tus necesidades.
Por ejemplo, puedes elegir colores personalizados para enlaces, botones, texto y fondos. También puedes personalizar la tipografía, los botones, el diseño y el CSS personalizado de tu sitio para aplicar los cambios en todo tu sitio automáticamente.
Preguntas frecuentes sobre la instalación de kits de plantillas de WordPress
Próximos pasos
Como puedes ver, SeedProd hace que sea muy fácil personalizar cualquier parte de tu sitio de WordPress sin necesidad de aprender código o contratar a un desarrollador.
Espero que hayas disfrutado de este artículo y que te haya ayudado a aprender cómo instalar kits de plantillas en WordPress.
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.
