Astra plantilla de configuración de la barra lateral con la página de ancho completo de conmutación

en el uso de Astra Tema para crear el sitio web de WordPress, muchas personas se encontrarán con una necesidad: algunas páginas tienen que mostrar la barra lateral (como la página de listados de blogs), y algunas páginas tienen que ser de ancho completo de diseño (como la página de inicio, página de destino, o la página de modo de lectura).Astra proporciona una forma sencilla de configurar, de modo que las diferentes páginas para mostrar diferentes diseños.

Imagen[1]-Astra Theme Configuración de la barra lateral con el método Fullwidth Layout

1. Entrar en Personalización Astra

  • Inicie sesión en el backend de WordPress.
  • Haga clic en [Apariencia] en el menú de la izquierda.
Imagen[2]-Astra Theme Configuración de la barra lateral con el método Fullwidth Layout
Imagen [3]-Astra Theme Configuración de la barra lateral con el método de diseño de ancho completo

2. Vaya a Configuración global y busque el contenedor

  • En el panel Personalización, haga clic en [Global].
Imagen [4]-Configuración del tema Astra Métodos de barra lateral y diseño de ancho completo
  • Dentro de Global, pulse [ ].Contenedor(contenedor)]
Imagen [5]-Astra Theme Configuración de la barra lateral con el método de diseño de ancho completo

En este punto, verá la página de configuración del diseño del contenedor, que contiene tres opciones de diseño.

3. Selección del diseño por defecto para todo el sitio

En [Disposición del contenedor], siga las indicaciones del icono para seleccionar la disposición deseada:

  • EstrechoMás estrecho y más espacio en blanco a la izquierda y a la derecha para las páginas que requieren atención visual.
  • Normal / Por defecto: El contenido es de anchura media y se adapta a la mayoría de las páginas, incluidas las páginas de listados de blogs y las páginas de entradas.
  • Ancho total / Diseño estirado: Contenido repartido a lo ancho del navegador, comúnmente utilizado en la página de inicio, Banner,página de aterrizajeo leer la página sin interrupción.
Imagen [6]-Astra Theme Configuración de la barra lateral con el método Fullwidth Layout

Una vez realizada la selección, haga clic en el botón [Publicar] situado en la parte superior de la página para guardar la configuración.

4. Configurar distintos diseños para cada página

Si sólo desea establecer un diseño diferente para una página que para todo el sitio, puede seguir los pasos que se indican a continuación:

  • Vuelva al backend de WordPress y haga clic en [Páginas].
  • Busque la página que desea modificar y haga clic en [Editar] para acceder a ella.editor (software).
Imagen [7]-Astra Theme Configuración de la barra lateral con el método Fullwidth Layout
  • En el panel derecho [Documento], busque la opción Ajustes Astra.
Imagen [8]-Astra Theme Configuración de la barra lateral con el método de diseño de ancho completo

existe Disposición de contenedores (Disposición de los contenedores) en el que puedes ver cuatro iconos de diseño entre los que elegir:

  • primeroUtilice la configuración del personalizador del sitio.
Imagen [9]-Astra Theme Configuración de la barra lateral con el método de diseño de ancho completo
  • segunda razónAncho estándar (Normal), con un ancho fijo para el contenido y espacio en blanco a ambos lados.
Imagen [10]-Configuración del tema Astra Métodos de barra lateral y diseño de ancho completo
Imagen [11]-Astra Theme Configuración de la barra lateral con el método Fullwidth Layout
  • terceraDisposición estrecha (Narrow), en la que la anchura del contenido es menor que en la disposición estándar.
Imagen [12]-Astra Theme Configuración de la barra lateral con el método Fullwidth Layout
Imagen [13]-Método de configuración de la barra lateral y el diseño de ancho completo del tema Astra
  • cuartoAncho completo / Estirado, donde el contenido de la página se extiende a lo ancho.
Imagen [14]-Astra Theme Configuración de la barra lateral con el método Fullwidth Layout
Imagen [15]-Configuración del tema Astra Métodos de barra lateral y diseño de ancho completo

5. Configuración de la barra lateral de la página del blog

Si necesita activar o desactivar una página del bloguna barra lateral (en software)::

  • Vuelva al panel [Personalización] y haga clic en [Tipos de entrada].
Imagen [16]-Métodos de configuración de la barra lateral y del diseño de ancho completo del tema Astra
Imagen [17]-Astra Theme Configuración de la barra lateral con el método Fullwidth Layout
  • En la sección [Diseño de la barra lateral], seleccione:
    • sin barra lateral
    • barra lateral izquierda
    • barra lateral derecha
Imagen [18]-Astra Theme Configuración de la barra lateral con el método Fullwidth Layout

Una vez completados los ajustes, haga clic en [Publicar] para guardar.

6. Configuración del diseño de página de Elementor

Si la página utiliza Elementor Redactor:

  • Seleccione el diseño "Ancho completo / Estirado" en la configuración del Astro de Página.
Imagen [19]-Métodos de configuración de la barra lateral y del diseño de ancho completo del tema Astra
  • Después de entrar en el editor de Elementor, establece el diseño de la página en [Configuración del sitio] en la esquina superior izquierda:
    • Lienzo Elementor(lienzo completamente en blanco, ocultar encabezado y pie de página)
    • Elementor ancho completo(contenido a todo lo ancho, cabecera y pie conservados)
Imagen [20]-Configuración del tema Astra Métodos de barra lateral y diseño de ancho completo

7. Resumen

Astra ofrece métodos flexibles de cambio de diseño, que pueden unificarse en la configuración de todo el sitio o establecer el diseño de cada página individualmente para satisfacer las necesidades de los usuarios.blog (palabra de préstamo)La primera página, la página de lectura, la página de aterrizaje y otros escenarios diferentes demanda.


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
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
© Declaración de reproducción
Este artículo ha sido escrito por lmx
EL FIN
Si le gusta, apóyela.
felicitaciones623 compartir (alegrías, beneficios, privilegios, etc.) con los demás
comentarios compra de sofás

Por favor, inicie sesión para enviar un comentario

    Sin comentarios