A Sitio web de una sola página muestra todo en una sola página. Estos sitios web muestran la página completa (sitio web) una vez cargados y cuando el visitante del sitio web hace clic en cada elemento del menú presente en el encabezado, se abrirán y mostrarán diferentes secciones de la página.
Estos tipos de sitios web tienen muchas ventajas, como una navegación simple y fácil, aptos para dispositivos móviles, que aumentan la participación de los visitantes del sitio web, una tasa de conversión más alta y son fáciles de crear y mantener. Estos son adecuados para páginas de destino, sitios web basados en eventos y mostrando su carteras de forma breve y nítida.
Esto se puede lograr usando un elemento vital llamado Identificación de la sección que se puede especificar en el Sección de configuración.
Este artículo lo guía sobre cómo crear un sitio web de una sola página utilizando el ID de sección y Elemento de menú de enlace.
En este artículo hablaremos de:
- Crear una página y agregar secciones
- Especifique el ID de la sección
- Establecer página como página de inicio
- Crear elementos de menú de enlaces usando la ID de sección
- Habilitar el botón de volver al principio
- Habilitar la navegación fija
Crear una página y agregar las secciones.
- El primer paso es crear una nueva página y agregue sus secciones deseadas a la misma.
- Debe crear todas las secciones para vincularlas a los elementos de menú respectivos (como las páginas Acerca de y Contacto).
Especifique el ID de la sección
- Una vez que haya agregado las secciones a la página, visite la configuración de la sección de todas las secciones agregadas y especificar el ID de la sección a cada uno de ellos.
Establecer página como página de inicio
A continuación, vaya a la Página web sección, establecer la página como la página de inicio (1), y ocultarlo del menú/navegación del sitio web (2).
Crear elementos de menú de enlaces usando la ID de sección
Ahora, crear los elementos del menú de enlace como Inicio, Acerca de, Trabajo, Contacto, etc.
Para agregar un nuevo elemento de menú de enlace, ingrese agregar enlace (1) en el cuadro de búsqueda y haga clic en el Añadir enlace acción (2).
Para conectar el elemento del menú de enlaces a una sección de la página, siga estos pasos:
- Desde el Página web sección, coloque el cursor sobre el elemento del menú del vínculo y haga clic en el icono de tres puntos verticales (1) al lado.
- Seleccione Ajustes opción (2) del menú desplegable.
- A continuación, desplácese hacia abajo hasta el Enlace objetivo sección (3), seleccione el Sección de página pestaña (4), y especifique el Identificación de la sección (5) de la sección que desea enlazar.
- El ID de la sección debe ser el mismo que se especifica en la sección de la página sin espacios.
- Finalmente, golpea el Guardar botón (6).
Habilitar el botón de volver arriba
Es útil tener un botón que se desvanece a medida que se desplaza hacia abajo y flota en la parte inferior del navegador. Puede volver fácilmente a la parte superior haciendo clic en él.
- Para habilitar el botón Volver arriba, vaya a la Diseño sección y haga clic en el Pie de página pestaña o simplemente escriba Volver arriba en el cuadro de búsqueda de esta manera:
- A continuación, desplácese hacia abajo hasta el Volver al botón superior sección y habilite el botón.
Habilitar la navegación fija
También puede habilitar la navegación fija sobre su encabezado para mejorar el aspecto de su sitio web. Conozca más.
Verifique un sitio de demostración con navegación fija.
¡Voila! Su sitio web de una sola página ya está listo. Simplemente puede hacer clic en el Ver Sitio botón presente en la parte superior para ver su sitio web.
Asegúrate de leer Construye tu sitio web en Pixpa – La guía completa artículo para conocer otras personalizaciones que puedes realizar en tu sitio web.
Nota:
- El ID de sección distingue entre mayúsculas y minúsculas.
- No use espacios dentro de la ID de la sección.
- Use guiones para separar las palabras dentro de la Sección ID.
Aquí hay algunos sitios web de demostración de una sola página: