Configure un contenido de ancho completo o en caja con el tema gratuito de Astra

Tema de Astra

Astra es un tema de WordPress eficiente y totalmente personalizable. También es hermoso y rápido, lo que lo hace ideal para blogs, negocios, portafolios personales y escaparates de WooCommerce. Al ser liviano, ofrece una gran velocidad para el sitio web. Astra está diseñado teniendo en cuenta el SEO, lo que hace que el sitio web tenga una clasificación más alta en los motores de búsqueda. Con sus características y plantillas especiales, es ideal para creadores de páginas como Elementor, Divi, Beaver Builder, SiteOrigin, Visual Composer, etc.

Envase

Una página de un sitio web puede denominarse convenientemente contenedor porque un contenedor es un área donde mostramos el contenido. En pocas palabras, el contenedor abarca toda la página. Ya sea el área de contenido o la barra lateral, se incluirá en el contenedor. Técnicamente, llamamos al área de contenido contenedor principal, mientras que la barra lateral se denomina contenedor secundario.

¿Cómo manipular los diseños de contenedores en un sitio web?

El uso de un tema de Astra hace que sea conveniente aplicar diseños de contenedores en todo el sitio web. Puede configurar las cuadrículas a través de la opción Personalizador. Esto se puede encontrar en la pestaña Apariencia: Apariencia > Personalizador > Global > Contenedor.

  • También puedes aplicar diferentes contenedores para diferentes páginas y publicaciones individualmente, desde la metaconfiguración.
  • Si ha aplicado diferentes configuraciones para el sitio web en general y diferentes configuraciones en la metaconfiguración , entonces la metaconfiguración específica de la página tendrá mayor prioridad que la configuración general del personalizador .

Ancho del contenedor

Todo el contenido del sitio web, ya sea gráfico o textual, se mostrará dentro de este ancho. Puede crear una variedad de vistas combinando el ancho con el diseño del contenedor.

Diseño del contenedor

Astra Free Theme ofrece 4 tipos de diseño de contenedores. Estos son diseños globales y se aplicarán a todo el sitio web. Si desea un diseño variable para diferentes tipos de publicaciones, puede hacerlo con el diseño de contenedor dedicado.

Con la ayuda de la 'metaconfiguración' de la página, puede tener más control sobre el diseño del contenedor de cada página.

Existen los siguientes tipos de diseños de contenedores.

  • En caja
  • Contenido en caja
  • Ancho completo/Contenido
  • Ancho completo/estirado
  • Diseño de contenedor dedicado

Diseño dedicado o específico

Los cuatro tipos de diseños de contenedores mencionados anteriormente están disponibles para tipos de publicaciones específicas por separado. Esto significa que si elige un diseño predeterminado, digamos diseño en caja, y para Archivos ha elegido Ancho completo, entonces todo el sitio tendrá un diseño en caja, mientras que las páginas de Archivo tendrán un diseño de ancho completo/contenido.

  • Diseño de página: solo para páginas
  • Diseño de archivos: todos los archivos
  • Diseño de publicación de blog: para archivos de blog y páginas de publicaciones de blog individuales

El tema Astra ofrece integración con muchos plugin populares. Estos plugin ofrecen integración con Astra:

WooCommerce

EDD ( Easy Digital Downloads )

AprendeDash

ElevadorLMS (3)

Cuando los plugin anteriores están instalados, también puede tener acceso a opciones de diseño de contenedor dedicadas para esas páginas plugin .

Los módulos dedicados del plugin Astra Pro Addon brindan opciones más avanzadas. Los módulos dedicados del plugin Astra Pro Addon contienen estas opciones:

  • La metaconfiguración de la página tiene preferencia sobre el diseño del contenedor. La prioridad de la metaconfiguración es mayor que la configuración del personalizador.
  • La configuración del diseño del sitio decide el ancho del contenedor.

Disposición del contenedor/Disposición de ancho completo

La configuración del contenedor de ancho completo se puede manipular a través de la Configuración del personalizador que se encuentra en Docs .

