Introduction
If you’re tired of jarring and unsmooth scrolling experiences on your WordPress site, then Smoother – Smooth Scrolling is the perfect solution for you. This powerful plugin aims to provide a seamless scrolling experience for your visitors, regardless of the browser they use. With its numerous features and customization options, Smoother is the ultimate solution for making scrolling on your site a delightful experience.
Review
Smoother is incredibly easy to install and set up, and it comes with a user-friendly interface that makes it easy to customize every aspect of your scrolling experience. The plugin supports a wide range of browsers, including Chrome, Firefox, Safari, Edge, and Opera, making it a great choice for users who want to cater to a diverse audience.
One of the standout features of Smoother is its ability to work perfectly with all major WordPress frameworks, including Genesis, Divi, Themify, Warp 7, and Ultimatum. It also works seamlessly with popular page builders like Elementor, Visual Composer, and Beaver Builder.
In terms of features, Smoother is packed with them. It supports mouse wheel, middle mouse, and keyboard scrolling, and even allows for customization of every aspect of the scrolling experience, including step sizes and frames per second. Additionally, the plugin includes smooth scrolling to anchor links, support for embedded content, and even works with touchpad devices.
The plugin is also incredibly lightweight and fast, making it suitable for even the most demanding websites. And with its native JavaScript code, it doesn’t rely on jQuery, making it a great choice for developers who prefer to keep their code simple and efficient.
Score
Based on its impressive features, ease of use, and compatibility with various browsers and plugins, I would give Smoother – Smooth Scrolling for WordPress a score of 4.6 out of 5.
Pros
- Easy to install and set up
- Supports a wide range of browsers
- Works with all major WordPress frameworks and page builders
- Supports mouse wheel, middle mouse, and keyboard scrolling
- Customizable step sizes and frames per second
- Lightweight and fast
Cons
- The changelog could be more detailed and user-friendly
- Some users may require more advanced customization options
Conclusion
Smoother – Smooth Scrolling for WordPress is an impressive plugin that can help make scrolling on your site a delightful experience. With its numerous features, customization options, and compatibility with various browsers and plugins, it’s a great choice for developers and site owners who want to provide a smooth and seamless scrolling experience for their visitors.
User Reviews
Be the first to review “Smoother – Smooth Scrolling for WordPress”
Introduction to Smoother - Smooth Scrolling for WordPress
Smoother - Smooth Scrolling is a popular WordPress plugin that adds a delightful and modern touch to your website's scrolling experience. This plugin helps to improve user engagement by providing a seamless and effortless scrolling experience for your visitors. In this tutorial, we'll cover the steps to install and configure Smoother - Smooth Scrolling to take your WordPress website to the next level.
Installing Smoother - Smooth Scrolling
To start using Smoother - Smooth Scrolling, follow these steps:
- Go to your WordPress dashboard: Log in to your WordPress website using your credentials.
- Click on Plugins: Navigate to the Plugins menu in your dashboard and click on "Add New."
- Search for Smoother: Type "Smoother" in the search bar and hit Enter. The plugin will appear in the search results.
- Install and activate the plugin: Click on the "Install Now" button and then activate the plugin.
- Check the installation: Verify that the plugin is successfully installed and activated by navigating to the Smoother plugin page under the "Settings" menu.
Configuring Smoother - Smooth Scrolling
To configure Smoother - Smooth Scrolling, follow these steps:
- Access the plugin settings: Go to the Smoother plugin page under the "Settings" menu.
- Select the scroll effect: Choose the type of scroll effect you want to apply. You can select from different options, such as Smooth, Ease-in-out, and Custom.
- Customize the animation: If you chose Custom as the scroll effect, you can customize the animation by adjusting the Duration, Easing, and Spring settings.
- Enable the plugin for specific pages: You can choose to enable the smooth scrolling effect on specific pages, posts, or custom post types by selecting the appropriate options.
- Save changes: Click the "Save Changes" button to save your settings.
Configuring Specific Page Settings
To configure specific page settings for Smoother - Smooth Scrolling, follow these steps:
- Create a new page or edit an existing one: Create a new page or edit an existing one in the WordPress editor.
- Add a custom CSS class: Add a custom CSS class "smoother" to the page to enable smooth scrolling for this specific page.
- Add a anchor links: Add anchor links on the page to specify which sections you want to be scrollable.
- Add a wrapper around the scrollable content: Wrap the scrollable content with a div tag with a custom CSS class, such as "smoother-wrapper".
Tips and Best Practices
- Use the correct HTML structure: Ensure that your page has the correct HTML structure, including header tags and anchor links.
- Optimize your website's loading speed: Make sure your website loads quickly to avoid affecting the smooth scrolling experience.
- Test your website on different devices and browsers: Test your website on different devices and browsers to ensure the smooth scrolling effect works consistently.
By following this tutorial, you've successfully installed and configured Smoother - Smooth Scrolling on your WordPress website. Remember to customize the plugin settings to fit your website's unique needs, and test your website regularly to ensure the smooth scrolling effect works as expected.
Here is a complete settings example for Smoother – Smooth Scrolling for WordPress:
Smoother Settings
- Enable Smoother: Check this box to enable smooth scrolling on your WordPress site.
- Default Duration: Set the default duration for smooth scrolling transitions (in milliseconds). Default is 500.
- Default Easing: Choose the default easing effect for smooth scrolling transitions. Options are linear, ease-in-out, ease-in, and ease-out. Default is ease-in-out.
- Disable on Mobile Devices: Check this box to disable smooth scrolling on mobile devices.
Custom Styles
- Custom Scrollbar Width: Set a custom width for the scrollbar. Default is 8px.
- Custom Scrollbar Color: Set a custom color for the scrollbar. Default is transparent.
- Custom Overlay Color: Set a custom color for the overlay when smooth scrolling is enabled. Default is transparent.
Performance
- Limiter: Set a maximum number of pixels to scroll at once to prevent browser hang-ups. Default is 500.
- Disable Smooth Scrolling on Hover: Check this box to disable smooth scrolling when a user hovers over the scrollbar.
Advanced
- Custom JavaScript Function: Add a custom JavaScript function to be executed on every smooth scrolling event. This can be used for advanced customization.
- Scrolling Speed: Set the speed of the scrolling animation (in pixels per second). Default is 800.
- Use Hardware Acceleration: Check this box to enable hardware acceleration for smooth scrolling.
Please note that these are the default settings and can be adjusted according to your requirements.
Here are the features of the Smooth Scrolling plugin:
- Gutenberg Ready
- Mouse wheel, middle mouse and keyboard support
- Extended Keyboard Support: Arrow Keys, PgUp/PgDown, Spacebar, Home/End
- Customization every trifle: Step Sizes, Frames per Second and more…
- Smooth scrolling to anchor link
- Works with Embedded Content
- Tested and Compatible up to Wordpress 5.2
- Supported Touchpad Devices
- Easy to Install and Use
- Works with all Popular Themes
- Awesome for Mobile and Tablets
- Works in all Modern Browsers
- Lightweight and Fast
- Native JavaScript, without jQuery
- Works both for the entire website and for individual pages.
- All major browsers supported Chrome, Firefox, Safari, Edge, Opera
- Tested with WooCommerce and BuddyPress
- Super-Easy Admin Configuration
- Installation Guide
- Detailed Users Manual
- Huge Customization Capabilities
- 6 months Included Support
Additionally, the plugin has been tested and compatible with various frameworks and plugins, including:
- Genesis
- Divi
- Themify
- Warp 7
- Ultimatum
- Beans
- Unyson
- Gantry
- and others
It also supports popular Website Page Builders like:
- Elementor
- Visual Composer
- Gutenberg
- Beaver Builder
- Divi
- Themify Builder
- WP Bakery Page Builder
- Layers WP
- and many others
Let me know if you need any further information!
There are no reviews yet.