Tutorial de Blocksy: un análisis exhaustivo del uso de cada elemento de cabecera y configuración

Blocksy Como herramienta potente y flexible WordPress su función de creación de cabeceras (Header Builder) es especialmente destacable. Tanto si se trata de un sitio web de comercio electrónico, un blog, un sitio web oficial de una empresa o un sitio web basado en contenidos, puedes conseguir fácilmente un dise?o de navegación profesional, claro e interactivo mediante una rica combinación de elementos de cabecera.

En este artículo, presentaremos cada uno de los elementos más utilizados del constructor de cabeceras Blocksy y sus ajustes de funcionalidad para ayudarte a dominar rápidamente cómo construir tus propias cabeceras personalizadas.

Imagen [1]-Guía del usuario de Blocksy Header Builder: Desbloquee por completo la funcionalidad de los elementos de cabecera

Elemento de cuenta (Cuenta)

Este elemento proporciona a los visitantes acceso a las acciones relacionadas con la cuenta:

Estado no registradoMostrar ventanas emergentes de inicio de sesión/registro

Imagen [2]-Guía del usuario de Blocksy Header Builder: Desbloquee completamente la funcionalidad de los elementos de cabecera

estado de conexiónAcceso a páginas de perfil, cuadros de mando y otras páginas backend

Imagen [3] - Blocksy Header Builder User Guide: Desbloqueo completo de la funcionalidad de los elementos de cabecera

La versión Pro también admite la integración de CAPTCHA, plug-ins de seguridad y funciones de seguridad. WooCommerce Formulario de inscripción.

El elemento botón (Button)

Ideal para a?adir botones de acción como "Comprar ahora", "Contactar con el servicio de atención al cliente", etc:

Imagen [4] - Blocksy Header Builder User Guide: Desbloqueo completo de la funcionalidad de los elementos de cabecera
  • Permite personalizar el icono, el tama?o y el texto
  • Se puede personalizar CSS vinculada al plugin
Imagen [5] - Blocksy Header Builder User Guide: Desbloqueo completo de la funcionalidad de los elementos de cabecera
  • Bindable desencadena ventanas emergentes creadas por Bloques de contenido.
Imagen [6] - Blocksy Header Builder User Guide: Desbloquear completamente la funcionalidad de los elementos de cabecera

Elemento del carro de la compra (Cart)

Cuando el sitio está habilitado WooCommerce El elemento se activa automáticamente después de

  • Proporcionar múltiples estilos de carrito de la compra (incluyendo el estilo de icono y la barra lateral emergente)
Imagen [7] - Blocksy Header Builder User Guide: Desbloquear completamente la funcionalidad de los elementos de cabecera
  • Admite el ajuste de la cantidad de productos (disponible para usuarios Pro)
  • Todos los ajustes están centralizados en el panel de dise?o para una rápida personalización
Imagen [8] - Blocksy Header Builder User Guide: Desbloqueo completo de la funcionalidad de los elementos de cabecera

Elemento de contacto

Se utiliza para mostrar información básica como la dirección de la empresa, el número de teléfono, la dirección de correo electrónico, etc. Es especialmente adecuado para negocios locales y sitios web corporativos oficiales.

Imagen [9]-Guía del usuario de Blocksy Header Builder: Desbloquee completamente la funcionalidad de los elementos de cabecera

Elemento divisor (Divider)

Elemento de ayuda puramente visual utilizado para separar módulos funcionales en un menú o cabecera para dar a la página un aspecto más jerárquico.

Imagen [10]-Guía del usuario de Blocksy Header Builder: Desbloquee completamente la funcionalidad de los elementos de cabecera

Bloque HTML

Insertar personalización HTMLCSS,JavaScript Código o shortcode para usuarios con necesidades tipográficas, de botones e incrustación especiales.

Imagen [11]-Guía del usuario de Blocksy Header Builder: Desbloquee por completo la funcionalidad de los elementos de cabecera

