Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Importación de una Plantilla Inicial | Personalización Básica
Crear un Sitio Web sin Código con WordPress

bookImportación de una Plantilla Inicial

Importación de una plantilla inicial y personalización de Astra

Con el tema Astra instalado, en lugar de diseñar el sitio web desde cero, se importará una plantilla inicial—un diseño de sitio web preconstruido—para su personalización. Este enfoque reduce significativamente el tiempo de configuración y proporciona una base de diseño profesional desde el principio.

¿Por qué usar una plantilla inicial?

Las plantillas iniciales de Astra permiten importar un diseño completo de sitio web en pocos clics. En vez de ajustar manualmente la configuración, se comienza con un diseño ya preparado y solo es necesario reemplazar el contenido de demostración por el propio.

  • Ahorro de tiempo: no es necesario crear un sitio desde cero;
  • Diseños predefinidos: secciones y páginas diseñadas profesionalmente;
  • Fácil personalización: modificación de colores, fuentes e imágenes.

Como este curso utiliza el Gutenberg (Editor de Bloques), se seleccionará una plantilla inicial totalmente compatible con bloques para asegurar un rendimiento óptimo y flexibilidad en la edición.

Instalación del plugin Astra Starter Templates
expand arrow

Existen dos formas de instalar el plugin Starter Templates:

Método 1: Usando el directorio de plugins

  1. Ir a Plugins → Añadir nuevo en el panel de WordPress;
  2. Buscar Starter Templates;
  3. Hacer clic en Instalar y luego en Activar.

Método 2: Usando la configuración de Astra (Recomendado)

  1. Ir a Astra → Starter Templates en el panel de WordPress;
  2. Hacer clic en Instalar Starter Templates Plugin.

Una vez activado el plugin, se tendrá acceso a la biblioteca de diseños de sitios web preconstruidos de Astra.

Importación de una plantilla inicial
expand arrow

Después de instalar el plugin Starter Templates:

  1. Ir a Astra → Starter Templates;
  2. Seleccionar Gutenberg como el editor de páginas;
  3. Explorar las plantillas disponibles y elegir la que se adapte al proyecto;
  4. Hacer clic en la plantilla y luego seleccionar Import Complete Site;
  5. Esperar a que finalice la importación.

Importante: al importar una plantilla, es posible que se solicite:

  • Subir un logotipo o saltar este paso;
  • Elegir una paleta de colores entre las opciones predefinidas;
  • Seleccionar preferencias de tipografía para el sitio web.

Estos ajustes pueden modificarse posteriormente si es necesario. Una vez completada la importación, el sitio web tendrá exactamente el aspecto de la plantilla elegida—listo para personalizaciones adicionales.

Personalización de los colores, la tipografía y la identidad de la marca del sitio
expand arrow

Si se omitió la configuración de logotipo, color o tipografía durante el proceso de importación, se pueden editar posteriormente:

  1. Ir a Apariencia → Personalizar;
  2. Abrir el panel de Configuración global;
  3. Ajustar los colores, tipografía y espaciado para que coincidan con la marca.
Exploración de opciones adicionales de personalización
expand arrow

Además de cambiar colores y tipografía, el Personalizador permite editar otras partes del sitio web:

  • Identidad del sitio: modificar el título y la descripción corta del sitio;
  • Menús: gestionar y organizar los menús de navegación;
  • Widgets: añadir elementos adicionales como iconos sociales, entradas recientes y barras de búsqueda;
  • Favicon (Icono del sitio): añadir una pequeña imagen que aparece en las pestañas del navegador.

Nota

Estas opciones no se tratarán en detalle en esta etapa. Sin embargo, pueden explorarse de forma independiente a través de Apariencia → Personalizar para personalizar aún más el sitio web.

question mark

¿Qué opciones de personalización están disponibles después de importar una plantilla inicial?

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 3. Capítulo 2

Pregunte a AI

expand

