Guía de tipografía modular Astra: Creación de sitios web con diseños flexibles

1. ¿Qué es la composición modular?

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

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

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

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

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

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

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.

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

4.3 Optimización de la experiencia de lectura

Soporte Astra:

Personalización de la anchura del contenido

si mostrarImagen destacada

Espaciado entre párrafos y configuración del tipo de letra

5. Diseños de página

5.1 Diseño de ancho completo

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

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

Admite barra lateral izquierda, derecha o ninguna. Las diferentes páginas se pueden configurar individualmente.

5.4 Personalizar la anchura del contenido

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

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

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

Caja sin distracciones (DFC)

Botón adhesivo del carro de la compra

7. Barra lateral y diseño de widgets

7.1 Configuración global de la barra lateral

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

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

Ú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.

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: [email protected]
④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres