Cree un sitio web de una sola página con una página de navegación de WordPress de una sola página (con bonificación)

¿Está buscando crear un sitio web para su negocio pero no tiene tiempo para crear uno grande? ¿O no está listo para participar en el mantenimiento a largo plazo del sitio web? Luego debe elegir un sitio web de una sola página de una página. El sitio web de una página brinda toda la información de manera atractiva y le da a su sitio un aspecto increíble para que los usuarios puedan involucrarse más. En este blog, aprenderá no solo cómo crear un sitio web de una sola página con una sola página de navegación de WordPress, sino también para agregar un formulario de contacto a una ventana emergente.
La mayoría de las personas abandonan el sitio web si no encuentran una forma apropiada de contactar al propietario, por lo que este bono de punta realmente agregará un valor extraordinario a su sitio. No perdamos el tiempo y comencemos el proceso de crear un sitio web increíble con una navegación primaria en una página. Puede verificar el aspecto final del sitio en el botón a continuación:
El aspecto final del sitio web con una sola página de navegación
Se esconde el contenido
¿Qué es la navegación en una página?
¿Cuáles son los beneficios del sitio de una página con navegación de una página?
Cómo crear un solo sitio web con una sola página de navegación de WordPress
Paso #1: Instale los complementos de WordPress requeridos
Paso #2: Cree un sitio web utilizando la página de página prefabricada
Paso #3: Cómo agregar un elemento de navegación a una página usando ElementsKit
3.1 Habilitar el módulo de desfile en una página
3.2 Active una página de la configuración de la página
3.3 Elija el estilo de navegación
3.4 Configurar otras configuraciones de navegación
3.5 Agregar secciones de página a los enlaces de navegación #4: Agregar encabezado Subsol utilizando Elementos de encabezado prefabricado de Subsol
Paso 5: Agregue el formulario de contacto como una ventana emergente modal (bonificación)
Paso #6: Actualizar y ver la vista previa del sitio único con una sola página de navegación
Envolver
¿Qué es la navegación en una página? La navegación en una página, como su nombre indica, es un menú de navegación especialmente diseñado para explorar diferentes partes de un sitio web de una sola página. La navegación en una sola página con efecto de desfile sin problemas hace que la navegación a diferentes secciones sea una experiencia fácil y fácil de usar.
“La simplicidad es la sofisticación suprema”. – Leonardo da Vinci
Y esta simplicidad ofrece a los sitios de una página la ventaja que necesitan para los demás. Un sitio web de una sola página es excelente para pequeñas empresas, como organizadores de bodas, fotos, salones pequeños, restaurantes, etc. Sin embargo, si tiene un gran negocio de comercio electrónico que vende demasiados productos u ofrece más servicios y debe responder a un público más amplio, una sola página no es para usted.
¿Cuáles son los beneficios del sitio de una página con navegación de una página? No debe pensar en obtener un sitio web de una página para su negocio solo porque su negocio es pequeño. Hay muchos otros beneficios en tener un sitio web de una sola página, especialmente un sitio de WordPress de una sola página. Echemos un vistazo a algunos de los profesionales:
En primer lugar, es compatible con dispositivos móviles. Esto es algo esencial a considerar cuando se trata de SEO (optimización para motores de búsqueda) para sitios web. A partir de 2021, el 70% de los ciudadanos estadounidenses usan un dispositivo móvil para buscar en Internet. Datos como estos son la razón por la cual Google da prioridad a un sitio web amigable con dispositivos móviles. Con el diseño de una sola página, su sitio ingresa a los buenos libros de Google desde el principio. La mayoría de las personas prefiere un sitio web simple, hermoso y de objetos que innecesariamente largo.
Google cuenta la autoridad de enlaces a nivel de dominio y página hasta un grado del 40%. Esta es otra área donde su sitio de una página tendrá una ventaja.
Los sitios web de una página se cargan más rápido que toneladas de páginas. Dado el hecho de que las personas de hoy tienen opciones ilimitadas, tener un sitio de carga rápida es realmente no negociable.
Los sitios de una página son fáciles de mantener.
Debido a que un sitio web de una sola página tiene toda la información de una página, la navegación de marketing hace que sea mucho más fácil de navegar, y un efecto de desfile sin problemas hace que la experiencia del usuario.
Puedo continuar con algún tiempo, pero creo que la información anterior envía el mensaje de que si su negocio es pequeño, entonces puede obtener grandes beneficios, de hecho, muy grande usando el sitio pequeño con una sola página de navegación. Así que pasemos al proceso principal sin perder el tiempo.
Cómo crear un solo sitio web con una sola página de navegación de WordPress en este blog, le mostraré no solo cómo crear un sitio web, sino también una navegación moderna en una página en WordPress, que impresionará a sus clientes potenciales. Para este tutorial, usaré WordPress Sitio web Builder popular (¡sé escribir en el título!) Entonces, comencemos … Paso #1: Instale los complementos de WordPress requeridos una vez que haya instalado WordPress en su sistema, debe instalar lo siguiente Complementos de WordPress:
Elementor (versión gratuita)
Elementskit (versión gratuita y pro dos)
Metform (versión gratuita)
Descargar Elmesskit gratis
Descargar ElementsKit Pro
Una vez que haya terminado de instalar y activar los complementos de WordPress necesarios, es hora de construir el sitio.
Paso. Para este blog, usaré la página de destino del planificador de bodas de ElementsKit. Para crear su sitio web, desde el tablero de WordPress, vaya a páginas ⇒ Agregar nuevo
Dé un título como Inicio, elija El elemento de ancho completo de las opciones de plantilla
Haga clic para publicar y después de publicar, haga clic en Edición con Elementor
Haga clic en el botón ElementsKit (EK) una vez que se abre la ventana El Element Builder

