# Encabezado del menú

Funcionalidad **Constructor de diseño** se utiliza para configurar la visualización de bloques de información en **el encabezado** y **el pie de página** del sitio. Permite crear una estructura de navegación conveniente para los usuarios formando encabezados con enlaces a las páginas necesarias (por ejemplo: "Sobre nosotros", "Reglas", "Preguntas frecuentes", "Contactos").

### **Características principales** <a href="#p2otmgr7cpmi" id="p2otmgr7cpmi"></a>

1. **Lista de diseños**<br>
   * En esta sección se muestran todos los diseños creados con sus nombres.<br>
   * Cada diseño se puede eliminar usando el icono de la papelera.<br>
2. **Estructura del diseño**<br>
   * Cada diseño consta de **encabezados** (por ejemplo: "Información", "Documentos", "Soporte").<br>
   * Puedes adjuntar una lista de páginas a un encabezado, que se mostrarán como enlaces clicables.<br>
   * Esto permite agrupar la información por temas y simplificar la búsqueda de la página necesaria para el usuario.<br>
3. **Trabajo con bloques**\
   En el modo de edición del diseño están disponibles las siguientes acciones:<br>

   * **Agregar un nuevo bloque** ("+ Agregar"). \
     **Importante**: Al agregar un elemento de menú agregas un menú que se muestra en la web con un enlace directo; al agregar una lista de menú puedes añadir varias páginas estáticas precreadas desde la sección del panel de administración ["Páginas"](https://lara-script.gitbook.io/docs/ru/funkcional-admin-paneli/resursy/stranicy), y al pasar el cursor sobre el principal aparecerá un menú desplegable con varias páginas relacionadas previamente creadas y añadidas a este menú.
   * **Editar un bloque existente** (cambiar el título, agregar/eliminar páginas).

   **Nota**, si estás editando un elemento creado anteriormente como "Elemento de menú", no será editable de la misma manera que una "lista de menú", donde podrás elegir una lista desde secciones desplegables \
   Editar un elemento de menú:

\
Editar una lista de menú tendrá menús desplegables característicos y la capacidad de agregarlos/eliminarlos:

<figure><img src="https://1953675968-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fp0ow3kIXHQDcl9DBdYiM%2Fuploads%2FtSEMQUlo2CHjvRyoXPB6%2F%D0%97%D0%BD%D1%96%D0%BC%D0%BE%D0%BA%20%D0%B5%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202025-10-08%20%D0%BE%2001.01.57.png?alt=media&#x26;token=a2efda18-1927-434d-809c-7e1b7cd8cb1c" alt=""><figcaption></figcaption></figure>

\
Lo editarás de la misma manera en que creaste el menú.

<figure><img src="https://1953675968-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fp0ow3kIXHQDcl9DBdYiM%2Fuploads%2FF5kMs8GwwO4E45kJnktK%2F%D0%97%D0%BD%D1%96%D0%BC%D0%BE%D0%BA%20%D0%B5%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202025-10-08%20%D0%BE%2001.02.34.png?alt=media&#x26;token=9c2a287e-59e5-4f6d-ba80-798800b90ad1" alt=""><figcaption></figcaption></figure>

* **Mover bloques** para cambiar el orden de su visualización en el pie de página o encabezado.<br>
* **Eliminar bloques**, que ya no son necesarios.

\
Si deseas crear una lista de menú, el Nombre del elemento debe ser exactamente cómo se mostrará la ventana principal en el encabezado del panel de administración, y al pasar el cursor sobre él aparecerá un menú desplegable con las páginas ya añadidas y preconfiguradas; debería verse más o menos así, y puedes elegir de forma independiente su número y contenido:

<figure><img src="https://1953675968-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fp0ow3kIXHQDcl9DBdYiM%2Fuploads%2FImJDU032oIqHT9LCWF96%2Fimage.png?alt=media&#x26;token=fd277713-a8e8-48f8-9053-5efe789f0311" alt=""><figcaption></figcaption></figure>

Y después de guardar, en la parte web del sitio este menú desplegable se verá aproximadamente como el siguiente, donde cada página es clicable y conduce a una de ellas<br>

<figure><img src="https://1953675968-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fp0ow3kIXHQDcl9DBdYiM%2Fuploads%2FDnL0IrgXsr5lA579OlgT%2Fimage.png?alt=media&#x26;token=f3e1a549-c4b5-40f5-9286-16d78e9fa493" alt="" width="507"><figcaption></figcaption></figure>

1. **Guardar y activar**<br>

* Después de la configuración necesitas hacer clic en el botón "Guardar".<br>
* Si el diseño está activo, los cambios aparecerán inmediatamente en el sitio.<br>
* Puedes preparar varias variantes con antelación (por ejemplo: un encabezado estándar y un encabezado promocional festivo) y cambiar rápidamente entre ellas.<br>

✅ **Ejemplo de uso**:\
Si añades **una lista de menú**, se crea un diseño en el encabezado con el encabezado **"Información"**, bajo el cual se colocan enlaces a las páginas *Sobre nosotros*, *Reglas del servicio*, *Política de privacidad*, *Contactos*. Junto a él puedes añadir **un elemento de menú** un bloque separado **"Ayuda"** con un enlace a *Preguntas frecuentes*.