Cómo usar plantillas de inicio en WordPress para construir cualquier sitio que necesites
Las plantillas de inicio en WordPress son diseños de página prediseñados y completamente elaborados que puedes importar a tu sitio con un solo clic, proporcionándote una estructura visual completa — encabezados, pies de página, páginas internas, tipografía y esquemas de colores — sin escribir una sola línea de código. Vienen incluidas con temas como Astra, Neve, Kadence y OceanWP, y se accede a ellas a través de plugins complementarios que se conectan a una biblioteca de diseños específicos por industria.
El valor práctico es significativo: en lugar de construir una página de inicio desde cero, importas una plantilla adaptada a tu nicho (producto SaaS, bufete de abogados, tienda WooCommerce, portafolio) y luego reemplazas el contenido de marcador de posición con el tuyo propio. Todo el proceso, desde una instalación de WordPress en blanco hasta un sitio con estilo y múltiples páginas, puede tomar menos de 30 minutos — siempre que tu entorno de alojamiento esté correctamente configurado.
Lo que necesitas antes de comenzar
Antes de tocar el panel de WordPress, verifica los siguientes requisitos previos del lado del servidor. Muchos fallos en la importación de plantillas se deben a una configuración de alojamiento inadecuada, no a errores de plugins.
Requisitos mínimos de PHP y memoria:
- PHP 7.4 o superior (PHP 8.1+ recomendado para temas modernos)
memory_limitconfigurado en al menos 256 MB enphp.ini
max_execution_time de 300 segundos o más
upload_max_filesize y post_max_size ambos en 64 MB o superior
Si tienes un plan de Alojamiento VPS, puedes editar estos valores directamente en /etc/php/8.1/fpm/php.ini (ajusta la ruta de la versión para que coincida con tu stack) y recargar PHP-FPM:
sudo nano /etc/php/8.1/fpm/php.ini
# Set: memory_limit = 256M, max_execution_time = 300
sudo systemctl reload php8.1-fpm
En entornos compartidos, estos límites a menudo se configuran a través del panel de control del alojamiento. Si utilizas un plan de Alojamiento Web Compartido, revisa la sección de configuración de PHP en cPanel o contacta con el soporte para aumentar los límites antes de intentar una importación completa del sitio.
Se recomienda encarecidamente SSL antes del lanzamiento. Importar una plantilla a través de HTTP y luego cambiar a HTTPS más tarde provoca problemas de contenido mixto en imágenes y scripts incrustados. Configura tu Certificado SSL antes de ejecutar la importación.
Paso 1: Elige un tema que admita plantillas de inicio
No todos los temas de WordPress incluyen una biblioteca de plantillas. Los siguientes cuatro son los ecosistemas más maduros, cada uno con cientos de plantillas y desarrollo activo:
Tema
Tamaño de la biblioteca de plantillas
Compatibilidad con constructores de páginas
Base ligera (KB)
Nivel gratuito
—
—
—
—
—
**Astra**
250+ plantillas
Elementor, Gutenberg, Beaver Builder, Brizy
~50 KB
Sí
**Neve**
100+ plantillas
Elementor, Gutenberg, Brizy
~30 KB
Sí
**Kadence**
100+ plantillas
Gutenberg (nativo), Elementor
~40 KB
Sí
**OceanWP**
50+ plantillas
Elementor, Gutenberg
~60 KB
Sí
Astra es la opción más ampliamente utilizada y tiene la integración más profunda con Elementor. Kadence es la mejor opción si deseas mantenerte completamente dentro del editor de bloques nativo Gutenberg y evitar la dependencia de un constructor de páginas de terceros. Neve es el más optimizado para el rendimiento de fábrica.
Para instalar el tema elegido:
Inicia sesión en tu panel de WordPress.
Ve a Apariencia > Temas.
Haz clic en Añadir nuevo y busca tu tema por nombre.
Haz clic en Instalar y luego en Activar.
Paso 2: Instala el plugin de plantillas de inicio
Cada ecosistema de temas utiliza un plugin ligeramente diferente para exponer su biblioteca de plantillas. La tabla a continuación relaciona los temas con sus plugins complementarios:
Tema
Nombre del plugin
Slug en WordPress.org
—
—
—
Astra
Starter Templates
`astra-sites`
Neve
Neve Pro / Otter Blocks
`otter-blocks`
Kadence
Kadence Starter Templates
`kadence-starter-templates`
OceanWP
Ocean Extra
`ocean-extra`
Para Astra (el flujo de trabajo más común):
Ve a Plugins > Añadir nuevo.
Busca Starter Templates.
Instala y activa el plugin llamado Starter Templates – Elementor, Gutenberg & Beaver Builder Templates.
Una vez activado, aparece un nuevo elemento de menú en Apariencia > Starter Templates.
Caso límite crítico: Si estás migrando un sitio existente y ya tienes contenido, no ejecutes una importación completa del sitio. Esto sobrescribirá tus páginas, menús y widgets existentes. Usa Importar página individual o Importar plantilla de inicio en su lugar, y fusiona manualmente los elementos de diseño que necesites.
Paso 3: Selecciona e importa una plantilla de inicio
Después de activar el plugin, el asistente de importación se inicia automáticamente o es accesible a través de Apariencia > Starter Templates.
Flujo de trabajo:
Elige tu constructor de páginas. El asistente pregunta si deseas usar Elementor, Gutenberg o Beaver Builder. Esta elección es permanente para la importación — no puedes mezclar constructores dentro de una sola importación de plantilla. Elige Gutenberg si deseas una configuración más ligera y sin plugins; elige Elementor si necesitas flexibilidad avanzada de arrastrar y soltar.
Filtra por categoría. Las plantillas están organizadas por industria (Negocios, eCommerce, Agencia, Restaurante, Portafolio, Educación, etc.). Usa la barra de búsqueda para filtrar por palabras clave.
Previsualiza antes de importar. Haz clic en cualquier miniatura de plantilla para abrir una vista previa en vivo. Inspecciona las páginas internas (Acerca de, Contacto, Blog) — no solo la página de inicio — porque la página de inicio a menudo luce pulida mientras que las páginas internas son escasas.
Elige el alcance de tu importación:
Importar sitio completo — importa todas las páginas, publicaciones, menús, widgets y configuraciones del personalizador de temas. Ideal para sitios nuevos.
Importar plantilla de inicio — importa solo el diseño de la página de inicio. Ideal para sitios existentes donde solo deseas renovar la página principal.
Confirma la importación. El plugin descargará contenido de demostración, imágenes (desde Unsplash o el CDN del plugin) y configuraciones del personalizador. En conexiones más lentas o servidores restrictivos, esto puede tardar entre 60 y 90 segundos.
Qué se importa y qué no:
Recurso
Importado
Notas
—
—
—
Diseños de página
Sí
Todas las páginas de la demo
Imágenes de demo
Sí
Imágenes de marcador de posición del CDN de Unsplash
Plugins (WooCommerce, etc.)
Con aviso
El instalador de plugins se ejecuta como parte del asistente
Tus publicaciones/páginas existentes
No
El contenido existente no se elimina a menos que elijas “Eliminar datos importados previamente”
Configuración de dominio/DNS personalizado
No
Debe configurarse por separado
Certificado SSL
No
Debe estar preconfigurado
Paso 4: Personaliza la plantilla
Usando el editor Elementor
Ve a Páginas, pasa el cursor sobre cualquier página y haz clic en Editar con Elementor. El editor visual se abre con el diseño importado completamente editable.
Acciones clave de personalización:
Reemplazar imágenes: Haz clic en cualquier widget de imagen, luego haz clic en la miniatura de la imagen en el panel izquierdo para abrir la biblioteca de medios. Reemplaza las imágenes de demo con tus propios recursos.
Editar texto en línea: Haz clic directamente en cualquier elemento de texto para editarlo en su lugar.
Colores y fuentes globales: En Elementor, ve a Configuración del sitio > Colores globales y Fuentes globales para definir tu paleta de marca y sistema tipográfico a nivel de todo el sitio. Cambiar un color global actualiza simultáneamente todos los elementos que lo referencian en todas las páginas.
Estructura de secciones y columnas: Haz clic derecho en cualquier sección para duplicarla, eliminarla o moverla. Usa el panel Navegador (el ícono de capas en la barra de herramientas inferior) para diseños complejos con secciones anidadas.
Después de editar, haz clic en Actualizar (no en Publicar — la página ya está publicada; Actualizar guarda tus cambios).
Usando el editor de bloques Gutenberg
Ve a Páginas, haz clic en Editar en la página de destino. El editor de bloques se abre con el diseño basado en patrones importado.
Acciones clave de personalización:
Haz clic en cualquier bloque para seleccionarlo. Usa la barra de herramientas sobre el bloque para opciones de alineación, color y formato.
Usa la Vista de lista (el ícono de líneas apiladas en la barra de herramientas superior) para ver y navegar por la jerarquía completa de bloques — esencial para plantillas complejas con bloques de Grupo y Portada anidados.
Para cambiar los estilos globales, ve a Apariencia > Editor > Estilos (temas de edición completa del sitio) o Apariencia > Personalizar (temas clásicos).
El panel Estilos en el Editor del sitio te permite establecer tipografía global y paletas de colores que se aplican en cascada a todos los bloques.
Nota de rendimiento: Las plantillas basadas en Gutenberg generan HTML más limpio y cargan más rápido que las basadas en Elementor porque no requieren el JavaScript de tiempo de ejecución de Elementor. Para sitios donde los Core Web Vitals son una prioridad, la ruta de Gutenberg es notablemente mejor.
Paso 5: Configura los ajustes globales del tema
Después de importar, abre Apariencia > Personalizar para ajustar el sistema de diseño global. Los paneles disponibles varían según el tema, pero todos los principales temas con plantillas de inicio exponen:
Tipografía:
Establece la familia de fuentes principal para encabezados (H1–H6) y texto del cuerpo.
Define tamaños de fuente, alturas de línea y espaciado entre letras de forma global.
Usa fuentes del sistema (-apple-system, BlinkMacSystemFont, sans-serif) o una selección de Google Fonts. Las fuentes del sistema eliminan una solicitud HTTP externa y mejoran las puntuaciones LCP.
Colores:
Define un color primario (acento de marca), color secundario, color de texto y color de fondo.
Estos valores se aplican a propiedades personalizadas CSS (--wp--preset--color--primary) que todos los bloques y widgets importados referencian.
Diseño:
Establece el ancho global del contenedor (típicamente 1200px–1440px para diseños modernos).
Configura el diseño del encabezado: encabezado fijo, encabezado transparente al desplazarse, comportamiento del menú móvil.
Configura las columnas del pie de página, áreas de widgets y texto de derechos de autor.
Específico de Astra: El personalizador de Astra tiene un panel de Rendimiento donde puedes deshabilitar la carga de Google Fonts (útil si alojas las fuentes localmente para cumplir con el RGPD) y habilitar la minificación de CSS.
Paso 6: Reemplaza el contenido de marcador de posición
El contenido de demo de las plantillas es intencionalmente genérico. El reemplazo sistemático es más rápido que editar página por página:
Ve a Páginas y ordena por Fecha para encontrar todas las páginas importadas durante la configuración de la plantilla.
Abre cada página y reemplaza:
El titular y el cuerpo del texto con tu contenido real.
Las imágenes de demo con tus propias fotos o imágenes de stock con licencia. Usa texto alt descriptivo para cada imagen.
Los números de teléfono, direcciones y correos electrónicos de marcador de posición.
Los enlaces de navegación de demo — verifica en Apariencia > Menús que todos los elementos del menú apunten a páginas reales.
Actualiza el Título del sitio y el Eslogan en Ajustes > Generales.
Establece tu Página de inicio y la Página del blog en Ajustes > Lectura.
Paso crítico para SEO: Después de reemplazar el contenido, instala Yoast SEO o Rank Math y establece un meta título y una meta descripción únicos para cada página. Las importaciones de plantillas no rellenan los metadatos SEO.
Paso 7: Amplía la funcionalidad con plugins
Las plantillas de inicio proporcionan un andamiaje de diseño, no funcionalidad. Dependiendo del tipo de sitio, necesitarás plugins adicionales:
Tipo de sitio
Plugin recomendado
Propósito
—
—
—
eCommerce
WooCommerce
Catálogo de productos, carrito, pago
Generación de leads
WPForms o Contact Form 7
Formularios de contacto y consulta
Membresía
MemberPress o Restrict Content Pro
Contenido restringido
SEO
Rank Math o Yoast SEO
SEO en página, sitemaps, schema
Rendimiento
WP Rocket o LiteSpeed Cache
Caché, minificación, carga diferida
Seguridad
Wordfence o Solid Security
Firewall, análisis de malware
Copias de seguridad
UpdraftPlus
Copias de seguridad automatizadas fuera del sitio
Si estás ejecutando WooCommerce, verifica que tu plan de alojamiento pueda manejar la carga adicional de la base de datos. Un VPS con cPanel te brinda el margen de recursos y la interfaz de gestión para manejar WooCommerce a escala sin las restricciones del alojamiento compartido.
Paso 8: Previsualiza, prueba y lanza
Antes de publicar, repasa esta lista de verificación previa al lanzamiento:
Control de calidad visual:
Previsualiza en escritorio, tableta y móvil usando la vista previa responsiva del Personalizador de WordPress o las DevTools del navegador.
Verifica que no queden imágenes de demo en ninguna página.
Comprueba que todas las fuentes se cargaron correctamente (la limitación de red en DevTools puede revelar parpadeo en el intercambio de fuentes).
Pruebas funcionales:
Envía cada formulario y confirma que el correo electrónico de notificación llega. Revisa la configuración de tu Alojamiento de correo electrónico si los correos transaccionales no se entregan — el wp_mail() predeterminado de WordPress depende de la función mail() de PHP, que muchos proveedores de alojamiento bloquean. Usa un plugin SMTP (WP Mail SMTP, Post SMTP) con credenciales autenticadas.
Haz clic en cada enlace de navegación y botón. Las plantillas importadas a veces contienen URLs de demo codificadas.
Prueba el flujo de pago si WooCommerce está activo.
Línea base de rendimiento:
Ejecuta una prueba de PageSpeed Insights en la página de inicio. Apunta a un LCP inferior a 2,5 segundos y una puntuación CLS por debajo de 0,1.
Si las puntuaciones son bajas, habilita el caché, optimiza las imágenes (convierte a WebP) y considera un CDN.
Seguridad:
Asegúrate de que HTTPS esté aplicado en todo el sitio. Verifica que no haya advertencias de contenido mixto en la consola del navegador.
Cambia el nombre de usuario de administrador predeterminado de WordPress si todavía es admin.
Establece los permisos de archivos: directorios en 755, archivos en 644, y wp-config.php en 600.
Una vez que todas las verificaciones pasen, el sitio está listo. Si todavía está bajo un dominio temporal, actualiza la Dirección de WordPress (URL) y la Dirección del sitio (URL) en Ajustes > Generales después de apuntar tu dominio. Puedes registrar o transferir tu dominio a través de Registro de dominios si aún no lo has hecho.
Errores comunes y cómo evitarlos
La importación falla a mitad del proceso: Generalmente causado por un memory_limit o max_execution_time de PHP demasiado bajo. Aumenta estos valores como se describe en la sección de requisitos previos y vuelve a intentar la importación.
Las imágenes de demo no se cargan después de la importación: El plugin Starter Templates obtiene imágenes de un CDN externo. Si tu servidor tiene restricciones de HTTP saliente o un firewall que bloquea solicitudes externas, las imágenes no se descargarán. Añade los dominios CDN del plugin a la lista blanca o relaja temporalmente las reglas de salida durante la importación.
La plantilla se ve diferente a la vista previa: Esto casi siempre significa que un plugin requerido (Elementor Pro, un complemento específico) no fue instalado. El asistente de importación lista los plugins requeridos — instálalos todos antes de importar.
Los cambios del personalizador no se aplican a las páginas importadas: Algunas plantillas de Elementor usan la configuración global propia de Elementor en lugar del personalizador del tema. Los cambios realizados en Apariencia > Personalizar no afectarán a los elementos controlados por Elementor. Usa Elementor > Configuración del sitio para esas páginas.
Regresión de rendimiento después de la importación: Las importaciones completas del sitio cargan todos los plugins y recursos de demo. Audita tus plugins activos después de la importación y desactiva todo lo que no necesites. Cada plugin activo añade sobrecarga de ejecución PHP en cada carga de página.
Matriz de decisión técnica: Elige tu ruta de construcción
Escenario
Ruta recomendada
—
—
Sitio nuevo, sin contenido existente, necesita velocidad
Astra + Starter Templates + Elementor, importación completa del sitio
Sitio crítico en rendimiento (prioridad Core Web Vitals)
Kadence + Kadence Starter Templates + solo Gutenberg
Sitio existente, rediseño solo de la página de inicio
Cualquier tema + importar plantilla de página individual
Tienda WooCommerce
Astra o Kadence + plantilla específica para WooCommerce
Desarrollador construyendo para un cliente
Neve + tema hijo + importaciones selectivas de bloques
Se requiere huella mínima de plugins
Kadence + Gutenberg, sin Elementor
Lista de verificación previa al lanzamiento
El límite de memoria PHP es de 256 MB o superior antes de la importación
El certificado SSL está activo y HTTPS está aplicado
La importación completa del sitio se completó primero en un entorno de pruebas y luego se trasladó a producción
Todo el texto e imágenes de marcador de posición de demo han sido reemplazados
Los meta títulos y descripciones SEO están configurados en cada página
Todos los formularios probados con entrega real de correo electrónico confirmada
Menús de navegación verificados — sin enlaces rotos ni URLs de demo
Línea base de rendimiento medida con PageSpeed Insights
Plugin de caché activo y configurado
Nombre de usuario de administrador cambiado desde el predeterminado adminwp-config.php establecidos en 600Preguntas frecuentes
¿Puedo usar una plantilla de inicio en un sitio de WordPress existente sin perder mi contenido actual?
Sí, pero debes seleccionar “Importar página individual” o “Importar plantilla de inicio” en lugar de “Importar sitio completo”. La importación completa del sitio sobrescribirá las páginas, menús y áreas de widgets existentes. Siempre realiza una copia de seguridad completa antes de cualquier operación de importación.
¿Las plantillas de inicio funcionan con cualquier tema de WordPress o solo con algunos específicos?
Las plantillas de inicio están vinculadas a ecosistemas de temas específicos. El plugin Astra Starter Templates solo funciona con el tema Astra. Kadence Starter Templates requiere el tema Kadence. No puedes importar plantillas de forma cruzada entre temas incompatibles.
¿Por qué mis páginas importadas se ven diferentes a la vista previa de la plantilla?
La causa más común es un plugin requerido faltante — típicamente Elementor Pro o un complemento premium. El asistente de importación lista todos los plugins requeridos; instálalos todos antes de importar. Una causa secundaria es un límite de memoria PHP que provocó que la importación fallara silenciosamente, dejando algunos recursos sin descargar.
¿Usar una plantilla de inicio perjudicará el SEO de mi sitio?
No inherentemente, pero las plantillas de inicio importan contenido de demo sin metadatos SEO. Debes establecer manualmente meta títulos, descripciones y datos estructurados únicos para cada página. Además, algunas plantillas con uso intensivo de Elementor generan HTML inflado que puede afectar negativamente los Core Web Vitals — audita con PageSpeed Insights después de la importación.
¿Puedo cambiar a una plantilla de inicio diferente después de haber personalizado mi sitio?
Técnicamente sí, pero es destructivo. Importar una nueva plantilla completa del sitio sobrescribe tus personalizaciones existentes. El enfoque práctico es exportar tu configuración actual del personalizador (usando una herramienta de exportación del tema), importar la nueva plantilla en un sitio de pruebas, migrar manualmente tu contenido y luego trasladar el sitio de pruebas a producción.