Documentos » Configuración del personalizador » Global » Ancho completo / Contenido – Diseño del contenedor

Como se explicó anteriormente, un sitio web puede tener dos contenedores; Contenedor Primario y Contenedor Secundario.

El contenedor principal es la página donde aparece el contenido principal.

El contenedor secundario forma la barra lateral y varios widgets en la barra lateral.

Con la ayuda de un diseño de “Ancho completo/Contenido”, puede combinar los contenedores primarios y secundarios. Luego, estos contenedores se pueden exhibir en un solo contenedor para una apariencia más ordenada. El diseño “Ancho completo/Contenido” muestra el contenido y la barra lateral uno al lado del otro en un solo contenedor. Este contenedor dejará espacio alrededor del contenedor porque se muestra en un ancho de contenedor.

La configuración del contenedor se puede cambiar o modificar yendo a Apariencia y siguiendo esta ruta:

Apariencia > Personalizar > Global > Contenedor

El diseño de ancho completo/contenido es ideal para aquellos sitios web que necesitan un diseño ordenado, sin cuadros ni límites de cuadrícula. Este diseño se puede configurar como predeterminado mediante integraciones con plugin como WooCommerce, LifterLMS, etc.

Muchos creadores de páginas, como Visual Composer, requieren que el tema controle el ancho de los contenedores. Por la misma razón, recomiendan el diseño de ancho completo/contenido.

Los módulos dedicados del plugin Astra Pro Addon ofrecen más opciones de estilo.

Contenido en caja: diseño del contenedor

Documentos » Configuración del personalizador » Global » Contenido en caja: diseño del contenedor

Hemos comentado anteriormente que normalmente un sitio web puede tener dos contenedores:

Contenedor Primario: donde aparece el contenido principal

Contenedor secundario: consta de una barra lateral y varios widgets diferentes.

Si elige el "Diseño de contenido en cuadro", solo el contenedor principal aparecerá en el formato de cuadro. Sin embargo, el contenedor secundario permanecerá sobre un fondo liso.

Si desea que el área de contenido de su sitio web sea más prominente que la barra lateral, lo ideal es seleccionar este diseño. En pocas palabras, el diseño en caja de contenido es perfecto para blogs y sitios web de contenido.

La configuración para el diseño en cuadro se puede encontrar como:

 Apariencia > Personalizar > Global > Contenedor

Además, si desea aplicar un contenedor diferente para páginas individuales, puede hacerlo desde la metaconfiguración.

  • Se puede aplicar un contenedor de contenido en caja para páginas o publicaciones seleccionadas, desde la metaconfiguración.
  • La configuración del diseño del sitio decide el ancho del contenedor.
  • Con la ayuda del plugin Astra Pro Addon, puede cambiar el color de fondo del sitio a través del módulo Colores y fondos. Sin embargo, si no tienes Astra Pro, también puedes agregar una imagen de fondo con CSS personalizado.

Características del tema gratuito Astra

Astra es sin duda el mejor tema para Elementor. Funciona muy bien con Elementor, lo que lo convierte en el mejor tema gratuito para crear sitios web. A continuación, analizamos las características que hacen de Astra el mejor tema.

Ancho completo/diseño estirado

Astra proporciona un diseño de ancho completo/estirado, que está hecho especialmente para Elementor. Con este diseño, Elementor obtiene el control total de su diseño, liberándolo de la molestia de incluir métodos complicados de JavaScript para extender sus filas o secciones a todo el ancho.

Con Astra, puedes desactivar la barra lateral, el título de la página, la ruta de navegación y las imágenes destacadas con bastante facilidad para obtener total libertad para diseñar con Elementor. Al desactivar estas funciones, podrá tener un lienzo en blanco que le permitirá diseñar su sitio web desde cero, tal como lo desea. Incluso puedes crear una página de destino personalizada, desactivar el encabezado y el pie de página de Astra, para que Elementor disfrute del control total de la página.