Pregunte a AI

ChatGPT

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

Awesome!

Completion rate improved to 3.45

bookImportación de una Plantilla Inicial

Desliza para mostrar el menú

Importación de una plantilla inicial y personalización de Astra

Con el tema Astra instalado, en lugar de diseñar el sitio web desde cero, se importará una plantilla inicial—un diseño de sitio web preconstruido—para su personalización. Este enfoque reduce significativamente el tiempo de configuración y proporciona una base de diseño profesional desde el principio.

¿Por qué usar una plantilla inicial?

Las plantillas iniciales de Astra permiten importar un diseño completo de sitio web en pocos clics. En vez de ajustar manualmente la configuración, se comienza con un diseño ya preparado y solo es necesario reemplazar el contenido de demostración por el propio.

  • Ahorro de tiempo: no es necesario crear un sitio desde cero;
  • Diseños predefinidos: secciones y páginas diseñadas profesionalmente;
  • Fácil personalización: modificación de colores, fuentes e imágenes.

Como este curso utiliza el Gutenberg (Editor de Bloques), se seleccionará una plantilla inicial totalmente compatible con bloques para asegurar un rendimiento óptimo y flexibilidad en la edición.

Instalación del plugin Astra Starter Templates
expand arrow

Existen dos formas de instalar el plugin Starter Templates:

Método 1: Usando el directorio de plugins

  1. Ir a Plugins → Añadir nuevo en el panel de WordPress;
  2. Buscar Starter Templates;
  3. Hacer clic en Instalar y luego en Activar.

Método 2: Usando la configuración de Astra (Recomendado)

  1. Ir a Astra → Starter Templates en el panel de WordPress;
  2. Hacer clic en Instalar Starter Templates Plugin.

Una vez activado el plugin, se tendrá acceso a la biblioteca de diseños de sitios web preconstruidos de Astra.

Importación de una plantilla inicial
expand arrow

Después de instalar el plugin Starter Templates:

  1. Ir a Astra → Starter Templates;
  2. Seleccionar Gutenberg como el editor de páginas;
  3. Explorar las plantillas disponibles y elegir la que se adapte al proyecto;
  4. Hacer clic en la plantilla y luego seleccionar Import Complete Site;
  5. Esperar a que finalice la importación.

Importante: al importar una plantilla, es posible que se solicite:

  • Subir un logotipo o saltar este paso;
  • Elegir una paleta de colores entre las opciones predefinidas;
  • Seleccionar preferencias de tipografía para el sitio web.

Estos ajustes pueden modificarse posteriormente si es necesario. Una vez completada la importación, el sitio web tendrá exactamente el aspecto de la plantilla elegida—listo para personalizaciones adicionales.

Personalización de los colores, la tipografía y la identidad de la marca del sitio
expand arrow

Si se omitió la configuración de logotipo, color o tipografía durante el proceso de importación, se pueden editar posteriormente:

  1. Ir a Apariencia → Personalizar;
  2. Abrir el panel de Configuración global;
  3. Ajustar los colores, tipografía y espaciado para que coincidan con la marca.
Exploración de opciones adicionales de personalización
expand arrow

Además de cambiar colores y tipografía, el Personalizador permite editar otras partes del sitio web:

  • Identidad del sitio: modificar el título y la descripción corta del sitio;
  • Menús: gestionar y organizar los menús de navegación;
  • Widgets: añadir elementos adicionales como iconos sociales, entradas recientes y barras de búsqueda;
  • Favicon (Icono del sitio): añadir una pequeña imagen que aparece en las pestañas del navegador.

Nota

Estas opciones no se tratarán en detalle en esta etapa. Sin embargo, pueden explorarse de forma independiente a través de Apariencia → Personalizar para personalizar aún más el sitio web.

question mark

¿Qué opciones de personalización están disponibles después de importar una plantilla inicial?

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 3. Capítulo 2
some-alt