How to add a smooth scrolling effect to your WordPress website

Have you ever visited a website and the scrolling effect caught your attention, so smooth and fast and defiantly adds value to the design/content, well the reason behind it is most of the web developers use smoothscroll.js (a javascript plugin) for their applications and websites, well what about WordPress?

With WordPress, you can defiantly add smoothscroll.js and make your website scroll beautifully throughout the site making your content much more pleasing to the user.

there are two ways to add smoothscroll.js either by adding a Javascript Snippet Code or by using a Completly FREE plugin that will let you do it with one click, in this article I will cover both of them.

1- MouseWheel Smooth Scroll FREE Plugin

Let’s start with the plugin since it’s easier and probably most users prefer to use plugins (I mean that’s why we all use WP),

Follow the following instructions:

A. Download & Install MouseWheel Smooth Scroll Plugin

B. Navigate to ‘Settings >> Mousewheel Smooth Scroll’ to activate/customize the scrolling effect. *you’ll find it very easy to work with.

– Step: Controls how many pixels the content travels on one scroll
– Speed: Controls the speed of the traveling (the higher the faster)

My preferred settings are Step>> 115  Speed >> 750 this always gives me great results, however, it’s up to you to decide what you want on your project.

 

2- Adding smmothscroll.js Javascript snippet to your website (Code)

add the following code to your theme/child function.php:

IF YOU’RE NOT FAMILIARE WITH THE FOLLOWING JUST USE THE PLUGIN

***********

<?php

add_action( ‘wp_head’, function () { ?>

http://jQuery.scrollSpeed.js

/* write your JavaScript code here */
// The syntax:- $fn.scrollspeed(step, speed, easing)
jQuery.scrollspeed(100,800);

<?php } );

***********

*where it says “jQuery.scrollspeed(100,800);” 100 being step and 800 represents speed!

 

FAQs Regarding Smoothscroll.js

– Mobile Compatibility

smoothscroll.js is 100% mobile compatible and effective

– Performance & Optimization

smoothscroll.js will not affect performance or load time neither negative or positive way.

 

Conclusion

The Smooth Scroll Effect is a very lightweight addon yet very powerful in terms of User Experience and Content, I would recommend that you at least try it!

Top 10 WordPress 5.0 Compatible Themes You Should Pay Heed to Right Away

Good news: WordPress 5.0 is here! With impatient expectations, finally, it’s time to buckle down and enjoy WordPress 5.0 compatible themes allowing to create truly unique websites out of the gate.

Now, it’s high time to prepare your website in advance. Whether you like it or hate it, yet, Gutenberg is coming to WordPress. So, it’s in your interest to take advantage of the innovation WordPress 5.0 brings. Prepare yourself to big changes. Here is some significant upgrade I’d like to pay your heed to:

  • Improve in a more intuitive site-building functionality;
  • Opportunity to create more feature-rich products easier;
  • Building custom WordPress themes become more accessible thanks to blocks;
  • Irrelevance of some page-builder plugins.

Indeed, before upgrading to WordPress 5.0, make sure you know where to find WordPress themes compatible with Gutenberg. To save you trouble and costly mistakes, pamper yourself with WordPress themes for personal Blog that can broaden your horizons to a world of opportunities.

All in all, having an outdated website is inexcusable. One thing to do is to give WordPress 5.0 a try right away. At last, it’s time to get prepared for anything that WordPress 5.0 can throw at you.

Monstroid2 – Multipurpose Modular Elementor WordPress Theme

Is your website ready for the future? A combination of fast performance and intuitive UI can go a long way in building a professional website with Monstroid2. Tons of pre-designed modules and different magnificent skins can do wonders to your website. No more coding issues. Enjoy creating new unique layouts with Elementor page builder on a go. One thing to do is to take advantage of its eCommerce options to maximize your sales potential. Broaden your horizons to a world of opportunities with Monstroid2.

• WordPress 5.0 compatible;

• WooCommerce integration;

• Events Calendar plugin;

• Blog functionality;

• Elementor page builder.

Monstroid2 - Multipurpose Modular Elementor WordPress Theme WordPress Theme

Details | Demo

Hayford | Responsive Investment Consulting Services WordPress Theme

Bring your investment business up a notch with Hayford. With a few tricks under your sleeve, it’s easy to build a great business website out of the gate. The combination of the beautiful design and robust functionality allows you to get your business website live & kicking from day one. Besides, JetElements plugin enables you to spice up every page of your site and catch every user’s eye. In the end, let your visitors buy your products or services and make payments directly online.

• WordPress 5.0 compatible;

• Parallax scrolling effect;

• Ecwid ready;

• SEO-friendly code;

• WPML ready.

Hayford - Investment Consulting Services Responsive WordPress Theme

Details | Demo

Globy – Business Solutions WordPress Theme

Globy has everything you need to start your next business website in a snap. This powerful specimen of WordPress 5.0 compatible themes allows you to build a content-heavy website without much legwork. Well, designed with Parallax, it can give your visitors far better customer experience online. Sure thing, it’s responsive layout adjusts correctly no matter what modern device a user is on. One of the perks of Globy is its portfolio page allowing to add a fresh coat of paint to your solid website. Give it a shot.

• WordPress 5.0 compatible;

• SEO optimized;

• Elementor page builder;

• Ecwid ready.

Your Business WordPress Theme

Details | Demo

Ferim – Food Delivery Multipurpose Minimal Elementor WordPress Theme

