Cómo personalizar el encabezado de mi sitio
Este tutorial abarca los siguientes temas:
El encabezado es la barra de navegación de tu sitio. Es una parte importante que te permite destacar las páginas o secciones más importantes de tu sitio web para que los visitantes pueden acceder fácilmente.
En esta breve guía, verás cómo personalizarla tanto en Website Builder como en SiteGround Ecommerce.
Cómo personalizar el encabezado en Website Builder
Cómo personalizar el contenido del encabezado
- Ve a Site Admin > Website Builder y presiona el botón Personalizar.
- Abre la pestaña Páginas.
- Navega a Plantillas del sitio y haz clic en Encabezado.
- Personaliza varios aspectos del área del encabezado, como diseño, tipo de menú, alineación del menú, logo y favicon.
Cómo personalizar los colores del encabezado
- Dentro Site Admin, ve a Website Builder.
- Haz clic en Personalizar.
- Abre la pestaña Páginas y selecciona Encabezado.
- Elige uno de los colores de paleta predefinidos del menú Color del encabezado.
Cómo personalizar el menú de navegación del encabezado
- Inicie sesión en su Site Admin.
- Abre la sección Website Builder.
- Haz clic en el botón Personalizar.
- Abre la pestaña Menús.
- Para agregar un nuevo elemento de menú, haz clic en la pestaña Nuevo artículo.
- Para agregar el elemento al encabezado, selecciona Menú principal en el menú desplegable Ubicación.
- Selecciona el tipo de elemento del menú Tipo de enlace. Puedes elegir entre Página, Etiqueta y Enlace externo. Si el tipo es Página, selecciona una de las páginas de tu sitio web desde el menú desplegable a continuación.
- Asigna el nombre del elemento que aparecerá en el menú del encabezado.
- Confirma el elemento con el botón Agregar artículo.
- También puedes eliminar elementos de la lista de elementos del menú en Menú principal. Para eliminar un elemento del menú, pasa el cursor sobre él y presiona el icono de papelera (Eliminar). En la ventana emergente siguiente, presiona Confirmar.
- También puedes reorganizar el orden de los elementos. Simplemente, arrastra el elemento elegido y suéltalo en la posición deseada.
Cómo personalizar el encabezado en SiteGround Ecommerce
Cómo personalizar el contenido del encabezado
- Inicia sesión en el Site Admin de tu Ecommerce de SiteGround, y presiona Personalizar.
- Abre la pestaña Páginas, navega a Plantillas del sitio y haz clic en Encabezado.
- Aquí, puedes elegir el tipo de menú, alineación del menú, diseño, logo y favicon.
Cómo personalizar los colores del encabezado
- Dentro del constructor de tu tienda, abre la pestaña Páginas y selecciona Encabezado en la sección Plantillas del sitio.
- Desplázate a la sección Color del encabezado, donde puedes seleccionar uno de los colores predefinidos para el encabezado.
Cómo personalizar el menú de navegación del encabezado
- Dentro del constructor, navega a la pestaña Menús.
- Para agregar un nuevo elemento, haz clic en el botón Nuevo artículo.
- Para asegurarte de que el elemento se agregue al encabezado, selecciona Menú principal del menú desplegable Agregar a.
- Selecciona el tipo de elemento que estás agregando desde el menú desplegable Tipo de enlace. Puedes elegir entre Página, Enlace externo, Producto único, Categoría, Marca y Etiqueta.
- Si has seleccionado Página, Producto, Categoría o Marca, puedes elegir uno de los elementos existentes en el tipo de enlace respectivo.
- En Nombre del elemento del menú, escribe el nombre que aparecerá en el encabezado.
- Finalmente, presiona Agregar artículo.
- Para eliminar un enlace del encabezado, vuelve a la lista de Menú principal, pasa el cursor sobre el elemento elegido y presiona el icono de papelera (Eliminar). Aparecerá una nueva ventana donde debes seleccionar Confirmar.
- También puede cambiar el orden de los enlaces del encabezado. Para hacerlo, arrastra el elemento elegido y suéltalo en la posición preferida.