15%

Ahorra 15%<\/span> en todos los servicios de hosting

Pon a prueba tus habilidades y obtén Descuento<\/span> en cualquier plan de hosting

Usa el código:

Skills
Comenzar
21.10.2024

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_limit configurado en al menos 256 MB en php.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 admin
  • Permisos de wp-config.php establecidos en 600
  • DNS del dominio apuntando a la IP correcta del servidor

Preguntas 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.

15%

Ahorra 15%<\/span> en todos los servicios de hosting

Pon a prueba tus habilidades y obtén Descuento<\/span> en cualquier plan de hosting

Usa el código:

Skills
Comenzar