La mayoría de los temas generan estas características de forma predeterminada, lo que reduce el control del usuario para diseñar el sitio.

Opciones globales del personalizador

Las opciones globales de Astra le permiten configurar el diseño requerido, la barra lateral y otras configuraciones personalizadas que son adecuadas para Elementor directamente en el Personalizador. La opción global es ideal, especialmente si está creando un sitio web donde la mayoría de las páginas están diseñadas con Elementor.

Nuevamente, si desea configuraciones diferentes para páginas individuales, estas configuraciones individuales anularán la opción global.

Compatible con Elementor Pro 2.0

Astra es uno de esos pocos temas que son completamente compatibles con Elementor 2.0 Theme Builder. Al utilizar Astra y Elementor Pro 2.0 Theme Builder, puede microdiseñar cada aspecto de su sitio web. Ya sea seleccionando un encabezado, pie de página, plantillas de blog diferentes o cualquier otra cosa, puedes hacerlo a tu manera con estas dos poderosas herramientas.

Integración de Elementor

Astra ofrece integración inteligente con Elementor. Si está creando una página con Elementor, Astra configurará automáticamente las mejores opciones para Elementor. Esta integración inteligente ahorra bastante tiempo y energía que puede utilizar en otras cosas importantes.

Astra ofrece más de 30 tipos de encabezados y más de 10 tipos de pies de página. Puedes elegir si quieres un encabezado transparente o uno sólido. Incluso puedes crear tu encabezado desde cero en elementor, según tus requisitos personalizados, con el complemento Astra Pro.

Opciones de encabezado móvil

Puede crear sitios móviles responsivos con Astra. Astra proporciona una solución conveniente para el menú adaptable a dispositivos móviles, que tiene configuraciones muy sencillas en el personalizador. Esto le permite controlar y diseñar hermosos menús móviles. Puede crear el menú completo sin ningún código personalizado.

Ligero y sin hinchazón.

Astra brinda soporte a Elementor. Esto significa que Astra no duplica las funciones ofrecidas por elementor. Astra es un tema liviano y modular. Se encarga de los aspectos estéticos, como los colores globales, la tipografía y el estilo, y las integraciones plugin de terceros. Sin embargo, Elementor se encarga de la parte de creación de páginas.

Ahmad

Ver comentarios

  • Tengo una pregunta sobre cómo personalizar el contenedor. Se puede ajustar en ancho. Pero en ninguna parte leo cómo se puede ajustar la altura de la caja contenedora (bloque). Hay demasiado blanco en mi sitio. Me gustaría tener el texto del cuerpo más cerca del encabezado haciendo que el bloque en el que se encuentra sea menos alto.

    • Hola, no hay configuración para la altura, está definida por el contenido + los márgenes de todas las secciones de la página. En su caso, supongo que es un problema de margen/relleno de su encabezado o primera sección.

Mensajes recientes

Cómo usar encabezados y pies de página con Elementor

Los encabezados y pies de página de un sitio web son elementos esenciales. En la mayoría de los casos, el encabezado proporciona navegación...

6 de enero de 2022

Comparación de temas de WordPress: Astra vs OceanWP

Dos de los temas de WordPress más populares del mercado son Astra y OceanWP. Profesional…

2 de enero de 2022

Comparación de temas de noticias de WordPress: periódico vs. Astra

Crear un excelente sitio web de noticias no requiere que te conviertas en diseñador web. Nosotros…

25 de octubre de 2021

Cree un sitio web relacionado con noticias con Newspaper Theme

El tema Periódico es uno de los temas de WordPress más importantes diseñados por tagDiv, un…

18 de octubre de 2021

Cómo construir un comercio electrónico con el constructor Avada WooCommerce

Cuando se trata de configurar una tienda en línea, WooCommerce es el plugin ideal. Él…

4 de octubre de 2021

Cómo usar encabezados fijos y efectos de desplazamiento con Elementor

Un encabezado es generalmente lo primero que ve una persona cuando visita su sitio web,…

21 de septiembre de 2021