Como hacer one page completa en OceanWP

PluginsThemes

OceanWP es un theme gratuito para hacer tus páginas de la manera más sencilla junto con el plugin Elementor.

Pero si quieres hacer una OnePage perfecta en la que el ítem de menú pare exactamente donde quieres, tanto en escritorio como en móvil, y además, en la que puedas crear animación en tu menú según se hace scroll… necesitas incorporar el plugin Page Scroll ID.

Paso 1. Instala y activa el plugin.
Paso 2. En el menú de WordPress crea enlaces personalizados con los ítems que quieres y con la ruta completa, por ejemplo:

http://www.midominio.com/#contacto

Paso 3. Edita con Elementor la página Onepage y usa el Widget de Page Scroll ID para colocar el ancla en cada parte que quieras mostrar de cada ítem de menú.

pagescrollid elementor oceanwp

Paso 4. Ahora accede a los ajustes del plugin, donde lo más importante para que funcione correctamente en esta plantilla es añadir en el campo Offset lo siguiente:

#site-header:width(>960)

Paso 5. Añade en style.css como quieres que se muestre el ítem de menú activo.

.mPS2id-highlight{ border-bottom: 3px solid #red;}

Aquí dejo también un pantallazo de los demás ajustes del plugin, aunque estos según necesidad.

pagescrollid-settings

Espero que te hayan servido estas indicaciones para poder hacer tu OnePage perfecta con OceanWP.

¿Te ha sido útil este código?
Ayúdanos a saber si este código o función te ha funcionado y así poder ayudar a otros usuarios
SÍ. 🙂
NO. 🙁
Tags
Mostrar Más

Artículos Relacionados

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *