Gestionar y optimizar las barras laterales en el tema Blocksy

La barra lateral es un componente muy importante en el diseño de sitios web. No solo muestra información adicional, sino que también puede ayudar a guiar a los visitantes hacia acciones específicas que mejoran la experiencia de comercio electrónico, como añadir funciones como filtros.Blocksy temática Facilita la gestión de la barra lateral, y la función Blocksy Pro Proporciona más funciones y permite la creación de varias aplicaciones personalizadas.una barra lateral (en software)y asignarlas a diferentes partes del sitio. En este artículo, explicaremos cómo crear una nueva sección en la sección Temas en bloque Habilitar, gestionar y optimizar la barra lateral en el centro, y mostrar el Blocksy Pro de múltiples extensiones de la barra lateral.

Imagen [1] - Cómo gestionar y optimizar las barras laterales en Blocksy Theme

Activar la barra lateral

existe Blocksy temática Es muy fácil activar la barra lateral. En primer lugar, vaya a personalizador ha dado en el clavo Configurar páginaLa barra lateral puede habilitarse para las páginas estándar que se hayan creado. Puede elegir colocar la barra lateral en el lado izquierdo o derecho de la página.artículo único La página también tiene las mismas opciones de diseño, y los usuarios pueden elegir que la barra lateral aparezca a la izquierda o a la derecha.

Imagen [2] - Cómo gestionar y optimizar las barras laterales en Blocksy Theme

con respecto a Página de archivo de entradasLas opciones de la barra lateral se encuentran en Entradas de blog La parte inferior de la configuración. A diferencia de las páginas estándar, las páginas de archivo de entradas no admiten diseños regulares o estrechos, pero aún es posible habilitar barras laterales y elegir dónde mostrarlas.


con respecto a WooCommerce página webLas páginas de productos individuales tienen las mismas opciones de diseño de la barra lateral que las páginas estándar.

El atributo alt de esta imagen está vacío; el nombre del archivo es 20250426142935433-image.png

(indica relación causal) WooCommerce Página de archivo de productos entonces comparte las mismas opciones de visualización de la barra lateral que la página de archivo de entradas.

El atributo alt de esta imagen está vacío; el nombre del archivo es 20250426143042504-image.png

Personalizar el aspecto de la barra lateral

Blocksy temática Se ofrecen cuatro estilos de diseño para optimizar el aspecto de la barra lateral:

  • diseño clásico: Muestra los widgets por defecto en la mayoría de los sitios.
El atributo alt de esta imagen está vacío; el nombre del archivo es 20250426143145925-image.png
  • Diseño de contenedoresBarra lateral: Coloque la barra lateral en un contenedor con un color de fondo para distinguirla del contenido de la página.
El atributo alt de esta imagen está vacío; el nombre del archivo es 20250426143210113-image.png
El atributo alt de esta imagen está vacío; el nombre del archivo es 20250426143237718-image.png
  • Diseño de fondo completoAplicar un color de fondo al lado de la página donde se encuentra la barra lateral para crear un efecto visual único.
El atributo alt de esta imagen está vacío; el nombre del archivo es 20250426143302578-image.png

Controlar la disposición y el espaciado de la barra lateral

Temas en bloque Permite al usuario ajustar la anchura de la barra lateral, que puede expresarse en porcentaje, controlando la anchura de la página ocupada por la barra lateral. Además, el usuario puede ajustar el Hueco en la barra laterales decir, el espacio entre el contenido y la barra lateral, garantiza que la página tenga un aspecto más ordenado y organizado.

El atributo alt de esta imagen está vacío; el nombre del archivo es 20250426143432445-image.png

Además, se puede ajustar el espaciado vertical entre widgets para evitar elementos demasiado compactos y mejorar la legibilidad de la página.

Función de barra lateral fija

Para los usuarios que deseen mostrar siempre el contenido de la barra lateral, la opciónBlocksy Pro ofrece Barra lateral fija función. Con esta función, la barra lateral puede fijarse en la ventana del navegador, de modo que siempre esté visible y sea adecuada para mostrar información importante o elementos de navegación.

El atributo alt de esta imagen está vacío; el nombre del archivo es 20250426143528821-image.png

Ajustes de visibilidad del dispositivo

Temas en bloque También se proporciona una barra lateral para el Ajustes de visibilidad del dispositivopuede elegir en qué dispositivos desea mostrar la barra lateral.

El atributo alt de esta imagen está vacío; el nombre del archivo es 20250426143619913-image.png

Si elige mostrar la barra lateral en dispositivos móviles, también puede establecer dónde se muestra la barra lateral, por ejemplo, si está antes, después o en otro lugar del contenido de la página.

El atributo alt de esta imagen está vacío; el nombre del archivo es 20250426143700961-image.png

Múltiples extensiones de barra lateral (Blocksy Pro)

existe Blocksy Pro El usuario puede activar el Múltiples extensiones de la barra lateral. Esta función permite crear varias barras laterales personalizadas para un sitio web y asignarlas a páginas específicas.

  • Activación de funciones ampliadas: Acceso Blocksy panel, seleccione extensionesHabilite Múltiples barras laterales Ampliación.
El atributo alt de esta imagen está vacío; el nombre del archivo es 20250426143813338-image.png
  • Crear área de widgets personalizada: en estado exterior > widgets haga clic en Crear una nueva área de widgets y asígnele un nombre. A continuación, añada los widgets que desee.
El atributo alt de esta imagen está vacío; el nombre del archivo es 20250426143946877-image.png
El atributo alt de esta imagen está vacío; el nombre del archivo es 20250426144053973-image.png
  • Asignación de barras laterales a páginasDespués de crear la barra lateral, haga clic en el icono de engranaje para entrar en el menú Gestor de condiciones, elija a qué páginas se aplica la barra lateral, y el usuario puede seleccionar todo el sitio o páginas concretas.
El atributo alt de esta imagen está vacío; el nombre del archivo es 20250426144208221-image.png
El atributo alt de esta imagen está vacío; el nombre del archivo es 20250426144249551-image.png
  • Ver resultadosDespués de guardar la configuración, actualice el sitio para ver que la barra lateral recién creada se ha aplicado correctamente a la página seleccionada.
El atributo alt de esta imagen está vacío; el nombre del archivo es 20250426144328499-image.png
El atributo alt de esta imagen está vacío; el nombre del archivo es 20250426144432449-image.png

resúmenes

Blocksy temática Se proporcionan potentes funciones de gestión de la barra lateral, tanto si se trata de un simple diseño de la barra lateral, como a través de la función Blocksy Pro Al crear varias barras laterales personalizadas, los usuarios pueden ajustar el diseño de la página según sus necesidades. Con ajustes de diseño flexibles, estilos visuales y controles de visibilidad de dispositivos, los usuarios pueden crear el diseño de página ideal para mejorar la funcionalidad y la interactividad de su sitio web.

Actualizaciones recientes


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: info@361sale.com
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 fue escrito por: ladrones serán ratas y ratones coraje
EL FIN
Si le gusta, apóyela.
felicitaciones1032 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