1. ?Qué es la composición modular?
![Imagen[1]-Guía de tipografía modular Astra: Creación de sitios web con dise?os flexibles](http://gqxi.cn/wp-content/uploads/2025/09/20250925113229368-image.png)
En los temas de WordPress, "dise?o modular" significa que todas las partes de la página (como el encabezado, el pie de página, el área de la entrada, la barra lateral, etc.) pueden controlarse y combinarse en módulos independientes. Esto tiene sus ventajas:
- Los usuarios pueden activar o desactivar módulos a petición.
- Cada módulo puede dise?arse y colocarse individualmente.
- Diferentes páginas pueden utilizar diferentes esquemas de dise?o.
Tema AstraComo el tema de WordPress ligero popular actual, conocido por su dise?o modular flexible. Puede satisfacer las necesidades básicas de tipografía de los blogs personales y también apoyar el dise?o complejo de los sitios de comercio electrónico.
2. Dise?os de cabecera
2.1 Cabecera estándar
Astra Defaultpie de páginaSencillo y práctico, logotipo en el lado izquierdo, menú de navegación en el lado derecho, adecuado para sitios web basados en contenidos.
2.2 Cabecera transparente
![Imagen [2]-Guía de tipografía modular de Astra: creación de sitios web con dise?os flexibles](http://gqxi.cn/wp-content/uploads/2025/09/20250925114158851-image.png)
Las cabeceras transparentes suelen utilizarse en páginas de inicio o páginas con grandes imágenes de fondo, donde el logotipo y la navegación se muestran directamente encima de la imagen para conseguir un efecto visual más moderno.
2.3 cabecera adhesiva
![Imagen [3]-Guía de tipografía modular de Astra: creación de sitios web con dise?os flexibles](http://gqxi.cn/wp-content/uploads/2025/09/20250925113419841-image.png)
Cuando la página se desplaza, la cabecera adhesiva queda fija en la parte superior, lo que facilita a los usuarios cambiar de página en cualquier momento.
2.4 Cabecera móvil
Astra permite cabeceras separadas para móviles, por ejemplo, ocultar parte del menú y mantener sólo el logotipo y el botón de hamburguesa para un móvil más limpio.
2.5 Módulo de cabecera
A través de Astra Creador de cabeceraspuede a?adirlo en la cabecera:
- cuadro de búsqueda
- Iconos sociales
![Imagen [4]-Guía de tipografía modular de Astra: creación de sitios web con dise?os flexibles](http://gqxi.cn/wp-content/uploads/2025/09/20250925135619475-image.png)
- Iconos de la cesta de la compra
- conmutador de idiomas
- menú secundario
3. Dise?os de pie de página
3.1 Pie de página básico
![Imagen [5]-Guía de tipografía modular de Astra: creación de sitios web con dise?os flexibles](http://gqxi.cn/wp-content/uploads/2025/09/20250925135824483-image.png)
por defecto (ajuste)pies de páginaIncluye información sobre derechos de autor y un breve menú.
3.2 Pie de página de varias columnas
![Imagen [6]-Guía de tipografía modular de Astra: creación de sitios web con dise?os flexibles](http://gqxi.cn/wp-content/uploads/2025/09/20250925135954193-image.png)
Astra admite pies de página de 1 a 5 columnas, que pueden contener navegación, información de contacto, últimas entradas o enlaces sociales.
3.3 Widget de pie de página
![Imagen [7]-Guía de tipografía modular de Astra: creación de sitios web con dise?os flexibles](http://gqxi.cn/wp-content/uploads/2025/09/20250925140027632-image.png)
Los usuarios pueden a?adir módulos como formularios de suscripción, nubes de etiquetas, entradas populares, etc. en el pie de página.
3.4 Módulo avanzado de pie de página (Astra Pro)
Actualizar Astra Pro te da acceso a funciones como pies de página de doble capa, pies de página con imagen de fondo, personalización global de colores y mucho más.
4. Dise?o de la página del blog y del artículo
4.1 Página Blogroll
Astra ofrece diversas opciones de presentación:
- Disposición de la listaLos artículos están dispuestos verticalmente en una sola columna, y cada artículo se muestra en una fila completa.
- Disposición de la rejillaExposición en dos o tres columnas para un aspecto más compacto y moderno. Los artículos se disponen en tarjetas cuadradas o rectangulares, en dos o tres columnas, para un aspecto ordenado y uniforme.
- Dise?o de la cubierta de la tarjetaLos artículos están organizados en un formato de cuadrícula, con imágenes y titulares como centro visual de cada contenido, lo que lo hace más moderno en general y adecuado para blogs con muchos gráficos o sitios web de presentación de productos.
![Imagen [8]-Guía de tipografía modular de Astra: creación de sitios web con dise?os flexibles](http://gqxi.cn/wp-content/uploads/2025/09/20250925140752856-image.png)
4.2 Página de un artículo
En las páginas de artículos, Astra proporciona controles de elementos modulares que pueden mostrarse u ocultarse libremente:
- leyenda
- Información sobre el autor
- Tiempo de liberación
- Clasificación y etiquetado
- Número de comentarios
![Imagen [9]-Guía de tipografía modular de Astra: creación de sitios web con dise?os flexibles](http://gqxi.cn/wp-content/uploads/2025/09/20250925141027170-image.png)
4.3 Optimización de la experiencia de lectura
Soporte Astra:
- Personalización de la anchura del contenido
![Imagen [10]-Guía de tipografía modular de Astra: creación de sitios web con dise?os flexibles](http://gqxi.cn/wp-content/uploads/2025/09/20250925141255247-image.png)
- si mostrarImagen destacada
![Imagen [11]-Guía de tipografía modular de Astra: creación de sitios web con dise?os flexibles](http://gqxi.cn/wp-content/uploads/2025/09/20250925141319888-image.png)
- Espaciado entre párrafos y configuración del tipo de letra
![Imagen [12]-Guía de tipografía modular de Astra: creación de sitios web con dise?os flexibles](http://gqxi.cn/wp-content/uploads/2025/09/20250925141402338-image.png)
5. Dise?os de página
5.1 Dise?o de ancho completo
![Imagen [13]-Guía de tipografía modular de Astra: creación de sitios web con dise?os flexibles](http://gqxi.cn/wp-content/uploads/2025/09/20250925141457242-image.png)
Adecuado para páginas de presentación, como páginas de aterrizaje o sitios web de una sola página.
5.2 Disposición de las cajas
![Imagen [14]-Guía de tipografía modular de Astra: creación de sitios web con dise?os flexibles](http://gqxi.cn/wp-content/uploads/2025/09/20250925141542643-image.png)
Hay espacio en blanco a ambos lados de la página, lo que es más tradicional y adecuado para un sitio web corporativo.
5.3 Dise?o con barra lateral
![Imagen [15]-Guía de tipografía modular de Astra: creación de sitios web con dise?os flexibles](http://gqxi.cn/wp-content/uploads/2025/09/20250925141817594-image.png)
Admite barra lateral izquierda, derecha o ninguna. Las diferentes páginas se pueden configurar individualmente.
5.4 Personalizar la anchura del contenido
![Imagen [16]-Guía de tipografía modular de Astra: creación de sitios web con dise?os flexibles](http://gqxi.cn/wp-content/uploads/2025/09/20250925142019626-image.png)
Astra puede ajustar la anchura del área del artículo con precisión de píxeles o porcentajes.
6. Dise?o de tienda WooCommerce
El módulo de integración de Astra y WooCommerce es muy útil si está construyendo un sitio web de comercio electrónico.
6.1 Página de lista de productos
![Imagen [17]-Guía de tipografía modular de Astra: creación de sitios web con dise?os flexibles](http://gqxi.cn/wp-content/uploads/2025/09/20250925143345451-image.png)
Astra por defecto Disposición de la rejillaEl número de productos mostrados por línea puede personalizarse.
6.2 Página de detalles del producto
![Imagen [18]-Guía de tipografía modular de Astra: creación de sitios web con dise?os flexibles](http://gqxi.cn/wp-content/uploads/2025/09/20250925142843181-image.png)
Disposición en una o dos columnas, izquierda y derechauna barra lateral (en software)Conmutable y compatible con la función de lupa de la imagen del producto.
6.3 Optimización de la experiencia de compra
Astra Pro también ofrece:
- Vista rápida
![Imagen [19]-Guía de tipografía modular de Astra: creación de sitios web con dise?os flexibles](http://gqxi.cn/wp-content/uploads/2025/09/20250925143219245-image.png)
- Caja sin distracciones (DFC)
![Imagen [20]-Guía de tipografía modular de Astra: creación de sitios web con dise?os flexibles](http://gqxi.cn/wp-content/uploads/2025/09/20250925143638963-image.png)
- Botón adhesivo del carro de la compra
![Imagen [21]-Guía de tipografía modular de Astra: creación de sitios web con dise?os flexibles](http://gqxi.cn/wp-content/uploads/2025/09/20250925142948457-image.png)
7. Barra lateral y dise?o de widgets
7.1 Configuración global de la barra lateral
![Imagen [22]-Guía de tipografía modular de Astra: creación de sitios web con dise?os flexibles](http://gqxi.cn/wp-content/uploads/2025/09/20250925143944701-image.png)
Astra puede configurar barras laterales unificadas para distintos tipos de contenido, como artículos, páginas, tiendas, etc.
7.2 Barra lateral personalizada de una sola página
![Imagen [23]-Guía de tipografía modular de Astra: creación de sitios web con dise?os flexibles](http://gqxi.cn/wp-content/uploads/2025/09/20250925144401517-image.png)
Las páginas individuales pueden configurarse para que no tengan barra lateral o para que tengan barras laterales diferentes.
7.3 Módulo de widgets
La barra lateral se puede colocar en la barra lateral:
- cuadro de búsqueda
![Imagen [24]-Guía de tipografía modular de Astra: creación de sitios web con dise?os flexibles](http://gqxi.cn/wp-content/uploads/2025/09/20250925144612824-image.png)
- últimos artículos
- bibliografía
- Banner publicitario
8. Mejoras de modularidad (exclusivas de Astra Pro)
Astra Pro Puede desbloquear más funciones:
- Cabecera avanzada: Doble cabecera, efecto adhesivo mejorado.
- Pie de página avanzado: Imagen de fondo con dise?o de bloque multicapa.
- Mejora del blogDise?o en cascada.
![Imagen [25]-Guía de tipografía modular de Astra: creación de sitios web con dise?os flexibles](http://gqxi.cn/wp-content/uploads/2025/09/20250925144910378-image.png)
- Control de la disposición del sitio: Las fuentes y el espaciado son más refinados.
- Gestión del colorAjustes de color uniformes en todos los ámbitos.
9. Resumen
La disposición modular de las plantillas Astra cubre el Cabecera, Pie de página, Blog, Página de publicación, área de contenido, Tienda WooCommerce, Barra lateral y muchos otros aspectos. Los usuarios pueden combinar con flexibilidad estos módulos para crear diferentes estilos, desde blogs minimalistas hasta grandes sitios web de comercio electrónico.
Para los principiantes, los plug-ins y módulos incluidos son lo suficientemente rápidos para empezar, mientras que los usuarios avanzados pueden desbloquear más funciones con Astra Pro para crear un sitio web más personalizado y de aspecto profesional.
Para que su sitio web sea más bello y eficiente, pruebe ahora la Tipografía Modular de Astra y conviértala en una potente herramienta para mejorar el rendimiento de su sitio. ?Hágalo ahora y aporte una nueva experiencia de maquetación a su sitio web!
Contacte con nosotros | |
---|---|
?No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de peque?as empresas |
![]() Servicio de atención al cliente WeChat
|
① Tel: 020-2206-9892 | |
② QQ咨詢:1025174874 | |
(iii) Correo electrónico: info@361sale.com | |
④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres |
Enlace a este artículo:http://gqxi.cn/es/77454El artículo está protegido por derechos de autor y debe ser reproducido con atribución.
Sin comentarios