Vaya a la pestaña de la página, busque la página de la boda y haga clic en Insertar
Ahora haga clic en Actualizar para guardar

Paso #3: Cómo agregar un elemento de navegación en una página usando ElementsKit ahora que tenemos nuestro sitio web, es el momento de la parte divertida, que es la adición de un desfile en una página. Elementskit Navigation by Parade en una página es más fácil de usar y le da a su sitio un aspecto increíble. Es muy poco probable que encuentre otro elemento de suplemento de navegación en una página tan buena como Elementskit. Ahora, veamos el proceso paso a paso de agregar un enlace de navegación de página de página. WordPress: 3.1 Active el módulo de desfile en una página para agregar navegación en su sitio de WordPress, primero, debemos iniciar el módulo de desfile de una página. Accece. : Panel de WordPress ⇒ Elementskit ⇒ módulos

Active el desplazamiento en una página

Haga clic en Guardar cambios para actualizar

3.2 Active una página de la configuración de la página
Haga clic en el icono de configuración en la esquina inferior izquierda del panel de primaria
Abra la pestaña Configuración Ilestskit
Habilitar la opción Ejecutar en una página

Nota: Si no puede encontrar la opción Opción de configuración de desplazamiento, entonces probablemente no haya activado ElementsKit Pro
Descargar ElementsKit Pro ahora
3.3 Elija el estilo de navegación ahora, es hora de elegir el estilo de navegación. Elementskit le brinda más opciones para navegar. Por ejemplo, debajo del círculo, obtendrá escala, llenará, llenará. Para el modelo cuadrado, tendrá opciones como ampliación y, como parte de la línea, obtendrá opciones como la línea para crecer, la línea de llenado, la disminución de la línea, etc.
Puede elegir cualquier estilo que desee, para este blog elegiré el icono personalizado. Una vez que elija un icono personalizado, recibirá una opción para elegir un icono para la opción de estilo de navegación en una página. Puede elegir un icono de la biblioteca de iconos o cargar un icono SVG personalizado. Para elegir un icono personalizado, usted es su opción de icono personalizado en el menú Drop -down

Coloque el cursor en el icono de navegación y haga clic en la biblioteca de iconos
Busque e ingrese el icono que desee
3.4 Configure otras configuraciones de navegación Una vez que elija un estilo de navegación, tendrá acceso a la siguiente configuración:

Posición de navegación: puede establecer su posición de navegación como arriba, derecha, abajo o izquierda.
Compensación de posición de navegación: aquí puede elegir el valor del espacio de la posición de navegación.
Espacio de navegación: elija el espacio deseado entre cada icono de navegación.
Color de navegación: elija un color para el icono de navegación.

Tipografía con indicaciones: Aquí puede elegir la familia, el tamaño de la fuente, la transformación del peso, el estilo, la decoración y la altura de la línea para el consejo explicativo.
3.5 Agregar secciones de página a los enlaces de navegación Ahora que se realizan todas las configuraciones, es hora de agregar las secciones que desea aparecer en la navegación. Para hacer eso
Pase el cursor a la sección y haga clic en el icono Editar la sección
Ir a la pestaña avanzada
Expandir la opción de desplazamiento de la página ElementsKit
Habilitar la activación de la sección para que la sección sea visible

Habilitar la opción Do t de activación para agregar esta sección como uno de los enlaces de navegación