Enjoy this eye-catching WP template right away. Designed to meet the needs of any food delivery business, it comes with an attractive and spotless design. Indeed, Ferim is responsive & catches a user’s eye across all modern screen resolutions. Besides, lots of pre-designed pages and theme’s elements can vastly streamline your work. No coding issues, just tons of advanced modules and widgets eases your pain. Don’t curb the temptation to experiment with Ferim right away.

• WordPress 5.0 compatible;

• SEO optimized;

• Contact Form 7 compatible;

• Elementor page builder.

Ferim - Food Delivery Multipurpose Minimal Elementor WordPress Theme

Details | Demo

Frutti – Organic Fruits Multipurpose Elementor WordPress Theme

How do you plan to maximize your sales potential without a professional website? Don’t lose in sales anymore. Forget about tough hours of coding, Frutti can easily take your pain away. Its fresh and alluring design fits food-related businesses out of the gate. Take advantage of a great Jet plugins toolset to customize your website up a notch. Besides, it’s easy to add eye-catching visual effects, create new unique layouts and apply different style settings. Now, give your organic food website a bit of extra vibe with Frutti.

• WordPress 5.0 compatible;

• Responsive layout;

• Blog functionality;

• Elementor page builder;

• Jet plugins toolset.

Frutti - Organic Food Multipurpose Classic Elementor WordPress Theme

Details | Demo

Glowlex – Business Consulting Services Multipurpose Elementor WordPress Theme

A professional business website that looks correctly across modern devices is key to swing client’s decision in your favor. Glowlex is second to none when it comes to building powerful websites big times. Display your services, showcase your fancy odds and ends to attract more visitors to your website. The more the traffic, the better is your bottom line. Don’t miss out on the opportunity to develop your own website like a pro.

• WordPress 5.0 compatible;

• Cherry plugins;

• Elementor page builder;

• Ecwid ready;

• Multiple web forms;

• Contact Form 7 compatible.

Glowlex - Consulting Services Multipurpose Clean Elementor WordPress Theme

Details | Demo

Tourizto – Travel & Tour Agency Elementor WordPress Theme

Even if you have no coding skills, Tourizto puts the power in your hands from day one. Whether you need to build a travel agency site or start a traveling blog, Tourizto makes it a smooth track. It’s a smart way to promote your business via responsive & cross-browser compatible website. Don’t shy away from a lot of negative space to focus on your content. Poke around its amazing features & style settings to get the best result. At last, dozens of unique modules and elements can do wonders.

• WordPress 5.0 compatible;

• Appointment Booking plugin;

• Elementor page builder;

• Ecwid ready.

Tourizto - Travel Company Elementor WordPress Theme

Details | Demo

Constico – Construction Company Elementor WordPress Theme

Face it, every page of your website needs to work towards a defined goal. When it comes to construction websites, attention to details matters. With Constico, it’s easy to build a powerful website and enhance it with top-notch plugins hassle-free. Thanks to Elementor page builder managing and customizing your content becomes a child’s play. Go ahead and experiment with its custom blocks and modules to create something new and unique. Indeed, WooCommerce integration allows you to make it big in sales.

• WordPress 5.0 compatible;

• Elementor page builder;

• SEO-friendly code;

• WPML support;

• Responsive layout.

Constico - Construction Elementor WordPress Theme

Details | Demo

Consor – Business Consulting Services Elementor WordPress Theme

If you’ve never built websites before, the robust functionality of Consor can go a long way. Designed to match the needs of business consulting services, Consor has a lot to offer. Thus, a set of popular premium plugins can maximize your business potential. What’s more, customization process becomes a smooth track thanks to Elementor page builder. No matter, how skilled you are, tons of amazing components, modules and blocks can ease your pain.

• WordPress 5.0 compatible;

• Ecwid ready;

• SEO-friendly code;

• Elementor page builder;

• TM Gallery.

Consor - Business Consulting Elementor WordPress Theme

Details | Demo

Soothery – Massage & SPA Salon WordPress Theme

Give this eye-catching WP template a shot. Soothery is a clean and fully responsive solution that can capture a user’s eye from the first sight. Take advantage of its beautiful pre-designed pages, animates counter, carousel module and versatile header & footer styles. To rise above the competition your website needs to look unique and solve your user’s problem. Now, treat your visitors to your stunning portfolio that looks awesome on any device.

• WordPress 5.0 compatible;

• Elementor page builder;

• Parallax scrolling effect;

• SEO optimized;

• Ecwid ready;

• TM Gallery.

Massage Salon WordPress Theme

Details | Demo

Final Words About Top 10 WordPress 5.0 Compatible Themes

All in all, whatever design you come up with, you need to prepare both yourself and your site for the changes to come. Whether you are ready or not, future is here. Pamper yourself with beautiful WordPress 5.0 compatible themes to make an informed decision later on. Wait no longer, it’s a good opportunity to get your website live and kicking right away.

Kindly share in comment your favourite WordPress 5.0 theme 🙂

 

Brand Style Guides – Why you Need Them

Building a successful business oftentimes comes with growing pains.

With teams to manage, projects to oversee, and an endless parade of people asking questions and needing answers – it’s easy to let things fall between the cracks.

Building Websites for the Future

Websites are changing in 2018. Designers and website development is all about being module and designed so that parts can be changed without a lot of work being done to make that happen. Website professionals are starting to learn it is best to work smarter instead of working harder.

Welcome To WPfriends.com

Im really excited you have made it this far to read my blog post. For those of you who dont know me, my name is darrel wilson and i promote wordpress companies and hosting companies on youtube. I made this website to help connect more wordpress users together in one place. Sure there is facebook, but how many times have you logged on facebook to find things that really bother you?