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.
Barra lateral/Imagen destacada/Desactivar título
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.
Opciones de encabezado y pie de página
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.
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.