Proporcione un nombre para el texto indicativo. El texto de la descripción aparecerá cuando alguien pase el cursor al último enlace, haga clic en Actualizar para guardar
Puede repetir el mismo proceso mencionado anteriormente para agregar todas las secciones que desea navegar. Nota: Puede agregar una sección a la navegación, no a la sección interior. Por lo tanto, no encontrará la opción ElementsKit Onpage Scroll en la pestaña avanzada para la sección interior o cualquier otro widget. Después de realizar toda su navegación, actualice y haga clic para ver una vista previa de una página en WordPress y también para verificar los enlaces del menú de navegación.
Paso #4: Agregue la toma de subsollos utilizando bien el kit de la sección de encabezado prefabricado de Passol, ahora tiene un sitio web con una página de navegación de WordPress, pero aún necesita un encabezado del sótano para completar su sitio. Las secciones de encabezado y sótano de un sitio web son muy importantes para mostrar su logotipo e información importante para que los clientes puedan verlos fácilmente. Elementskit le ofrece muchas secciones de encabezado y sótano prefabricados para elegir. Para usar ElementsKit Header Header:
Acceso a ElementsKit ⇒ encabezado de subsol ⇒ Haga clic en Agregar nuevo
Elija el tipo como encabezado, condiciona como un sitio completo, active la opción de activación/desactivación y, finalmente, haga clic en Guardar cambios.
Ahora para agregar la sección del encabezado, haga clic en Editar en el menú que creó
Haga clic en Editar contenido

Haga clic en el botón EK y acceda a la pestaña Secciones

Elija el diseño de su encabezado que le guste y haga clic en Insertar
Puede ver el video a continuación para crear un hermoso titular para su sitio web. Nota: puede seguir los mismos pasos que un encabezado para crear una sección del sótano.

Paso 5: Agregue el formulario de contacto como una ventana emergente modal (bonificación) es hora de agregar un formulario de contacto a su sitio para que sea más fácil para los clientes potenciales comunicarse con usted agregar un formulario de contacto usando una ventana emergente le daría a su Sitio con un aspecto más atractivo, junto con la forma tan necesaria que necesita. Para agregar una ventana emergente modal, reemplazaré el botón RSVP con una ventana emergente modal y le agregaré un formulario de contacto.

Acceso a ElementsKit ⇒ Widgets ⇒ Active el modo emergente ⇒ Haga clic en Guardar cambios
Vaya a la página All ⇒ Página de inicio (o como haya llamado su página) y haga clic en Editar con Elementor
En el modo de edición, desplácese a la sección RSVP y elimine el botón RSVP
Tire y coloque una ventana emergente modal al botón RSVP

Para cambiar el texto del botón modal, vaya al contenido ⇒ Botón de interruptor ⇒ Etiqueta y cambie “Abrir modal” en RSVP (o lo que sea)
Vaya a la pestaña Estilo ⇒ el botón Switch para cambiar el color de fondo del botón, el color de texto, el rayo del borde y otras configuraciones tanto para la vista normal como para la vista de desplazamiento.

Ahora vaya a contenido y active el modo de activación de la plantilla para que podamos agregar nuestro formulario de contacto.
Haga clic en el botón emergente. Una vez abierto, haga clic en el icono de edición en el cuerpo para abrir el editor elemental

Puede consultar más detalles en nuestro blog sobre diferentes formas de usar el widget emergente modal de su wordpressc, dibujar y colocar widget

Haga clic en Editar el formulario para elegir el formulario de contacto
Elija el formulario deseado de la lista y haga clic en Guardar y cerrar

Finalmente, haga clic en Actualizar para guardar

Nota: Ya hemos realizado el formulario RSVP usando Metform y también cambiamos el color y el estilo para que coincidan con la plantilla de página de destino que utilizamos. Puede consultar el blog sobre cómo crear y elegantes formularios de contacto con Metform. También puede consultar el video a continuación para obtener instrucciones sobre cómo crear un formulario de contacto personalizado usando Metform.

Descargar metform ahora
Paso #6: Actualice y vea la vista previa del sitio único con una sola página de navegación bien, todo está hecho. Ahora, hasta el paso final, el más fácil e interesante. Después de haber completado toda la personalización y los pasos mencionados anteriormente, haga clic en el botón Actualizar para guardar todo y haga clic en el botón Vista previa para ver su sitio, siempre que haya seguido todos los pasos correctamente, debe obtener un sitio web con una sola página con una Página de navegación de WordPress única como a continuación:

avance
¿Le gustaría aprender más sobre Elementskit? Consulte la última actualización sobre ElementsKit para obtener más información sobre este maravilloso suplemento elemental.
¡Clasificando una bofetada en tu espalda! Porque ha creado con éxito un sitio web hermoso, hermoso y de un solo rango utilizando Elementor y Elementskit. Usando un sitio de una sola página, los clientes pueden navegar fácilmente en diferentes secciones de su sitio para averiguar sobre su negocio y esa ventana emergente modal con un solo clic con el formulario de contacto hace que la comunicación sea realmente a solo un clic de distancia. Si está impresionado por lo que ha construido, prepárese para sorprenderse aún más, porque Elementskit abre posibilidades ilimitadas para que los usuarios de WordPress y el elemento experimenten y creen un sitio web maravilloso. Por lo tanto, tome tiempo para verificar otros widgets y módulos avanzados del ElementsKit. Para obtener más información sobre la creación de sitios web que usan WordPress, Elementor y Magic Elementskit, síganos en nuestras cuentas sociales. Nervioso
Youtube
Instagram

Facebook