Conmutación multilingüe (Idiomas)

Sólo si se detecta un plugin multilingüe (p. ej. WPML tal vez Polylang), ofrece un menú desplegable para cambiar de idioma y admite la visualización de iconos y el cambio de estilo.

Imagen [12]-Guía del usuario de Blocksy Header Builder: Desbloquee completamente la funcionalidad de los elementos de cabecera.

Elemento del logotipo (Logotipo)

Mostrar el logotipo del sitio web:

  • Posibilidad de cargar logotipos de varios estados (predeterminado, adhesivo, transparente, etc.)
Imagen [13] - Blocksy Header Builder User Guide: Desbloqueo completo de la funcionalidad de los elementos de cabecera
  • Control del tama?o del logotipo, soporte de escalado de estado pegajoso
Imagen [14] - Blocksy Header Builder User Guide: Desbloqueo completo de la funcionalidad de los elementos de cabecera
  • El logotipo puede ocultarse, utilice el título del sitio en su lugar

Elemento de menú (Menú)

navegadormenúLos componentes básicos del

  • Ofrece cuatro estilos y un rico dise?o de menús desplegables
Imagen [15] - Blocksy Header Builder User Guide: Desbloqueo completo de la funcionalidad de los elementos de cabecera
  • Admite clic para ampliar, efectos de animación y ajustes de comportamiento hover.
Imagen [16]-Guía del usuario de Blocksy Header Builder: Desbloquee completamente la funcionalidad de los elementos de cabecera.
  • La versión Pro admite la coexistencia de varios módulos de menú para dise?os de cabecera complejos o cambio de menú móvil
Imagen [17] - Blocksy Header Builder User Guide: Desbloqueo completo de la funcionalidad de los elementos de cabecera

Elemento de búsqueda (Buscar)

Admite dos tipos de presentación de búsqueda:

Icono de búsqueda simplePulse para abrir el cuadro de búsqueda
Estilo del cuadro de entradaBarra de búsqueda permanente

Admite tipos de búsqueda limitados (artículos, productos, etc.) y dispone de una función de búsqueda en tiempo real (Live Search).

Imagen [18]-Guía del usuario de Blocksy Header Builder: Desbloquee completamente la funcionalidad de los elementos de cabecera.

Sociales

Se utiliza para mostrar enlaces de redes sociales, admitir la clasificación personalizada de iconos y la selección de plataformas. Se pueden a?adir plataformas sociales personalizadas para satisfacer diversas necesidades de conectividad.

Imagen [19] - Blocksy Header Builder User Guide: Desbloqueo completo de la funcionalidad de los elementos de cabecera

Menú Activar

Principalmente utilizado para menús móviles (estilo Off-canvas), soporta click para abrir menús colapsados y permite incrustar widgets.

Imagen [20] - Blocksy Header Builder User Guide: Desbloqueo completo de la funcionalidad de los elementos de cabecera

área de widgets

Demostrar cualquier WordPress Contenido del widget, asistencia Gutenberg Sistema de widgets. Se puede utilizar para incrustar formularios, categorías, nubes de etiquetas y mucho más.

Imagen [21]-Guía del usuario de Blocksy Header Builder: Desbloquee completamente la funcionalidad de los elementos de cabecera.

Elemento Wishlist (Lista de deseos)

combinando WooCommerce Utilizado con el plugin Wishlist, permite a los usuarios marcar rápidamente productos para sitios web de tipo comercio electrónico.

Imagen [22] - Blocksy Header Builder User Guide: Desbloqueo completo de la funcionalidad de los elementos de cabecera

resúmenes

Blocksy El Header Builder de Blocksy ofrece un conjunto completo de soluciones de cabecera, con cada elemento altamente personalizable. Ya se trate de la marca, la navegación, o características interactivas, se puede encontrar la combinación adecuada en Blocksy. Utilizando estos elementos sabiamente, puedes construir cabeceras de sitio bonitas y funcionales incluso sin conocimientos de programación.

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