Banner for Wp Scroll Up
Adds a Button to Scroll back to Top of any Post or Page in WordPress. Wordpress Tutorial
Noted That:
  • To install correctly this wp-scroll-up.zip .
  • Fisrt Download the wp-scroll-up.zip to your computer
  • Extract/Open wp-scroll-up.zip to Your Computer.
  • Then, Find readme.txt file inside wp-scroll-up.zip and Open readme.txt .
  • Now, Read the Requirements of this plugin. Which Wordpress Version and PHP Version are required to run this Plugin in Your Wordpress Site.
  • Then, Follow the Tips Below.
Start the Tips:

Step-1 : Download " wp-scroll-up.zip " to Your Local Computer.

Step-2 : Then, Login to your " yourdomain.com/wp-admin " Dashboard.

Login to Wordpress Wp Scroll Up

Step-3 : Then, Click on " Plugins " + " Add New " from left Side Menu of Dashboard.

Go to Plugin Install Wp Scroll Up

Step-4 : Now, Click on " Upload Plugin " button.

Click Upload Button Wp Scroll Up

Step-5 : Now, Browse " wp-scroll-up.zip " Downloaded plugin from your computer, Where you downloaded " wp-scroll-up.zip " According to Step – 1 Above then, click on " Install Now "

Upload Plugin Wp Scroll Up

Step-6 : Now, Click on " Active Plugin "

Activate Wp Scroll Up

Step-7 : Then, See left Side Menu. " Wp Scroll Up " folder is added on left Side Menu. Now, Click on " Wp Scroll Up " folder.

Noted that: If you do not see " Wp Scroll Up " folder on left Side Menu then, see at left Side Menu " Settings " or " Tools ".

Step-8 : Now you configure yourself oR Watch video tutorial below about Wp Scroll Up Configurations and Settings or How to work " Wp Scroll Up " in your WordPress site.

oR

After Activated Plugin According to Step-6 then,

  1. Go to " Plugins " + " Installed Plugin " from Wordpress Admin Panel Leftside Menu.
  2. or Direct go to: https://yourdomain/wp-admin/plugins.php
  3. Then, Find " wp-scroll-up " Activated Plugin from Plugin List.
  4. Then, Click on " Settings " from Plugin that is wp-scroll-up
  5. Now, Edit/Add/Config the setting and Click on " Save Changes " button,
WP Plugin Setting



Guide
  1. Click Plugins > Add New in the WordPress admin panel.
  2. Search for “wp-scroll-up” and install.

Customization

The Style dropdown changes the button style displayed. These
correspond to CSS styles present in the plugin’s CSS directory.

When you choose the Custom style, the plugin automatically adds the
CSS file located at {current_theme}/wp-scroll-up/custom.css .

This CSS file must contain an ID selector, #scrollUp and it’s custom
style attributes. For instance, the bundled image style is provided by the
CSS,


/* Image style */
#scrollUp { bottom: 20px; right: 20px; height: 38px; /* Height of image */ width: 38px; /* Width of image */ background: url(../img/top.png) no-repeat;
}

Other settings that can be changed,

  • Scroll Text: The text label of the button.
  • Scroll Distance: The number of pixels that a user needs to scroll
    before they see the button.
  • Scroll Speed: Duration in milliseconds to scroll to top.
  • Animation: Whether the scroll button should Fade in/out

Name