How to Create One Page Scroll using Gutenberg

Опубликовано: 16 Май 2024
на канале: Wpmet
493
6

⚠️ Welcome to our comprehensive tutorial on mastering GutenKit's fantastic one page scroll feature!

In this detailed video, we'll guide you through every step of the process, from enabling the One Page Scroll module to customizing its advanced settings, allowing you to create captivating one page websites effortlessly on WordPress.

✅Install GutenKit today 👇
https://wpmet.com/plugin/gutenkit/

Timestamps:
00:00 Introduction
00:09 Activate block
00:21 One Page Scroll settings for the entire page
01:05 One page scroll settings for container block (only works for the top container)
01:18 Preview
01:25 Outro

Follow these steps to enable the One Page Scroll feature using GutenKit on your WordPress site!

Go to your WordPress dashboard.➡️ Then, navigate to GutenKit and then Modules. Look for the One Page Scroll module and turn it on.

First, add a new page on your WordPress site, add its title, and start editing.
Once you are on the page you can start editing by changing the prefix text. Then you can edit the button. You can edit its color and thickness.

You can use the Advanced Image block to put any image you want. Use our Icon Box block to put any icon you may need from the icon library.
Now click the GutenKit logo and then go to Advanced and enable the one page scroll feature.

You can adjust scroll speed, scroll animation and show or hide the dot navigation. On the dot navigation options, you can change the navigation style, position, and color.

Now go to the advanced options of the container of any section if you want to enable or disable its one page scroll option. You can also adjust the Tooltip text, padding, border-radius, etc.

Next, save your work and click on Preview to see the one page scroll in action.

✅Install GutenKit today 👇
https://wpmet.com/plugin/gutenkit/

Join us:
🧑‍🤝‍🧑Wpmet Community: www.facebook.com/groups/wpmet
👨‍💻Wpmet Facebook: www.facebook.com/wpmetcom
🔗Wpmet LinkedIn: www.linkedin.com/company/wpmet
🧑‍Wpmet Twitter: www.twitter.com/wpmetcom
👨‍💻Wpmet Instagram: www.instagram.com/wpmetcom/
🔗Wpmet Pinterest: www.pinterest.com/wpmetcom/

#GutenKit #gutenberg #OnePageScroll


Смотрите видео How to Create One Page Scroll using Gutenberg онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Wpmet 16 Май 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 49 раз и оно понравилось людям.