Cómo editar un menú añadido en el Creador de Sitios con IA

Editar un menú significa cambiar los elementos que aparecen en la barra de navegación, como los botones que llevan al visitante a páginas que usted haya definido.

Usted puede agregar, eliminar, renombrar o reorganizar estos elementos - En caso de que quiera hacer ediciones en un menú que ha sido disponibilizado en el diseño del sitio, consulte cómo hacerlo.

Consulte a continuación cómo editar:

1En el Editor del Creador de sitios con IA, haga clic en el menú que desea editar

2Se mostrará la barra de herramientas con los recursos para la edición. A continuación, seleccione la opción que desea y consulte cómo hacerlo:

Agregar Mega Menú - Para incluir un cuadrante grande con información
Agregar ícono
Cambiar fuente
Cambiar color
Definir el estilo - Relleno y contorno del elemento de menú
Editar la página del elemento de menú
Incluir un nuevo elemento al menú principal
Eliminar un elemento del menú principal - Para remover solo un elemento del menú
Eliminar un menú principal - Para remover toda la sección de menú

La imagen muestra la pantalla del editor del Creador de sitios con IA, con marcado en el menú agregado y la barra de herramientas

Mega Menú

Se mostrará al hacer clic en el elemento del menú.

1En la "Barra de herramientas”, haga clic en el ícono de tres líneas

2Luego, haga clic en el círculo blanco para activar - El color “Azul” significa que esta función está habilitada

Imagen muestra la pantalla del editor del Creador de sitios con IA, con marcación en el botón y en la activación del mega menú

3En el cuadrante insertado, haga clic en el ícono de + - Al activar, dependiendo de la configuración del elemento de menú, puede aparecer la caja de texto y usted puede acceder al menú "Agregar elementos" para incluir diferentes recursos

Imagen muestra la pantalla del editor del Creador de sitios con IA, con marcación en el botón de más

4En “Agregar elementos”, elija el recurso que desea insertar, haga clic, arrastre y suelte en el cuadrante

5Realice las ediciones que desee

6Para guardar los cambios, haga clic en Actualización

Imagen muestra la pantalla del editor del Creador de sitios con IA, con marcado en el menú "Agregar elementos", en la caja del mega menú y en el botón guardar, que se llama "Actualización"

Agregar ícono

1En la "Barra de herramientas", haga clic en el ícono de estrella

2Luego, haga clic en el ícono de +

La imagen muestra la pantalla del editor del Creador de sitios con IA, con marcado en el botón de estrella y en el botón de carga

3En la pantalla que se abrirá, use el campo de búsqueda para buscar el ícono que desea - Navegue entre las pestañas disponibles o en “Personalizado”, en caso de que tenga la imagen guardada en su dispositivo

4Para insertar el ícono junto al elemento del menú, haga clic en la opción encontrada

La imagen muestra la pantalla del editor del Creador de sitios con IA, con marcación en los íconos que son disponibles

5A continuación, defina:

A) Posición - si el ícono debe estar posicionado a la izquierda o a la derecha del elemento del menú
B) Tamaño - haga clic en el tamaño disponible que desea o para configurar manualmente, haga clic en el ícono de 3 puntos y luego, haga clic en el botón blanco y arrastre en la barra hasta llegar a la opción que desea
C) Espaciado - defina qué tan cerca quedará el elemento del menú del ícono. Para ello, haga clic en el círculo blanco y arrastre en la barra hasta llegar a la opción que desea

6Para guardar los cambios, haga clic en Actualización

Imagen muestra la pantalla del editor del Creador de sitios con IA, con marcación en la configuración del ícono

Cambiar fuente

1En la "Barra de herramientas”, haga clic en el ícono de letra T (Fuente)

2Usted puede elegir entre otra opción o agregar una nueva

3A continuación defina el tamaño, altura, espaciado y peso

4Para guardar los cambios, haga clic en Actualización

Imagen muestra la pantalla del editor del Creador de sitios con IA, con marcación en las opciones de configuración de la fuente

Cambiar color

1En la "Barra de herramientas”, haga clic en el ícono de cuadrado (Colores)

2Usted puede elegir aplicar el color solo en el texto o uno diferente para cuando pase el cursor del mouse.

Para eso, al lado del cuadrante de recursos, haga clic en la opción que desea:

Círculo azul - color para el texto
Ícono de cursor de puntero - cambiar el color al pasar el cursor del mouse

Imagen muestra la pantalla del editor del Creador de sitios con IA, con marcación en las configuraciones de colores

3A continuación, haga clic en la pestaña que desea configurar:

Texto - el color que se muestra en el nombre del ítem de menú;
Fnd (Fondo) - el color de fondo del botón;
Bonde - el color y efecto alrededor del botón.

Imagen muestra la pantalla del editor del Creador de sitios con IA, con marcación en las pestañas que son posibles configurar

4Para definir los colores, usted puede usar los recursos:

A) Área de selección de color principal (cuadro grande en el centro) - haga clic y arrastre el círculo blanco para aclarar, oscurecer o ajustar la intensidad del color - El fondo de este cuadro cambia según la barra de color al lado (vertical);
B) Barra vertical de colores (a la derecha) - para elegir el color base (rojo, verde, azul, etc.). Sirve para cambiar rápidamente entre tonalidades, como de amarillo a azul - Después de elegir aquí, usted refina en el cuadro al lado;
C) Paleta de colores predefinidos (parte inferior) - Son colores rápidos o usados recientemente. Haga clic en el que desea para aplicar rápidamente a su elemento;
D) Campo de color en hexadecimal - usted puede pegar el código del color - Por ejemplo: #ffffff para blanco, #000000 para negro.

Imagen muestra la pantalla del editor del Creador de sitios con IA, con marcación en los recursos para definir los colores

5Para configurar la pestaña "Bonde", tiene algunos recursos distintos:

A) Tipo de bonde (ícono en la esquina superior izquierda del cuadro grande) - elija entre sólido, rayado, punteado, entre otros;

B) Tamaño del bonde - defina el grosor del borde. Usted puede aumentar o disminuir para dejar el contorno más delgado o más grueso.

6Para guardar los cambios, haga clic en Actualización

La imagen muestra la pantalla del editor del Creador de sitios con IA, con marcación en los recursos para definir el contorno y la marcación en el botón para guardar, que se llama "Actualización"

Definir el estilo - Relleno y contorno del ítem de menú

1En la "Barra de herramientas”, haga clic en el ícono de engranaje (Configuraciones)

2En “Estilo”, en la sección “Relleno” y “Esquina”, haga clic en el botón blanco y arrastre en la barra hasta llegar a la opción que desea

3Para guardar los cambios, haga clic en Actualización

La imagen muestra la pantalla del editor del Creador de sitios con IA, con marcación en los recursos para definir relleno y bordes

Editar la página del ítem de menú

1En la "Barra de herramientas”, haga clic en el ícono con lápiz (Editar página)

2En la página que se abrirá, realice las ediciones necesarias

3Para guardar los cambios, haga clic en Actualización

La imagen muestra la pantalla del editor del Creador de sitios con IA, con marcado en el botón que lleva a la edición de la página

Incluir un nuevo ítem al menú principal

1En el menú lateral, haga clic en el ícono de tres líneas (CMS)

2A continuación, haga clic en Menús

Imagen muestra la pantalla del editor del Creador de sitios con IA, con marcación en el ícono de tres líneas y el botón "Menús"

3Si tiene más de un menú creado, en el campo “Cree o seleccione un menú”, haga clic en el que desea editar

Imagen muestra la pantalla del editor del Creador de sitios con IA, con marcación en la lista de menús, en caso de tener más de uno

4En el menú lateral, seleccione los elementos que desea incluir en el menú

5A continuación, haga clic en Anãdir al menú

Imagen muestra la pantalla del editor del Creador de sitios con IA, con marcación en los elementos de menú que puede agregar

6En el elemento agregado, haga clic en el ícono de engranaje (Configuraciones)

7A continuación, defina:

A) Etiqueta de navegación - si desea cambiar el nombre del elemento de menú o agregar un complemento, puede incluirlo en este campo;
B) Estabelecer como página de inicio - marque esta opción si desea que esta página sea la primera en aparecer cuando alguien acceda al sitio;
C) Abrir en nueva pestaña - defina si al hacer clic en este elemento de menú, se mostrará directamente en la página del sitio o en una nueva pestaña del navegador.

Imagen muestra la pantalla del editor del Creador de sitios con IA, con marcación en las configuraciones que puede hacer en el menú agregado

8Para definir el orden de exhibición, haga clic, arrastre y suelte en la posición que desea

Imagen muestra la pantalla del editor del Creador de sitios con IA, con marcación en las configuraciones en el ícono que aparece para reordenar

9Si desea que este nuevo elemento sea un submenú, haga clic y arrastre hacia la derecha - Debe quedar con un sangrado

10Para concluir, haga clic en Guardar cambios

Imagen muestra la pantalla del editor del Creador de sitios con IA, con marcación en las configuraciones en el elemento de menú que se ha definido como submenú y en el botón "Guardar cambios"

Eliminar un elemento del menú principal

1En el menú lateral, haga clic en el ícono de tres líneas (CMS)

2A continuación, haga clic en Menús

3Si tiene más de un menú creado, en el campo “Cree o seleccione un menú”, haga clic en el que contiene el elemento que desea eliminar

Imagen muestra la pantalla del editor del Creador de sitios con IA, con marcación en las configuraciones en la lista de menús disponibles

4Para remover el ítem de menú, haga clic en el ícono de X (Remover)

5Para concluir, haga clic en Guardar cambios

Imagen muestra la pantalla del editor del Creador de sitios con IA, con marcación en las configuraciones en los íconos de X para remover

Eliminar un menú principal

Esta acción elimina todo el menú principal, incluyendo todos los elementos que contiene - Después de eliminar y guardar, no es posible volver y restaurar.

El procedimiento es el mismo tanto para los menús disponibles en el diseño del sitio, como para los menús que usted ha añadido.

1En el menú que desea eliminar, pase el cursor del mouse y en el margen que se mostrará, en la esquina superior derecha, haga clic en el ícono de flecha