Configure un contenido de ancho completo o en caja con Astra Free Theme

Astra Theme

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, cartera personal y escaparate de WooCommerce. Al ser ligero, ofrece una gran velocidad para el sitio web. Astra está diseñado teniendo en cuenta el SEO, lo que hace que el sitio web se ubique más alto 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 en un sitio web se puede llamar convenientemente un 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 como el 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 Astra hace que sea conveniente aplicar diseños de contenedor en todo el sitio web. Puede configurar las cuadrículas con la opción Personalizador. Esto se puede encontrar en la pestaña Apariencia: Apariencia> Personalizador> Global> Contenedor.

  • También puede aplicar diferentes contenedores para diferentes páginas y publicaciones individualmente, desde la configuración meta.
  • 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 de página .

Ancho del contenedor

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

Diseño de contenedores

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 diferente para diferentes tipos de publicaciones, puede hacerlo con el diseño de contenedor dedicado.

Con la ayuda de la 'meta configuració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 anteriores 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 los Archivos ha elegido Ancho completo, entonces todo el sitio tendrá Diseño en caja, mientras que las páginas de Archivo tendrán un diseño 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 archivo de blog y páginas de publicación 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 )

LearnDash

LevantadorLMS (3)

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

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

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

Diseño de contenedor / Diseño 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 Documentos .

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

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

El contenedor primario 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 primario y secundario. Estos contenedores se pueden mostrar en un solo contenedor para una apariencia más ordenada. El diseño “Ancho completo / contenido” muestra el contenido y la barra lateral de lado a lado 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 alterar 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 a través de 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 de contenedor

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

Contenedor primario: donde aparece el contenido principal

Contenedor secundario: consta de barra lateral y varios widgets diferentes

Si elige el "Diseño en caja de contenido", solo aparecerá el contenedor primario en el formato en caja. Mientras que el contenedor secundario permanecerá en un fondo plano.

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

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

 Apariencia> Personalizar> Global> Contenedor

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

  • Se puede aplicar un contenedor en caja de contenido para páginas o publicaciones seleccionadas, desde la configuración meta.
  • La configuración de 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 tiene Astra Pro, también puede 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, hemos discutido 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 completo de su diseño, liberándolo de la molestia de incluir un complicado método de JavaScript para extender sus filas o secciones a todo su ancho.

Con Astra, puede deshabilitar la barra lateral, el título de la página, la ruta de exploración y las imágenes destacadas con bastante facilidad para obtener una libertad total de diseño con Elementor. Al deshabilitar estas funciones, puede tener un lienzo en blanco, que le permite diseñar su sitio web desde cero, tal como lo desea. Incluso puede crear una página de inicio personalizada, deshabilitar el encabezado y 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 establecer 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 diferentes configuraciones para páginas individuales, la opción global será anulada por estas configuraciones individuales.

Compatible con Elementor Pro 2.0

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

Integración Elementor

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

Astra ofrece más de 30 tipos de encabezados y más de 10 tipos de pies de página. Puede elegir si desea un encabezado transparente o sólido. Incluso puede crear su encabezado desde cero en elementor, según sus requisitos personalizados, con el complemento Astra Pro.

Opciones de encabezado móvil

Puede hacer sitios móviles con capacidad de respuesta con Astra. Astra proporciona una solución conveniente para el menú receptivo móvil, que tiene configuraciones muy sencillas en el personalizador. Esto le permite controlar y diseñar un hermoso menú móvil. Puede construir todo el menú 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 ligero y modular. Se encarga de los cosméticos, como los colores globales, la tipografía y el estilo y las integraciones de plugin terceros. Mientras que Elementor maneja la parte de construcción de la página.

ahmad

Ver comentarios

  • Ik heb een vraag over het aanpassen van de container. Die is in de brete in te stellen. Maar nergens lees ik hoe je de hoogte van de container box (blok) kunt instellen. Bij mijn sitio es er teveel wit. Ik zou de body tekst dichter op de header willen hebben door het blok waarin deze staat minder hoog te maken.

    • Hola, no hay configuración para la altura, está definida por el contenido + 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

La creación de un excelente sitio web de noticias no requiere que se convierta en diseñador web. Nosotros…

25 de octubre de 2021

Cree un sitio web relacionado con noticias con el tema del periódico

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

18 de octubre de 2021

Cómo construir un eCommerce con el constructor Avada WooCommerce

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

4 de octubre de 2021

Cómo usar encabezado fijo 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