Cómo configurar menús verticales y menús de pesta?as móviles en Flatsome: la guía completa

Flatsome La última versión presenta algunas novedades interesantes, como Elementos de cabecera del menú vertical responder cantando Menú superpuesto con pesta?as para móviles. Estas funciones son especialmente adecuadas para grandes sitios de comercio electrónico, ya que facilitan la navegación y la organización y presentación de contenidos, sobre todo en dispositivos móviles. Este tutorial le mostrará paso a paso cómo configurar menús verticales y menús móviles con pesta?as para mejorar la experiencia de navegación del usuario.

Ense?anza del tema Flatsome

?Por qué necesito un menú vertical y un menú de pesta?as móviles?

La configuración de menús verticales y menús con pesta?as para móviles puede ayudar a los sitios de comercio electrónico a ofrecer una experiencia de navegación más intuitiva, limpia y eficaz, mejorando la imagen del sitio.Rendimiento SEOLa coherencia de la marca y la capacidad de respuesta. Estos menús no sólo optimizan la experiencia de acceso desde ordenadores de sobremesa y móviles, sino que también mejoran la sensación general de profesionalidad del sitio. Para los sitios de comercio electrónico con un gran número de productos o contenidos, disponer de ambos tipos de menús es esencial.

Imagen [2] - Cómo configurar menús verticales y menús de pesta?as móviles en Flatsome: una guía completa

Paso 1: A?adir elemento de cabecera de menú vertical

Acceso a los ajustes de cabecera

Siga los pasos que se indican a continuación para acceder al menú vertical y configurarlo:

  • En el backend de WordPress, vaya a Flatsome > Cabeza.
Imagen [3] - Cómo configurar menús verticales y menús de pesta?as móviles en Flatsome: una guía completa
  • comandante en jefe (militar) menú vertical se arrastra al dise?o de la cabecera.
Imagen [4] - Cómo configurar menús verticales y menús de pesta?as móviles en Flatsome: una guía completa
  • Haga clic en el icono Configuración situado junto al elemento de menú vertical para abrir las opciones de personalización del menú.
Imagen [5] - Cómo configurar menús verticales y menús de pesta?as móviles en Flatsome: una guía completa

Menú vertical personalizado

existe Opciones de menú vertical Los siguientes parámetros pueden ajustarse en el

  • Tama?o del icono: Cambia el tama?o de los iconos del menú vertical.
Imagen [6] - Cómo configurar menús verticales y menús de pesta?as móviles en Flatsome: una guía completa
  • Altura y anchura de los botones: Cambia la altura y la anchura del botón.
Imagen [7] - Cómo configurar menús verticales y menús de pesta?as móviles en Flatsome: una guía completa
  • ejemplaresPuede elegir entre mostrar las categorías por defecto o que sólo aparezcan al hacer clic en ellas.
Imagen [8] - Cómo configurar menús verticales y menús de pesta?as móviles en Flatsome: una guía completa
  • Color y fondo del texto: puede personalizar el color del texto (por ejemplo, texto negro sobre fondo blanco o texto blanco sobre fondo negro) y configurar el menú vertical para la pantallacolor de fondo.
Imagen [9] - Cómo configurar menús verticales y menús de pesta?as móviles en Flatsome: una guía completa

Opciones de menú emergente

También es posible activar menú desplegable, permitiendo que los menús verticales se expandan automáticamente en la página de inicio. Este enfoque puede no funcionar en el dise?o y normalmente se recomienda dejarlo sin marcar. Por el momento, puede permanecer sin marcar.

Imagen [10] - Cómo configurar menús verticales y menús de pesta?as móviles en Flatsome: una guía completa

Paso 2: Establecer la categoría del menú

  • entrar en Apariencia > Menú.
Imagen [11] - Cómo configurar menús verticales y menús de pesta?as móviles en Flatsome: una guía completa
  • Cree un nuevo menú y marque menú vertical Opciones.
Imagen [12] - Cómo configurar menús verticales y menús de pesta?as móviles en Flatsome: una guía completa
  • A?adir categorías y enlaces que se muestran en el menú vertical.
Imagen [13] - Cómo configurar menús verticales y menús de pesta?as móviles en Flatsome: una guía completa
  • Asegúrese de que los elementos del menú están en el orden que desea.
Imagen [14] - Cómo configurar menús verticales y menús de pesta?as móviles en Flatsome: una guía completa

Paso 3: Configurar el menú de la pesta?a móvil

Activar el menú de pesta?as

La última versión de Flatsome a?ade Menú superpuesto con pesta?as para móviles Funciones. Es perfecto para mejorar la experiencia de navegación en móviles. El método para habilitarlo es el siguiente:

  • cambiar a Flatsome > Opciones de tema > Cabecera > Mover.
  • Desplácese hasta pesta?a (de una ventana) (informática) seleccione 2 etiquetas.
Imagen [15] - Cómo configurar menús verticales y menús de pesta?as móviles en Flatsome: una guía completa
  • Personalice el texto de la etiqueta. Por ejemplo, puede cambiar "Menú" por "Menú principal" o "Categoría".
Imagen [16] - Cómo configurar menús verticales y menús de pesta?as móviles en Flatsome: una guía completa
  • Configure la etiqueta para que muestre su menú verticalEsto permite a los usuarios acceder fácilmente a todas las categorías desde el móvil.
Imagen [17] - Cómo configurar menús verticales y menús de pesta?as móviles en Flatsome: una guía completa

efecto de prueba

Usted puede ver que ha completado con éxito la configuración del menú vertical y el menú de la pesta?a móvil, sólo necesita enriquecer las categorías del menú y el contenido.

Imagen [18] - Cómo configurar menús verticales y menús de pesta?as móviles en Flatsome: una guía completa

resúmenes

Al configurar menús verticales y menús con pesta?as para móviles, los sitios web de comercio electrónico no sólo pueden mejorar la experiencia del usuario tanto en escritorio como en móvil, sino también hacer que el sitio sea más fácil de navegar y más receptivo, lo que es especialmente adecuado para plataformas de comercio electrónico con una amplia gama de productos. Con estas nuevas funciones de Flatsome, el contenido del sitio web puede organizarse y presentarse de forma más eficiente, aumentando así el tiempo de permanencia del usuario y su deseo de comprar.

Para obtener más información y tutoriales relacionados con WordPress, siga el enlaceRed de fluctuación de fotonestiene los tutoriales de WordPress más completos y los más activos.Comunidad de intercambio de WordPress.


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 ha sido escrito por Early Season
EL FIN
Si le gusta, apóyela.
felicitaciones15 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