En esta guía vamos a ver cómo crear el ó header del sitio web.
¿Qué es l’header?
L’header es la parte superior del sitio web que se repite en todas las páginas del sitio, generalmente dentro de esta sección encontramos el logo del sitio y el menú de navegación.
Ahora solo nos queda ver en pocos pasos simples cómo crear nuestro header.
Paso 1: Creamos l’Header
Primero dirijámonos a la opción Bloques globales presente dentro del menú principal de Framework360 siguiendo los siguientes pasos:
Sitio Web > Bloques Globales
Dentro de esta sección encontraremos todos los contenidos que pueden ser creados una vez y posteriormente llamados en todas las páginas del sitio web que deseamos.
A este punto para crear el íheader no deberíamos hacer otra cosa que hacer clic en el botón en la parte superior derecha Añadir, una vez dentro de la página de creación del bloque global vayamos a la opción Tipología y seleccionemos como tipología Header como se muestra en la figura:
Paso 2: Personalicemos nuestro header
A este punto, siempre dentro de la pantalla de creación del bloque global, vamos a personalizar el contenido de nuestro header a través del Visual Builder de Framework360.
En nuestro ejemplo vamos a crear un header dentro del cual estarán presentes el logo del sitio y el menú de navegación.
Primero, vamos a hacer clic en Agregar una fila y vamos a crear dentro de la fila dos columnas (una en la que insertaremos el logo y la otra en la que insertaremos el menú de navegación).
En este punto vamos a buscar dentro del Visual Builder el contenido Logo sitio y lo arrastramos a la primera columna creada. Posteriormente, también en el Visual Builder, buscaremos el contenido Navbar, arrástralo sobre la segunda columna y seleccionemos dentro de la pantalla de personalización del Navbar el Menú Principal.
En este punto hacemos clic en el botón en la parte superior derecha Guardar
Paso 3: Creamos el Menú Principal
Si aún no hemos creado el Menú Principal notaremos que en la parte derecha de nuestro header No aparecerá nada:
Para crear el Menú Principal deberíamos ir a la opción Menú presente dentro del menú principal de Framework360 siguiendo los siguientes pasos:
Sitio Web > Menú
En este punto hacemos clic en el Menú Principal que se inserta automáticamente por Framevork360 para modificarlo.
Una vez dentro de la pantalla de modificación no deberíamos hacer otra cosa que arrastrar las opciones que queremos visualizar en el menú principal desde la columna de izquierda Página a la columna de derecha Ordenamiento Menú como se muestra en la figura:
A este punto no nos queda más que hacer clic en el botón Guardar en la parte superior derecha y nuestro Header estará completado!
